:root{color-scheme:dark;--ink:#04060a;--panel:#0c1420;--text:#edf3fb;--muted:#b9c6d8;--steel:#cfe0f2;--line:#35475e;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--ink);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#182a40 0,transparent 50%);min-height:100vh}a{color:var(--steel)}button,input{font:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;padding:12px 20px;color:var(--text);background:#152235;cursor:pointer;font-weight:500;min-height:44px}button.primary{background:var(--steel);color:#0a1019;border-color:var(--steel)}button:disabled{opacity:.5;cursor:default}button:not(:disabled):hover{border-color:#e3efff;background:#22344b}button.primary:not(:disabled):hover{background:#e7f1ff}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:4px}header{max-width:1440px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header a{text-decoration:none}header .brand{font-size:14px;letter-spacing:.08em}main{max-width:1440px;margin:auto;padding:30px 32px 48px}.intro{max-width:780px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#c4d5ec}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.08;margin:14px 0 18px}p{color:var(--muted);font-size:16px;line-height:1.65;margin:12px 0}.workspace{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.bar{padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.status{margin:0;flex:1 1 240px;font-size:14px;color:#dae7f8;min-height:24px}.status[data-error=true]{color:#ffb3b3}.stage{position:relative;display:grid;place-items:center;min-height:420px;background:radial-gradient(ellipse,#162638,#070b11);overflow:hidden}.stage img,.stage video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.stage [hidden], [hidden]{display:none!important}.empty{max-width:510px;padding:36px;text-align:center}.empty svg{width:110px;height:110px;color:#91abc9;fill:none;stroke:currentColor;stroke-width:1.4}.empty p{margin-bottom:0}.keys{display:flex;flex-wrap:wrap;gap:10px;padding:18px 22px}.keys button{font-size:14px;padding:10px 14px}.notes{max-width:900px;font-size:14px;line-height:1.6}.notes p{font-size:14px}.upload{padding:28px;display:grid;gap:16px}.upload label{font-weight:500;font-size:16px}.upload input{display:block;max-width:100%;border:1px solid #4b627e;border-radius:8px;padding:12px;background:#080f18;color:var(--text)}input::file-selector-button{background:#22344b;color:#edf3fb;border:1px solid #5b7391;border-radius:5px;padding:10px;margin-right:14px;cursor:pointer}.downloads{display:flex;flex-wrap:wrap;gap:12px;padding:20px 22px;border-top:1px solid var(--line)}footer{max-width:1440px;margin:auto;padding:0 32px 30px;font-size:13px;color:#a2b3cb}.camera-source{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:-100px}.stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#04060a}.stage:fullscreen img{max-height:100vh;width:auto;max-width:100vw}
@media(max-width:680px){header{padding:18px 20px;font-size:14px}main{padding:22px 16px 32px}.intro{margin-bottom:22px}h1{font-size:40px}.bar{padding:16px;gap:10px}.bar button{flex:1}.status{flex-basis:100%}.stage{min-height:260px}.empty{padding:28px}.empty p{font-size:15px}.keys{padding:16px;gap:8px}.keys button{flex:1 1 130px}.upload{padding:20px 16px}.downloads{padding:16px}.downloads button{flex:1 1 180px}footer{padding:0 20px 24px}.notes p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.upload{grid-template-columns:minmax(0,1fr)}.upload>*{min-width:0;max-width:100%}.upload input{width:100%}