:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e10;--panel:#17181b;--line:#34363b;--muted:#a9abb1;--accent:#d8ff65}*{box-sizing:border-box}body{background:var(--bg);color:#f4f4ef;margin:0;font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}.studio{min-height:100vh;padding:32px clamp(20px,5vw,72px)}.studio-header{justify-content:space-between;align-items:end;gap:20px;max-width:1280px;margin:0 auto 32px;display:flex}.studio-kicker{color:var(--accent);letter-spacing:.12em;font:11px monospace}.studio h1{letter-spacing:0;margin:10px 0 0;font-size:clamp(2rem,5vw,4rem)}.studio-header p{max-width:420px;color:var(--muted);line-height:1.5}.studio-layout{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:20px;max-width:1280px;margin:auto;display:grid}.studio-panel{border:1px solid var(--line);background:var(--panel);padding:22px}.studio-panel h2{margin:0 0 18px;font-size:1rem}.character-list{gap:8px;display:grid}.character-item{border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.character-item.active{border-color:var(--accent)}.character-item small,.muted{color:var(--muted)}.studio-form{gap:12px;display:grid}.studio-form label{color:#d8d9d4;gap:6px;font-size:13px;display:grid}.studio-form input,.studio-form textarea{border:1px solid var(--line);width:100%;color:inherit;background:#0f1012;border-radius:2px;padding:11px}.studio-form textarea{resize:vertical;min-height:82px}.studio-form input:focus,.studio-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.studio-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.studio-actions button{background:var(--accent);color:#11130f;cursor:pointer;border:0;border-radius:2px;padding:10px 14px;font-weight:700}.studio-actions button.secondary{border:1px solid var(--line);color:inherit;background:0 0}.studio-actions button:disabled{cursor:wait;opacity:.5}.studio-notice{color:#ffac9f;margin:14px 0 0;font-size:13px}.studio-badge{color:var(--muted);margin-left:8px;font:10px monospace;display:inline-block}@media (max-width:760px){.studio-header,.studio-layout{display:block}.studio-header p{margin-top:18px}.studio-panel+.studio-panel{margin-top:16px}}