*{box-sizing:border-box;margin:0}:root{--bg:#0c0f16;--panel:#151a26;--text:#e8ecf4;--dim:#8b93a7;--accent:#ffb454;--good:#7dd87d;--border:#262d3f}body{background:var(--bg);color:var(--text);min-height:100vh;font:16px/1.5 system-ui,-apple-system,sans-serif}#app{flex-direction:column;gap:16px;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;display:flex}header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}h1{letter-spacing:.02em;font-size:1.3rem}h1:before{content:"⚡ "}nav{gap:8px;display:flex}.tab{background:var(--panel);color:var(--dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:1rem}.tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}section{flex-direction:column;gap:16px;display:flex}#drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:48px 24px;transition:border-color .15s}#drop-zone.hover,#drop-zone:hover{border-color:var(--accent)}.hint,.dim{color:var(--dim);font-size:.85rem}.file-line{overflow-wrap:anywhere;font-weight:600}.controls-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.controls-grid label{color:var(--dim);flex-direction:column;gap:4px;font-size:.85rem;display:flex}select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:.95rem}button.primary{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:1.05rem;font-weight:700}#btn-stop-send,#btn-stop-recv{background:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:12px;font-size:1rem}#transmit-area{align-items:center}#qr-stage{background:#fff;border-radius:12px;place-items:center;gap:10px;width:100%;padding:12px;display:grid}#qr-stage.grid-1{grid-template-columns:1fr}#qr-stage.grid-2,#qr-stage.grid-4{grid-template-columns:1fr 1fr}#qr-stage.grid-9{grid-template-columns:1fr 1fr 1fr}#qr-stage canvas{image-rendering:pixelated;width:100%;height:auto;max-height:82vh}#qr-stage.grid-1 canvas{max-width:min(100%,82vh)}.stats-line{color:var(--dim);text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem}#video-wrap{border:1px solid var(--border);background:#000;border-radius:12px;justify-content:center;display:flex;overflow:hidden}#video{max-width:100%;max-height:34vh;display:block}.progress-track{background:var(--panel);border-radius:7px;height:14px;overflow:hidden}#progress-fill{background:var(--good);width:0%;height:100%;transition:width .2s}#block-map{background:var(--panel);border-radius:4px;width:100%;height:8px}.stats-grid{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats-grid .stat{background:var(--panel);border-radius:8px;padding:8px 10px}.stats-grid .stat b{font-size:1.05rem;display:block}.stats-grid .stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}#recv-result{background:var(--panel);border:1px solid var(--good);text-align:center;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}#recv-result a.download{background:var(--good);color:var(--bg);border-radius:10px;padding:14px;font-size:1.05rem;font-weight:700;text-decoration:none}footer{text-align:center;margin-top:auto;font-size:.75rem}@media (width<=480px){.controls-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}