:root{color-scheme:dark;--accent:#ffcf00;--bg:#070707;--panel:#151515;--line:#343434}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f5;font-family:Arial,sans-serif}button,input{font:inherit}button{border:0;border-radius:6px;background:var(--accent);color:#111;font-weight:800;padding:11px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#2b2b2b;color:#fff;padding:8px 14px}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#101010}header strong{letter-spacing:.03em}header span{margin-left:12px;color:var(--accent);font-size:11px}.workspace{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:18px;padding:18px;min-height:calc(100vh - 58px)}.panel,.result,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.panel h1,.login-card h1{margin-top:0}.panel p,.login-card p{color:#aaa;line-height:1.5}label{display:grid;gap:6px;color:#bbb;font-size:13px;margin-bottom:14px}input{width:100%;background:#050505;border:1px solid #444;border-radius:5px;color:#fff;padding:10px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{display:grid;place-items:center;align-content:center;gap:16px;overflow:auto}.result img{max-width:100%;max-height:72vh;image-rendering:pixelated;border:1px solid #333}.session,#status,#summary{margin-top:16px;color:#888;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(390px,calc(100% - 32px))}.login-card button{width:100%}.brand{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em}.error{font-size:11px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.result{min-height:50vh}}