*{box-sizing:border-box}html,body{color:#f9fafb;background:radial-gradient(circle at top,#1e293b,#0f172a 55%,#020617);min-height:100%;margin:0;padding:0;font-family:Arial,sans-serif}body{padding:30px 16px}h1{letter-spacing:-1px;margin:0 0 8px;font-size:36px}h2{margin:0 0 15px;font-size:20px}h3{margin:0 0 12px;font-size:17px}p{color:#94a3b8;margin:0;line-height:1.6}button,select{font-family:inherit}.receiver-container{width:100%;max-width:900px;margin:0 auto}.receiver-header{text-align:center;margin-bottom:25px}.receiver-header p{margin-top:6px;font-size:14px}.card{background:#1e293bdb;border:1px solid #94a3b826;border-radius:16px;width:100%;margin-bottom:18px;padding:22px;box-shadow:0 12px 35px #00000038}.camera-controls{align-items:center;gap:10px;display:flex}.camera-select{color:#f9fafb;background:#111827;border:1px solid #374151;border-radius:9px;outline:none;flex:1;min-width:0;padding:11px 12px;font-size:14px}.camera-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:9px;padding:11px 18px;font-size:14px;transition:background .15s,opacity .15s,transform .1s}button:hover:not(:disabled){background:#7c3aed}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{background:#334155}.secondary-button:hover:not(:disabled){background:#475569}.camera-card{text-align:center}.camera-wrapper{aspect-ratio:4/3;background:#000;border:2px solid #334155;border-radius:14px;width:100%;max-width:600px;margin:20px auto 0;position:relative;overflow:hidden}.camera-wrapper video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.camera-guide{aspect-ratio:1;pointer-events:none;border:3px solid #8b5cf6e6;border-radius:18px;width:65%;max-width:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0000002e}.camera-guide:before,.camera-guide:after{content:"";border-style:solid;border-color:#c4b5fd;width:28px;height:28px;position:absolute}.camera-guide:before{border-width:4px 0 0 4px;border-radius:8px 0 0;top:-3px;left:-3px}.camera-guide:after{border-width:0 4px 4px 0;border-radius:0 0 8px;bottom:-3px;right:-3px}.camera-status{color:#94a3b8;margin-top:12px;font-size:13px}.status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-badge{color:#cbd5e1;white-space:nowrap;background:#334155;border-radius:999px;align-items:center;padding:6px 11px;font-size:12px;display:inline-flex}.progress-container{background:#0f172a;border-radius:999px;width:100%;height:10px;margin-top:20px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:0%;height:100%;transition:width .2s}.debug-card{margin-top:18px}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.debug-item{background:#111827;border:1px solid #1f2937;border-radius:9px;min-width:0;padding:12px}.debug-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;display:block}.debug-value{color:#a7f3d0;overflow-wrap:anywhere;font-family:monospace;font-size:13px;display:block}.error-value{color:#fca5a5}.result-card{text-align:center}.download-link{color:#fff;background:#10b981;border-radius:9px;margin-top:10px;padding:11px 18px;font-size:14px;text-decoration:none;display:inline-block}.download-link:hover{background:#059669}.hidden{display:none!important}@media (width<=600px){body{padding:18px 10px}h1{font-size:28px}.card{border-radius:13px;padding:16px}.camera-controls{flex-direction:column;align-items:stretch}.camera-select,.camera-controls button{width:100%}.camera-wrapper{aspect-ratio:1;border-radius:11px;margin-top:16px}.camera-guide{border-radius:14px;width:70%}.status-header{flex-direction:column;align-items:flex-start}.debug-grid{grid-template-columns:1fr}.debug-item{padding:10px}}@media (width<=380px){body{padding:12px 8px}h1{font-size:24px}.card{padding:13px}.camera-wrapper{aspect-ratio:1}.camera-guide{width:72%}}