:root{--bg:#0f1115;--panel:#171a21;--line:#2a2f3a;--text:#e8eaf0;--muted:#9aa3b2;--accent:#4d7cff;--ok:#33d17a;--warn:#f6c343;--bad:#ff5d5d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{min-height:100%}a{color:var(--accent)}button,.button,select,input,textarea{font:inherit;color:inherit}button,.button{background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}button.secondary{border:1px solid var(--line);background:0 0;font-weight:500}select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem}textarea{resize:vertical;width:100%}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}nav{align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav .title{font-weight:600}.error{color:var(--bad)}.error:empty{display:none}.hint,.lede{color:var(--muted);line-height:1.5}.home{max-width:640px;margin:0 auto;padding:12vh 1.25rem 2rem}.brand{align-items:center;gap:.75rem;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:2.4rem}.logo{background:linear-gradient(#ff4d4d,#ff4d4d) 60% 60%/18% 18% no-repeat,linear-gradient(#33d17a,#33d17a) 85% 60%/18% 18% no-repeat,linear-gradient(#4d7cff,#4d7cff) 60% 85%/18% 18% no-repeat,linear-gradient(#fff,#fff) 85% 85%/18% 18% no-repeat,linear-gradient(#000,#000) 20% 20%/20% 20% no-repeat,linear-gradient(#fff,#fff) 12% 12%/36% 36% no-repeat,#000;border:2px solid #fff;border-radius:6px;width:2.2rem;height:2.2rem}.choices{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}@media (max-width:520px){.choices{grid-template-columns:1fr}}.choice{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:14px;flex-direction:column;gap:.35rem;padding:1.25rem;text-decoration:none;display:flex}.choice strong{font-size:1.3rem}.choice span{color:var(--muted)}.choice:hover{border-color:var(--accent)}.how summary{cursor:pointer;color:var(--muted)}.how p{color:var(--muted);line-height:1.6}.home footer{color:var(--muted);margin-top:3rem;font-size:.9rem}.panel{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:0 1.25rem 2rem;display:flex}.panel nav{padding-left:0}.drop{border:2px dashed var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:3rem 1rem;display:flex}.drop strong{font-size:1.2rem}.drop span{color:var(--muted)}.drop.over{border-color:var(--accent)}.drop.busy{opacity:.6;pointer-events:none}.sender{background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.toolbar .file{flex-direction:column;min-width:0;display:flex}.toolbar .file strong{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;overflow:hidden}.toolbar .file span,.toolbar .info{color:var(--muted)}.toolbar .info{font-variant-numeric:tabular-nums;flex-basis:100%}.toolbar .warn{color:var(--warn);flex-basis:100%}.toolbar .warn:empty{display:none}.controls{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-left:auto;display:flex}.ctl{color:var(--muted);align-items:center;gap:.4rem;display:flex}.ctl output{min-width:2ch;color:var(--text)}.stage{background:#fff;flex:1;min-height:0;position:relative}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage:fullscreen{background:#fff}.receiver{flex-direction:column;display:flex;position:fixed;inset:0}.viewport{background:#000;flex:1;min-height:0;position:relative}.viewport video,.viewport .overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.sheet{background:var(--panel);border-top:1px solid var(--line);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));flex-direction:column;gap:.5rem;max-height:60vh;display:flex;overflow:auto}.fileline{font-weight:600}.fileline:empty{display:none}.progress{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.progress .fill{background:var(--ok);width:0;height:100%;transition:width .2s}.status{font-size:.95rem}.stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.small{font-size:.85rem}.link{color:var(--accent);cursor:pointer;text-decoration:underline}.result h2{color:var(--ok);margin:.3rem 0}.preview{white-space:pre-wrap;background:#000;border-radius:8px;max-width:100%;max-height:30vh;padding:.5rem;overflow:auto}[hidden]{display:none!important}.advice{color:var(--warn);font-size:.9rem}.advice:empty{display:none}.sheet .ctl input[type=range]{width:8rem}.receiver-link{border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:1rem;padding:.75rem;display:flex}.receiver-link img{background:#fff;border-radius:6px;flex:none}.receiver-link div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.receiver-link strong{color:var(--text)}.receiver-link code{overflow-wrap:anywhere;font-size:.8rem}.diagnostics summary{cursor:pointer;color:var(--muted);font-size:.85rem}.diag{color:var(--muted);white-space:pre-wrap;margin:.4rem 0 0;font-size:.75rem}.home footer{flex-direction:column;gap:.75rem;display:flex}.pwa{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.pwa:empty{display:none}.pwa .ok{color:var(--ok)}