.intro{padding-top:35px;padding-bottom:26px}.intro h1{font-size:clamp(2rem,4vw,3rem)}.mode-switch{display:inline-flex;border:1px solid #d9e2d4;border-radius:11px;background:#eaf0e5;padding:4px;margin-bottom:20px;gap:3px}.mode-switch button{border:0;background:transparent;color:#5d7150;border-radius:7px;padding:11px 24px;font-size:14px;font-weight:600;min-width:133px}.mode-switch button[aria-selected=true]{background:white;color:#22412c;box-shadow:0 2px 5px #17351810}.send-workspace{grid-template-columns:.9fr 1.2fr}.send-workspace .dropzone{min-height:205px}.check-field{display:flex;gap:9px;align-items:center;font-size:14px;margin-top:23px;color:#506346;line-height:1.5}.check-field input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.check-field+.field-hint{margin-left:27px}.preparing{font-size:14px;color:#526c42;line-height:1.6;margin-top:20px}.transfer-details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:15px}.transfer-details>div{display:flex;flex-direction:column;gap:7px}.transfer-details>div>span{font-size:12px;color:#6f7b65}.transfer-details strong{font-size:22px;font-weight:600;letter-spacing:-.5px}.transfer-details p{grid-column:1/-1;font-size:12px;line-height:1.6;color:#69765f}.qr-stage{width:100%;max-width:450px;margin:auto}.qr-stage .qr-card{max-width:100%;margin:0 auto 13px;padding:8px;border-radius:12px}.frame-counter{display:flex;justify-content:space-between;font-size:12px;color:#556a46;margin-bottom:13px;font-variant-numeric:tabular-nums}.playback-controls{display:flex;justify-content:center;gap:8px}.playback-controls .secondary{flex:0 0 44px;padding:10px;font-size:20px}.playback-controls .primary{flex:1;min-width:120px}.frame-seek-label{display:block;text-align:left;font-size:12px;color:#69765f;margin-top:16px;margin-bottom:4px}.qr-stage input[type=range]{accent-color:#254e33;min-height:30px;width:100%;margin:0}.qr-stage.expanded{position:fixed;inset:0;z-index:100;background:#f1f5ed;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:auto}.qr-stage.expanded .qr-card{width:min(80vw,65svh,760px);flex-shrink:0}.qr-stage.expanded .frame-counter,.qr-stage.expanded .playback-controls,.qr-stage.expanded input[type=range],.qr-stage.expanded .frame-seek-label{width:min(80vw,65svh,760px)}.qr-stage.expanded .frame-seek-label{margin-top:10px}.result-ready .result-instruction{margin-top:7px}.receive-workspace{grid-template-columns:1.1fr 1fr}.camera-view{position:relative;width:100%;aspect-ratio:1;background:#19352b;color:#d4e9c4;border-radius:14px;overflow:hidden}.camera-view video{display:block;width:100%;height:100%;object-fit:contain;background:#132b23}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px;text-align:center;background:#19352b}.camera-placeholder strong{font-size:19px;font-weight:500}.camera-placeholder>span{font-size:13px;line-height:1.6;color:#adbea4}.camera-indicator{position:absolute;top:12px;left:12px;border-radius:5px;font-size:12px;background:#173323d9;color:white;padding:6px 9px}.camera-controls{display:flex;margin-top:17px;gap:10px}.camera-controls .button{flex:1}.camera-controls .primary:disabled{background:#dfe6da;color:#617253;cursor:not-allowed}.import-options{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:9px;color:#9eab95}.text-button{padding:12px 0;border:0;background:transparent;font-size:13px;line-height:1.5;color:#446a33;text-decoration:underline;text-underline-offset:4px;min-height:44px}.text-button:disabled{opacity:.5;cursor:not-allowed}.scan-status{color:#476039;font-size:13px;line-height:1.6;min-height:22px;margin-top:14px}.camera-panel .network-notice{margin-top:0;font-size:13px}.reception-panel{justify-content:flex-start}.reception-empty{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:32px 12px;min-height:320px}.receive-symbol{display:flex;align-items:center;justify-content:center;background:#dce7d3;color:#7a9565;font-size:55px;width:100px;height:100px;border-radius:50%;margin-bottom:26px}.reception-empty h3,.reception-success h3{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:550}.reception-empty p{font-size:14px;line-height:1.7;color:#66775b;margin-top:16px;max-width:300px}.reception-progress{margin:auto 0;padding:36px 0}.progress-heading{display:flex;flex-direction:column;gap:13px;margin-bottom:22px}.progress-heading strong{font-size:61px;letter-spacing:-3px;color:#345e28;font-weight:500}.progress-heading span{font-size:14px;color:#566d47}.reception-progress progress{height:9px}.reception-progress p{font-size:13px;line-height:1.8;color:#68765d;margin-top:16px;overflow-wrap:anywhere}.reception-success{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:30px 0}.success-symbol{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#d1e8bc;color:#345e28;font-size:34px;margin-bottom:24px}.reception-success>strong{font-size:16px;margin-top:24px;overflow-wrap:anywhere;max-width:100%;font-weight:550}.reception-success>p:not(.field-hint){font-size:14px;color:#69795d;margin:8px 0 18px}.verified-badge{display:inline-block;background:#e0ead6;padding:7px 11px;color:#476b33;font-size:12px;border-radius:20px}.reception-success .button{width:100%;margin-top:27px}.reception-success .field-hint{margin-top:13px;max-width:300px}.reset-reception{margin:16px auto 0;color:#6e725d;font-size:12px}.mode-switch,.result-ready,.reception-progress{scroll-margin-top:20px}button:disabled{opacity:.75}.result-status{white-space:nowrap}#receive-error{overflow-wrap:anywhere}
@media(max-width:900px){.send-workspace{grid-template-columns:.85fr 1.15fr}.upload-panel,.result-panel{padding:23px}.panel-heading h2{font-size:16px}.panel-heading{gap:8px}.send-workspace .result-status{display:none}.playback-controls{gap:5px}.playback-controls .secondary{flex-basis:40px}.playback-controls .primary{min-width:100px}.transfer-details{grid-template-columns:1fr}.transfer-details strong{font-size:20px}.qr-stage .qr-card{max-width:none}.camera-controls{flex-direction:column}}
@media(max-width:680px){.intro{padding-top:28px;padding-bottom:24px}.intro h1{font-size:36px}.mode-switch{display:flex;width:100%}.mode-switch button{flex:1;min-width:0}.send-workspace,.receive-workspace{grid-template-columns:1fr}.send-workspace .result-status{display:flex}.transfer-details{grid-template-columns:1fr 1.3fr}.qr-stage{max-width:none}.qr-stage .qr-card,.result-ready .qr-stage .qr-card{max-width:100%}.camera-controls{flex-direction:row;flex-wrap:wrap}.camera-controls .button{min-width:145px}.reception-progress{padding:15px 0}.reception-empty{min-height:290px}.reception-success{padding:15px 0}.qr-stage.expanded{padding:15px}.qr-stage.expanded .qr-card,.qr-stage.expanded .frame-counter,.qr-stage.expanded .playback-controls,.qr-stage.expanded input[type=range],.qr-stage.expanded .frame-seek-label{width:min(94vw,64svh)}.import-options{gap:10px}.check-field{font-size:14px}.how-it-works{gap:6px}}
.experimental-tag{font-size:12px;color:#6c5834;background:#f3e9cb;padding:4px 8px;border-radius:6px}.qr-stage.color-format .qr-card{border:1px solid #d8e1d1}#optical-comparison{font-weight:600;color:#3b6430}
.frame-counter{flex-wrap:wrap;gap:6px 12px}
.qr-stage.turbo-format.expanded{padding:12px}.qr-stage.turbo-format.expanded .qr-card,.qr-stage.turbo-format.expanded .frame-counter,.qr-stage.turbo-format.expanded .playback-controls,.qr-stage.turbo-format.expanded .frame-seek-label,.qr-stage.turbo-format.expanded input[type=range]{width:min(calc(100vw - 28px),calc(100svh - 170px),1400px)}.qr-stage.turbo-format.expanded .qr-card{padding:2px;border-radius:4px}.qr-stage.turbo-format.expanded .frame-counter{font-size:11px}
.pairing-panel{width:100%;padding:12px 0;display:flex;align-items:center;flex-direction:column;gap:12px}.pairing-step{font-size:11px;letter-spacing:1.3px;color:#587447;font-weight:650}.pairing-panel h3{font-size:25px;margin:0}.join-card{background:white;padding:12px;border-radius:12px;margin:10px auto 0;width:min(100%,320px)}.join-card canvas{display:block;width:100%;height:auto;image-rendering:pixelated}#pairing-code{width:100%;max-width:320px}#pairing-status{font-size:14px;line-height:1.6;color:#415936}.pairing-panel .field-hint{margin:0;max-width:350px}.pairing-panel>.text-button{padding:5px 0}.connection-notice{flex-direction:column;align-items:stretch}