*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{background:#fff;border-radius:20px;max-width:1200px;margin:0 auto;padding:30px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5em}h3{color:#555;margin-bottom:15px}.mode-selector{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.mode-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:25px;padding:12px 40px;font-size:16px;font-weight:600;transition:all .3s}.mode-btn:hover{background:#f0f0f0}.mode-btn.active{color:#fff;background:#667eea}.mode-content{display:none}.mode-content.active{display:block}.file-selector{text-align:center;margin-bottom:30px}input[type=file]{display:none}.file-label{color:#fff;cursor:pointer;background:#667eea;border-radius:25px;padding:15px 40px;font-size:16px;font-weight:600;transition:all .3s;display:inline-block}.file-label:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}#fileInfo{color:#555;margin-top:15px;font-size:14px}.controls{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:30px;display:grid}.speed-control{text-align:center;background:#f5f5f5;border-radius:10px;padding:15px}.speed-control label{color:#555;margin-bottom:10px;font-size:14px;font-weight:500;display:block}.speed-control span{color:#667eea;font-size:16px;font-weight:700}.speed-control input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:3px;outline:none;width:100%;max-width:400px;height:6px}.speed-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:20px;height:20px;transition:all .3s}.speed-control input[type=range]::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.speed-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#667eea;border:none;border-radius:50%;width:20px;height:20px;transition:all .3s}.speed-control input[type=range]::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}button{cursor:pointer;border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}#startSendBtn,#startReceiveBtn{color:#fff;background:#4caf50}#startSendBtn:hover:not(:disabled),#startReceiveBtn:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}#stopSendBtn,#stopReceiveBtn{color:#fff;background:#f44336}#stopSendBtn:hover:not(:disabled),#stopReceiveBtn:hover:not(:disabled){background:#da190b;transform:translateY(-2px);box-shadow:0 5px 15px #f4433666}#downloadBtn{color:#fff;background:#2196f3}#downloadBtn:hover:not(:disabled){background:#0b7dda;transform:translateY(-2px);box-shadow:0 5px 15px #2196f366}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.visual-container{flex-direction:column;align-items:center;gap:0;margin-bottom:20px;display:flex}.visual-item{text-align:center;width:100%;max-width:400px}.visual-item h3{color:#667eea;margin-bottom:10px;font-size:16px}.visual-item canvas,.visual-item video{object-fit:cover;background:#fff;border:3px solid #667eea;display:block}#senderQR,#receiverStatusQR{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#video,#senderVideo{background:#000}.status-bar{background:#f5f5f5;border-radius:10px;justify-content:center;gap:20px;margin-bottom:20px;padding:15px;display:flex}.status-bar div{color:#555;font-size:14px;font-weight:500}.stats{background:#f5f5f5;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;display:grid}.stats div{text-align:center;color:#555;background:#fff;border-radius:8px;padding:10px;font-size:14px}.stats span{color:#667eea;margin-top:5px;font-size:18px;font-weight:700;display:block}.received-data{background:#f5f5f5;border-radius:10px;padding:20px}#receivedFileInfo{color:#555;font-size:14px;line-height:1.6}@media (width<=900px){.container{padding:20px}h1{font-size:1.8em}.visual-container{flex-direction:column;align-items:center}.visual-item{max-width:100%;margin-bottom:20px}.visual-item canvas,.visual-item video{aspect-ratio:1;width:100%;max-width:400px;height:auto}.status-bar{flex-direction:column;gap:10px}.stats{grid-template-columns:1fr}.controls{flex-wrap:wrap}}
/*# sourceMappingURL=qr-file-transfer.0164e2e7.css.map */