:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#10231f;--ink-soft:#38544d;--paper:#f8fbf7;--surface:#fff;--surface-strong:#eef7ef;--line:#d5ded6;--muted:#687a73;--mint:#7bd6b0;--mint-dark:#13795a;--coral:#ef6547;--amber:#efb83b;--blue:#315d80;--shadow:0 18px 45px #10231f1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}body.is-focus-mode{overflow:hidden}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}#app{min-height:100vh}.app-shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 32px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 0 20px;display:flex}.brand{align-items:center;gap:12px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1;display:inline-flex}.brand-mark{background:var(--ink);width:44px;height:44px;color:var(--mint);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.brand-mark svg{width:26px;height:26px}.status-pill{border:1px solid var(--line);background:var(--surface);min-width:96px;color:var(--ink-soft);text-align:center;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:6px;display:grid}.tab-button,.primary-action,.tool-button,.icon-button,.download-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.tab-button svg,.primary-action svg,.tool-button svg,.icon-button svg,.download-action svg{flex:none;width:19px;height:19px}.tab-button{color:var(--muted);background:0 0;font-weight:800}.tab-button.is-active{background:var(--ink);color:var(--paper)}.tab-button:focus-visible,.primary-action:focus-visible,.tool-button:focus-visible,.icon-button:focus-visible,.download-action:focus-visible{outline-offset:2px;outline:3px solid #efb83b8c}.workspace{min-height:620px}.mode-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.transfer-layout,.receive-layout{grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);min-height:620px;display:grid}.receive-layout{grid-template-columns:minmax(360px,1.2fr) minmax(280px,.8fr)}.control-pane,.qr-pane,.scanner-pane{padding:22px}.control-pane{border-right:1px solid var(--line);background:var(--surface-strong);flex-direction:column;gap:18px;min-width:0;display:flex}.receive-controls{border-right:0;border-left:1px solid var(--line)}.drop-zone{text-align:center;background:#ffffffb8;border:2px dashed #9fb4aa;border-radius:8px;align-content:center;gap:18px;min-height:220px;padding:22px;display:grid}.drop-zone.is-dragging{border-color:var(--coral);background:#fff4ef}.drop-zone input{display:none}.primary-action{background:var(--coral);color:#fff;min-width:150px;padding:0 18px;font-weight:850;text-decoration:none;box-shadow:0 10px 24px #ef654738}.primary-action:hover,.download-action:hover,.tool-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-action:disabled,.tool-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.file-meta{gap:6px;min-width:0;display:grid}.file-meta strong,.file-meta span,.progress-text strong,.progress-text span,.meter-header span{overflow-wrap:anywhere;min-width:0}.file-meta strong{font-size:1.03rem}.file-meta span,.progress-text span,.meter-header,.receive-status{color:var(--muted);font-size:.93rem}.control-row{flex-wrap:wrap;gap:10px;display:flex}.tool-button,.icon-button{border:1px solid var(--line);color:var(--ink);background:#fff;font-weight:800}.tool-button{padding:0 15px}.tool-button.ghost{color:var(--ink-soft)}.speed-control{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:14px;display:grid}.speed-control span,.speed-control strong{color:var(--ink-soft);font-size:.93rem;font-weight:800}.speed-control input{width:100%;accent-color:var(--coral)}.icon-button{width:44px;padding:0}.meter-block,.progress-block{gap:10px;display:grid}.meter-header,.progress-text{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meter-track,.progress-track{background:#dce6de;border-radius:999px;width:100%;height:10px;overflow:hidden}.meter-fill,.progress-fill{border-radius:inherit;background:var(--mint-dark);width:0%;height:100%;transition:width .18s;display:block}.meter-fill{background:var(--amber)}.progress-fill.receive{background:var(--blue)}.qr-pane{background:#fbfcfa;grid-template-rows:minmax(280px,1fr) auto;gap:18px;display:grid}.qr-pane.is-focused,.scanner-pane.is-focused{z-index:50;background:#f8fbf7;border:0;grid-template-rows:minmax(0,1fr) auto;gap:18px;width:100vw;height:100dvh;padding:clamp(14px,3vw,32px);display:grid;position:fixed;inset:0}.qr-pane.is-focused{place-items:center}.qr-stage{border:1px solid var(--line);background:#f8fbf7;border-radius:8px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.qr-pane.is-focused .qr-stage{background:0 0;border:0;width:100%;height:100%}#qrCanvas{aspect-ratio:1;border-radius:8px;width:min(100%,680px);max-height:min(78vh,680px)}.qr-pane.is-focused #qrCanvas{border-radius:0;width:min(92vmin,100dvh - 128px,100vw - 28px);max-height:min(92vmin,100dvh - 128px)}.qr-pane.is-focused>.progress-block,.scanner-pane.is-focused+.control-pane{display:none}.qr-placeholder,.success-state,.scanner-empty{color:var(--muted);text-align:center;place-items:center;gap:12px;font-weight:800;display:grid}.qr-placeholder svg,.scanner-empty svg{color:#9cb1a8;width:54px;height:54px}.success-state{color:var(--ink)}.success-state svg{width:72px;height:72px;color:var(--mint-dark)}.success-state strong{font-size:1.5rem}.scanner-pane{background:#10231f;min-height:0;display:grid}.scanner-pane.is-focused{background:#081713;place-items:center}.scanner-frame{aspect-ratio:4/3;background:#081713;border-radius:8px;align-self:center;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.scanner-pane.is-focused .scanner-frame{border-radius:8px;align-self:center;width:min(96vw,133.333dvh - 176px,1180px);height:min(100dvh - 132px,72vw,820px)}#scannerVideo{object-fit:cover;width:100%;height:100%}#scannerCanvas{display:none}.scanner-empty{color:#cfe2d8;background:#10231f;position:absolute;inset:0}.scan-reticle{aspect-ratio:1;pointer-events:none;border:2px solid #7bd6b0d9;border-radius:8px;width:min(58%,360px);position:absolute;box-shadow:0 0 0 999px #0817132e,inset 0 0 24px #7bd6b029}.receive-meta{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.download-action{background:var(--mint-dark);color:#fff;min-height:46px;padding:0 18px;font-weight:850;text-decoration:none}.focus-dock{background:#ffffffeb;border:1px solid #10231f29;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(760px,100%);padding:10px;display:flex;box-shadow:0 18px 45px #10231f2e}.scanner-dock{color:#f8fbf7;background:#10231fe0;border-color:#cfe2d833}.focus-status{gap:2px;min-width:0;display:grid}.focus-status strong,.focus-status span{overflow-wrap:anywhere;min-width:0}.focus-status strong{font-size:1rem}.focus-status span{color:var(--muted);font-size:.88rem;font-weight:800}.scanner-dock .focus-status span{color:#cfe2d8}.focus-actions{flex:none;gap:8px;display:flex}.focus-button{min-width:96px}[hidden]{display:none!important}@media (max-width:880px){.app-shell{width:min(100% - 20px,720px);padding-top:12px}.topbar{align-items:flex-start}.transfer-layout,.receive-layout{grid-template-columns:1fr;min-height:auto}.control-pane,.receive-controls{border:0;border-bottom:1px solid var(--line)}.receive-layout .control-pane,#receivePanel.is-scanning .scanner-pane{order:-1}#receivePanel.is-scanning .control-pane{order:0}.qr-pane,.scanner-pane{min-height:min(86vh,620px)}.receive-controls{border-top:1px solid var(--line)}}@media (max-width:520px){.topbar{gap:10px}.brand{font-size:1.55rem}.brand-mark{width:38px;height:38px}.status-pill{white-space:normal;max-width:132px}.control-pane,.qr-pane,.scanner-pane{padding:14px}.drop-zone{min-height:180px;padding:16px}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-row .icon-button{width:auto}.primary-action,.tool-button,.download-action{width:100%;padding-inline:12px}.meter-header,.progress-text{gap:4px;display:grid}.qr-pane.is-focused,.scanner-pane.is-focused{padding:10px}.qr-pane.is-focused #qrCanvas{width:min(100vw - 20px,100dvh - 118px);max-height:calc(100dvh - 118px)}.scanner-pane.is-focused .scanner-frame{aspect-ratio:auto;width:calc(100vw - 20px);height:min(100dvh - 118px,133.333vw - 26.6667px)}.focus-dock{flex-direction:column;align-items:stretch}.focus-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.focus-button{min-width:0}}