*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--paper:#f2ecd7;--panel:#fffdf0;--acid:#f4ed28;--blue:#164bff;--red:#f04435;--green:#008f5a;--muted:#615d4e;--line:3px solid var(--ink);--shadow:6px 6px 0 var(--ink)}html{background:var(--paper);min-width:320px}body{min-height:100svh;color:var(--ink);background:linear-gradient(90deg, #11111112 1px, transparent 1px), linear-gradient(#11111112 1px, transparent 1px), var(--paper);background-size:32px 32px;margin:0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,input{font:inherit}button{color:inherit}.shell{border:var(--line);background:var(--panel);width:min(1160px,100vw - 32px);min-height:min(720px,100svh - 40px);box-shadow:var(--shadow);grid-template-columns:minmax(220px,.48fr) minmax(420px,1fr);margin:20px auto 42px;display:grid}.brand-rail{border-right:var(--line);background:var(--acid);grid-template-rows:1fr auto;min-width:0;display:grid}.brand-lockup{flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:clamp(24px,4vw,42px);display:flex}h1,h2,.state-board strong,#share-code,.result-mark{letter-spacing:0;text-transform:lowercase;margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-weight:900}h1{overflow-wrap:anywhere;font-size:clamp(5.4rem,12vw,10rem);line-height:.9}h2{text-transform:uppercase;font-size:clamp(3.4rem,8vw,6rem);line-height:.9}.tagline{max-width:11rem;margin:0;font-size:clamp(1rem,1.3vw,1.25rem);font-weight:900;line-height:1.2}.state-board{border-top:var(--line);background:var(--ink);min-width:0;color:var(--panel);padding:18px 20px}.state-label,.panel-kicker{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:900;line-height:1;display:block}.state-board .state-label{color:var(--acid)}.state-board strong{max-width:100%;color:var(--panel);overflow-wrap:anywhere;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1;display:block}.workbench{background:var(--panel);grid-template-rows:auto 1fr;min-width:0;display:grid}.mode-selector{border-bottom:var(--line);grid-template-columns:repeat(2,1fr);display:grid}.mode-btn,.primary-btn,.secondary-btn{background:var(--panel);cursor:pointer;text-align:center;text-transform:uppercase;border:0;border-radius:0;place-items:center;min-height:46px;font-weight:900;line-height:1;transition:transform .12s,background .12s;display:inline-grid}.mode-btn{border-right:var(--line);padding:18px 14px;font-size:1rem}.mode-btn:last-child{border-right:0}.mode-btn.active,.primary-btn{background:var(--blue);color:#fff}.primary-btn,.secondary-btn{border:var(--line);box-shadow:4px 4px 0 var(--ink);padding:13px 18px}.secondary-btn{background:var(--acid)}.primary-btn:hover,.secondary-btn:hover,.mode-btn:hover{transform:translate(-2px,-2px)}.primary-btn:active,.secondary-btn:active,.mode-btn:active{transform:translate(0)}.secondary-btn.copied{background:var(--green);color:#fff}.view{min-width:0;padding:clamp(18px,3vw,32px);display:none}.view.active{display:block}.hidden{display:none!important}.drop-zone{border:var(--line);min-height:clamp(320px,49svh,430px);box-shadow:var(--shadow);cursor:pointer;background:#fff;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,28px);padding:clamp(20px,3.4vw,34px);display:grid}.drop-zone.drag-over{background:var(--acid)}.drop-zone p{max-width:24rem;color:var(--muted);margin:10px 0 0;font-size:.95rem;font-weight:900;line-height:1.25}.drop-zone>div{grid-column:2;align-self:center}.drop-mark{aspect-ratio:1;border:var(--line);background:var(--red);color:#fff;align-self:center;place-items:center;width:clamp(76px,10vw,112px);font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(4rem,8vw,6.6rem);line-height:.8;display:grid}.drop-zone .primary-btn{grid-column:1/-1;justify-self:start;min-width:180px}.file-info,.share-panel,.progress-section,.result-section,.input-section,.connecting-section{border:var(--line);box-shadow:var(--shadow);background:#fff;margin-top:20px;padding:clamp(16px,2.4vw,24px)}.file-header{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;display:grid}.file-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:900;line-height:1.2;overflow:hidden}.file-size{color:var(--blue);white-space:nowrap;font-weight:900}.file-subtext{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:.9rem;font-weight:900;line-height:1.35;display:block}.share-grid{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:16px;display:grid}.code-block,.qr-block{border:var(--line);background:var(--acid);min-width:0;padding:16px}#share-code{overflow-wrap:anywhere;margin-top:12px;font-size:clamp(3rem,8vw,5.8rem);line-height:.9;display:block}.qr-block{background:#fff;place-items:center;display:grid}#share-qr{width:clamp(136px,18vw,170px);height:clamp(136px,18vw,170px);image-rendering:pixelated}.share-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.status{border:var(--line);background:var(--ink);color:#fff;margin:16px 0 0;padding:12px 14px;font-size:.92rem;font-weight:900;line-height:1.25}.input-section{margin-top:0}.input-section label{text-transform:uppercase;margin-bottom:12px;font-weight:900;display:block}.code-input-wrapper{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}#code-input{border:var(--line);background:var(--acid);width:100%;min-width:0;color:var(--ink);letter-spacing:0;text-align:center;text-transform:uppercase;border-radius:0;padding:8px 12px;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3rem,8vw,5.3rem);line-height:.95}#code-input:focus{outline:5px solid var(--blue);outline-offset:3px}#code-input::placeholder{color:#11111138}.scanner-panel{grid-template-columns:repeat(2,minmax(0,max-content)) 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.scanner-status{min-width:0;color:var(--muted);margin:0;font-size:.88rem;font-weight:900;line-height:1.3}.qr-reader{border:var(--line);background:var(--ink);grid-column:1/-1;width:min(100%,360px);min-height:230px;overflow:hidden}.qr-reader video{width:100%!important}.connecting-section,.result-section{text-align:center}.spinner{aspect-ratio:1;border:10px solid var(--ink);border-top-color:var(--blue);width:76px;margin:0 auto 16px;animation:.8s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-topline,.progress-stats{text-transform:uppercase;font-weight:900;line-height:1.2}.progress-section{background:var(--acid)}.progress-topline{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.progress-mode{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.9;overflow:hidden}.progress-percent{border:var(--line);min-width:6ch;color:var(--blue);text-align:right;background:#fff;padding:8px 10px 7px;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.9}.progress-bar{border:var(--line);background-color:#fff;background-image:linear-gradient(90deg,#1111112e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:clamp(42px,7svh,66px);margin:18px 0;overflow:hidden}.progress-fill{background:repeating-linear-gradient(45deg, var(--blue) 0 16px, var(--blue) 16px 25px, #fff 25px 32px, var(--ink) 32px 36px);width:0%;height:100%;box-shadow:inset -4px 0 0 var(--ink);transition:width .1s linear}.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.progress-stats span{border:var(--line);background:#fff;gap:6px;min-width:0;padding:10px 12px;display:grid}.progress-stats b{color:var(--muted);font-size:.68rem;font-style:normal;line-height:1}.progress-stats em{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.result-mark{border:var(--line);background:var(--green);color:#fff;text-transform:uppercase;place-items:center;min-width:96px;min-height:70px;font-size:2.6rem;line-height:1;display:inline-grid}.result-section.error .result-mark{background:var(--red)}.result-section p{margin:18px 0 22px;font-size:1.05rem;font-weight:900;line-height:1.3}.error-message{color:var(--red)}.watermark{border:2px solid var(--ink);background:var(--panel);color:var(--muted);padding:5px 7px;font-size:.72rem;font-weight:900;position:fixed;bottom:10px;right:14px}.watermark a{color:var(--ink)}@media (aspect-ratio>=15/9) and (width>=900px){.shell{grid-template-columns:minmax(210px,.38fr) minmax(520px,1fr);width:min(1240px,100vw - 56px);min-height:min(660px,100svh - 56px);margin-top:28px}h1{font-size:clamp(5rem,10vw,8.6rem)}.drop-zone{min-height:clamp(300px,43svh,380px)}}@media (width<=820px),(aspect-ratio<=10/13){body{background-size:24px 24px}.shell{width:min(100vw - 20px,520px);min-height:calc(100svh - 28px);box-shadow:5px 5px 0 var(--ink);grid-template-rows:auto 1fr;grid-template-columns:1fr;margin:10px auto 18px}.brand-rail{border-right:0;border-bottom:var(--line);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(116px,.42fr)}.brand-lockup{padding:16px;display:block}h1{font-size:clamp(3.4rem,18vw,5.2rem);line-height:.86}.tagline{max-width:12rem;margin-top:6px;font-size:.84rem;line-height:1.15}.state-board{border-top:0;border-left:var(--line);min-width:0;padding:14px 12px 12px}.state-board strong{font-size:clamp(1rem,5.5vw,1.45rem);line-height:.95}.mode-btn{padding:15px 12px}.view{padding:16px}.drop-zone{min-height:min(45svh,360px);box-shadow:5px 5px 0 var(--ink);grid-template-columns:1fr;gap:16px;padding:18px}.drop-mark{width:76px;font-size:4.2rem}h2{font-size:clamp(3rem,17vw,5.2rem)}.drop-zone .primary-btn,.primary-btn,.secondary-btn{width:100%;min-width:0}.file-info,.share-panel,.progress-section,.result-section,.input-section,.connecting-section{box-shadow:5px 5px 0 var(--ink);margin-top:16px}.file-info{padding:16px}.panel-kicker,.state-label{margin-bottom:7px;font-size:.66rem}.share-grid,.code-input-wrapper,.scanner-panel{grid-template-columns:1fr}.share-actions{display:grid}.qr-block{justify-items:start}#share-qr{width:142px;height:142px}#code-input{font-size:clamp(3.2rem,16vw,5rem)}.scanner-status{order:-1}.file-header{grid-template-columns:1fr;align-items:start;gap:8px}.file-size{border:2px solid;width:max-content;max-width:100%;padding:6px 8px;font-size:.86rem;line-height:1}.file-name{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;max-width:100%;font-size:clamp(.86rem,4.8vw,1.08rem);line-height:1.28;overflow:visible}.file-subtext{font-size:.84rem}.progress-section{padding:14px}.progress-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.progress-mode{white-space:nowrap;font-size:clamp(1.75rem,9.6vw,2.45rem);line-height:.94}.progress-percent{text-align:right;width:auto;min-width:0;padding:7px 8px 6px;font-size:clamp(1.55rem,8vw,2.15rem)}.progress-bar{background-size:18px 100%;height:38px;margin:14px 0}.progress-fill{background:repeating-linear-gradient(45deg, var(--blue) 0 13px, var(--blue) 13px 20px, #fff 20px 26px, var(--ink) 26px 30px)}.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.progress-stats span{padding:9px 10px}.progress-stats em{font-size:clamp(.82rem,4vw,1rem)}.watermark{display:none}}@media (width<=380px){:root{--line:2px solid var(--ink)}.shell{width:calc(100vw - 12px)}.view,.brand-lockup{padding:12px}.state-board{min-width:92px;padding:12px 10px}}