:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#eae9df;background:#0b111b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.app{width:min(100%,520px);margin:auto;padding:16px 14px 30px}.topbar,.brand{display:flex;align-items:center;gap:10px}.topbar{justify-content:space-between;margin-bottom:14px}.brand-icon{font-size:28px;background:#31433d;padding:8px;border-radius:12px}.brand h1{margin:0;color:#efd09a;font-size:21px;letter-spacing:2.2px;line-height:1.2}.brand p{margin:2px 0 0;color:#a4b2c1;font-size:11px}.version{background:#27374a;color:#ebbc7d;font-size:10px;padding:6px 8px;border-radius:16px;white-space:nowrap}.studio{position:relative;height:245px;background:linear-gradient(#293947 0,#293947 76%,#665750 76%);border:3px solid #6c7e88;border-radius:14px;overflow:hidden;image-rendering:pixelated}.window{position:absolute;left:18px;top:24px;width:110px;height:90px;border:8px solid #425569;background:#192a3d;color:#bcced4;display:flex;justify-content:space-around;align-items:center;font-size:25px}.studio-sign{position:absolute;top:15px;right:15px;color:#ebc485;background:#192836;padding:7px 9px;text-align:center;font-size:12px;font-weight:800}.studio-sign small{display:block;font-size:8px;color:#adbac5;font-weight:400}.studio-floor{position:absolute;inset:auto 0 20px;display:flex;align-items:flex-end;justify-content:center;gap:25px;font-size:48px}.camera{position:relative;color:#1d2732;text-shadow:2px 2px #9aa7ac}.camera i{position:absolute;left:35px;top:37px;width:3px;height:30px;background:#bdc8d0;transform:rotate(25deg)}.director{animation:bob 2s steps(2) infinite}.chair{font-size:36px;color:#d0a978}.studio-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#172434e8;font-size:11px;padding:3px}@keyframes bob{50%{transform:translateY(-3px)}}.welcome{margin:20px 0 14px}.eyebrow{letter-spacing:1.5px;font-size:10px;color:#e0b776;margin:0}.welcome h2{font-size:24px;margin:4px 0}.subtext{margin:0;font-size:13px;color:#a9b7c4}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#172433;border:1px solid #30455a;border-radius:12px;padding:14px}.stat span,.stat small{display:block;color:#9eacbc;font-size:10px}.stat strong{display:block;font-size:28px;color:#efc384;margin:5px 0;font-variant-numeric:tabular-nums}.message{border-radius:12px;padding:13px 14px;margin:14px 0;font-size:13px}.message p{margin:5px 0 0}.info{background:#223246;border:1px solid #45617e}.success{background:#214137;border:1px solid #488c70}.error{background:#44282d;border:1px solid #a45e65}.error button{margin-top:10px;padding:7px 12px;border:0;border-radius:7px}.hint{font-size:11px;color:#e7baba}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.actions button{background:#233347;border:1px solid #3d5168;border-radius:12px;color:#a7b0bb;padding:12px 7px;font-weight:700}.actions small{display:block;font-size:10px;font-weight:400;margin-top:4px}footer{font-size:11px;color:#8d9bad;text-align:center;margin-top:20px}
