:root{color-scheme:dark;--bg:#080f19;--panel:#111d2c;--line:#24364a;--muted:#8eabc0;--ink:#edf5fb;--mint:#8ef3c4;--cyan:#62dcea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#192a3d;color:var(--ink);font-weight:600;transition:background .15s,border-color .15s}button:hover{border-color:#5c879b;background:#233c50}button:disabled{opacity:.5;cursor:wait}a{color:var(--cyan);text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:28px;margin-bottom:0;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.3px;margin-bottom:8px}h3{font-size:15px;margin-bottom:8px}p,small{color:var(--muted)}small{display:block;font-size:12px}input,select,textarea{width:100%;background:#0a1421;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 12px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:1px solid var(--cyan)}label{display:block;font-size:12px;font-weight:600;color:#a8bfce;margin-bottom:14px}label input,label select{margin-top:6px}input[type=range]{padding:5px}input[type=checkbox]{width:auto;margin:0;accent-color:var(--mint)}.check{display:flex;gap:9px;align-items:center;font-size:13px}.primary{background:var(--mint);border-color:var(--mint);color:#07271c}.primary:hover{background:#b4ffdc}.secondary{background:#193b3e;color:#b1f7e4;border-color:#326760}.ghost,.text-button{background:transparent}.text-button{border:0;color:var(--cyan)}.danger{color:#ffb0b8;background:#391e2a}.brand{font-size:22px;font-weight:800;letter-spacing:-.8px;color:white}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--cyan);margin-bottom:9px}.tag{display:inline-flex;background:#153532;border:1px solid #2d5d50;color:var(--mint);font-size:10px;letter-spacing:.5px;padding:5px 8px;border-radius:6px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;max-width:1100px;margin:auto;padding:50px}.auth-intro{background:radial-gradient(ellipse at 10% 50%,#143642 0%,transparent 65%);padding:50px 0}.auth-intro .brand{display:block;margin-bottom:65px}.auth-intro h1{font-size:66px;line-height:1.04;margin:20px 0 28px;letter-spacing:-3px}.auth-intro p:not(.eyebrow){font-size:17px;line-height:1.8}.intro-pills{display:flex;gap:12px;margin-top:35px}.intro-pills span{padding:6px 12px;border:1px solid var(--line);border-radius:20px;color:#b9ccd9}.auth-card{border:1px solid var(--line);background:#101d2b;padding:32px;border-radius:22px;box-shadow:0 24px 90px #0005}.auth-card h2{font-size:25px;margin-top:20px}.auth-card .primary{width:100%;margin-top:8px}.auth-card .text-button{display:block;margin:auto}.divider{text-align:center;color:var(--muted);font-size:12px;margin:20px 0}#auth-error{font-size:13px;color:#ffacb5;margin:10px 0 0}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;border-right:1px solid var(--line);padding:30px 20px;background:#0a1420;z-index:5}.workspace-label{margin:50px 10px 15px;font-size:10px;letter-spacing:1.4px;color:#6c8b9e}.nav{width:100%;text-align:left;border:0;background:transparent;margin:4px 0;font-size:13px;padding:12px}.nav.active{background:#18373b;color:var(--mint)}.sidebar-bottom{position:absolute;bottom:25px;left:28px;right:20px}.sidebar-bottom small{overflow-wrap:anywhere}.sidebar-bottom button{padding-left:0}main{margin-left:230px;max-width:1800px;padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center;margin:0 0 27px}.header-actions{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted)}.status{border:1px solid var(--line);border-radius:20px;padding:6px 12px}.status.connected{color:var(--mint);border-color:#317d5e;background:#15352c}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.connection{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding:16px 20px}.connection-icon{font-size:24px;color:var(--mint);background:#1b343b;border-radius:12px;padding:5px 13px}.connection strong{font-size:14px}.connection small{margin-top:4px}.username{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#0a1421;margin:0 0 0 auto;width:210px;padding-left:10px;font-size:17px}.username input{border:0;margin:0}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.editor{min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-title h2{margin:0}.section-title input{width:180px;font-size:12px;padding:8px}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.chips button{white-space:nowrap;font-size:11px;padding:6px 11px;border-radius:20px;font-weight:500}.chips .active{background:#296057;border-color:#477f68;color:#d0ffe4}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:338px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.game-card{padding:0;overflow:hidden;text-align:left;border-radius:11px;background:#0b1623;border:1px solid #2c3c4d;position:relative}.game-card.active{border:2px solid var(--mint)}.game-card img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}.game-card strong{font-size:12px;display:block;padding:8px 9px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card small{font-size:10px;padding:0 9px 8px}.game-card.active:after{content:'✓';position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--mint);color:#092a20;text-align:center}.settings-panel{margin-top:22px}.settings-heading{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:14px -2px 20px;overflow:auto}.tabs button{white-space:nowrap;border:0;border-radius:0;background:transparent;font-size:12px;padding:10px 12px;color:var(--muted)}.tabs button.active{color:var(--mint);border-bottom:2px solid var(--mint)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-help{font-size:12px;color:var(--muted);margin-bottom:17px}.media-field{border:1px dashed #36536b;border-radius:10px;padding:12px;margin-bottom:14px}.media-field .media-actions{display:flex;gap:8px;align-items:center}.media-field button{font-size:11px;padding:7px 10px}.media-field small{word-break:break-word;flex:1}.media-field img{width:60px;height:50px;object-fit:cover;border-radius:6px}.gift-row{display:grid;grid-template-columns:38px 1fr 80px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.gift-row img{width:32px;height:32px;object-fit:contain}.gift-row label{margin:0}.gift-row small{font-size:10px}.advanced{margin-top:24px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}.advanced summary{cursor:pointer}.advanced textarea{margin:12px 0;font:11px/1.6 ui-monospace,monospace}.preview-column{min-width:0}.preview-panel{padding:16px}.preview-panel h2{font-size:14px}.preview-panel .ghost{font-size:11px;padding:6px}.preview-frame{position:relative;width:100%;aspect-ratio:9/16;background:#040a10;border:1px solid #304356;border-radius:12px;overflow:hidden}.preview-frame iframe{width:100%;height:100%;border:0}#preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6e94a9;font-size:14px;background:radial-gradient(circle,#17303c,#070f19);pointer-events:none}.play-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.play-actions button{flex:1;white-space:nowrap;padding:9px 8px;font-size:11px}.muted{font-size:12px;color:var(--muted)}#playing-state{margin:12px 0 0}.simulation,.mini-overlay{margin-top:18px}.simulation p,.mini-overlay p{font-size:12px}.sim-actions{display:flex;gap:6px;flex-wrap:wrap}.sim-actions button{font-size:11px;padding:7px 9px}.mini-overlay input{font-size:10px;margin-top:12px}.mini-overlay .ghost{font-size:11px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 28px}.overlay-settings{max-width:900px;padding:32px}.overlay-settings h2{font-size:30px;margin-top:20px}.guide{margin:25px 0;color:#b6cbd8;padding-left:20px;line-height:2}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:24px}.media-item{background:#091421;padding:12px;border-radius:12px;border:1px solid var(--line)}.media-item img,.media-item video{width:100%;height:120px;object-fit:contain;background:#050b13}.media-item audio{width:100%;height:35px}.media-item small{margin:9px 0;word-break:break-word}.upload-button{cursor:pointer;background:#245744;border:1px solid #448c69;padding:10px 14px;border-radius:10px;color:var(--mint);margin:0}footer{display:flex;gap:22px;font-size:11px;color:#6d8a9f;padding:30px 0}footer span{margin-right:auto}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;border:1px solid #548e7f;background:#183b38;padding:14px 24px;border-radius:12px;box-shadow:0 10px 50px #0008;z-index:100}.error-toast{border-color:#ad5868!important;background:#482535!important}#save-state.saving{color:#ffcf85}.bot-consent{background:#172d38;padding:14px;border-radius:10px;margin-bottom:15px;font-size:12px}#google-login:empty{display:none}@media(min-width:1600px){.games{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:190px;padding:25px 12px}.sidebar .brand{font-size:19px}main{margin-left:190px;padding:24px 20px}.studio-grid{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.connection{flex-wrap:wrap}.username{margin-left:0}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{padding:10px 7px;font-size:11px}}@media(max-width:850px){.sidebar{position:static;width:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-right:0;border-bottom:1px solid var(--line);padding:14px}.sidebar .brand{margin-right:auto}.workspace-label,.sidebar-bottom{display:none}.nav{width:auto;font-size:11px;padding:7px}.studio-grid{grid-template-columns:minmax(0,1fr) 300px}main{margin:0;padding:20px 14px}header{margin-bottom:20px}.header-actions{font-size:10px}.auth{gap:30px;padding:30px}.auth-intro h1{font-size:48px}.connection small{display:none}}@media(max-width:650px){.studio-grid{grid-template-columns:1fr}.preview-column{max-width:430px;width:100%;margin:auto}.games{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.auth{display:block;padding:24px}.auth-intro{padding:20px 0}.auth-intro .brand{margin-bottom:25px}.auth-intro h1{font-size:42px}.auth-intro p:not(.eyebrow),.intro-pills{display:none}.auth-card{margin-top:30px}.header-actions #save-state{display:none}.section-title input{width:140px}.connection{gap:9px}.connection-icon{display:none}.connection>div{width:100%}.connection .username{flex:1}.connection button{font-size:12px;padding:9px}.panel{padding:16px}.two{gap:9px}.overlay-settings{padding:20px}.overlay-settings h2{font-size:24px}}

.face-editor{padding:15px;border:1px solid var(--line);border-radius:12px;margin:15px 0}.face-canvas{position:relative;width:100%;max-width:270px;margin:15px auto;touch-action:none}.face-canvas img{width:100%;display:block}.face-point{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;padding:0;border:2px solid white;background:#00aa99;color:white;font-size:11px;touch-action:none;cursor:grab}.face-point[data-face-point=mouth]{background:#d05683}

.credit-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:24px 0}.credit-packs button{display:flex;flex-direction:column;gap:8px;padding:20px}.credit-history>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #243849;padding:14px 0}.credit-history small{display:block;color:#91a9b9;margin-top:5px}#credit-auto-form{max-width:620px;display:grid;gap:15px;margin:20px 0}#credit-auto-form input[type=checkbox]{width:auto;margin-right:8px}

.dj-pads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.dj-pads button{min-height:72px;background:linear-gradient(145deg,#173644,#18213a);border:1px solid #3f8794;border-radius:14px;color:#bcffed;font-weight:700;overflow-wrap:anywhere}.dj-pads button:active,.dj-pads button.firing{background:#376b60;box-shadow:0 0 22px #64f5d855;transform:scale(.97)}#dj-edit label{margin:12px 0}.dj-panel details{margin-top:14px}.dj-panel summary{cursor:pointer;color:#8ef5d8}
/* Live workspace: independently scrolling sidebars, persistent center scene. */
.catalog-mode .studio-grid{grid-template-columns:1fr}.catalog-mode .games{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:none}.catalog-mode .game-card img{height:130px;object-fit:cover}.catalog-mode .catalog-panel{padding:24px}.catalog-mode .catalog-panel .section-title{margin-bottom:18px}
.workspace-mode{overflow:hidden;background:#080e17}.workspace-mode .sidebar,.workspace-mode footer{display:none}.workspace-mode main{margin:0;padding:0;max-width:none;height:100dvh;display:flex;flex-direction:column}.workspace-mode main>header{height:76px;flex:none;margin:0;padding:12px 22px;border-bottom:1px solid #243342;background:#0d1724;gap:20px}.workspace-brand{display:flex;flex-direction:column;min-width:180px}.workspace-brand a{font-size:21px;font-weight:800;color:#eef9ff;letter-spacing:-.7px}.workspace-brand span{font-size:9px;letter-spacing:2.4px;color:#698698;margin-top:3px}.workspace-mode .header-actions{margin-left:auto;order:3;font-size:11px;gap:10px}.workspace-mode #save-state{max-width:100px}.game-switch{display:grid;grid-template-columns:1fr 20px;gap:1px 18px;min-width:220px;text-align:left;background:#152a35;border-color:#31646c;padding:7px 14px}.game-switch span{font-size:9px;letter-spacing:1.5px;color:#83baac}.game-switch strong{grid-column:1;font-size:14px}.game-switch b{grid-column:2;grid-row:1/3;align-self:center;color:#8ff3ce}.workspace-shortcuts{display:flex;gap:5px}.workspace-shortcuts button{font-size:11px;padding:8px}.workspace-mode #page-studio{flex:1;min-height:0}.workspace-mode .studio-grid{height:100%;display:grid;grid-template-columns:minmax(260px,310px) minmax(320px,1fr) minmax(280px,340px);gap:14px;padding:14px;align-items:stretch}.workspace-mode .editor,.workspace-right{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#315064 transparent;display:flex;flex-direction:column;gap:12px;padding-right:3px;overscroll-behavior:contain}.workspace-mode .editor>.panel,.workspace-right>.panel{flex-shrink:0;margin:0;padding:16px;border-radius:14px}.workspace-mode .connection{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px}.workspace-mode .connection-icon{display:none}.workspace-mode .connection>div:not(.connection-icon),.workspace-mode .connection label{grid-column:1/-1;min-width:0;width:100%;margin:0}.workspace-mode .connection strong{font-size:13px}.workspace-mode .connection small{display:block;font-size:10px;margin-top:5px}.workspace-mode .connection .username{margin:4px 0}.workspace-mode .connection input{font-size:13px}.workspace-mode .connection button{padding:8px;font-size:11px}.workspace-mode .play-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.workspace-mode .play-actions button{padding:11px 6px;font-size:11px}.workspace-mode .play-actions #stop{grid-column:1/-1;padding:6px;color:#e9b2b9}.workspace-mode .settings-heading{gap:8px;margin-bottom:12px}.workspace-mode .settings-heading h2{font-size:17px}.workspace-mode .tabs{gap:2px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}.workspace-mode .tabs button{padding:7px 4px;font-size:10px}.workspace-mode .two{grid-template-columns:1fr;gap:0}.workspace-mode label{font-size:11px;margin-bottom:11px}.workspace-mode input,.workspace-mode select{padding:8px 10px;font-size:12px}.workspace-mode .advanced{font-size:10px}.workspace-mode .simulation p,.workspace-mode .mini-overlay p{font-size:11px}.workspace-mode .sim-actions{gap:5px}.workspace-mode .sim-actions button{padding:7px;font-size:10px}.workspace-mode .workspace-center{min-width:0;min-height:0;max-width:none;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:sticky;top:0}.workspace-mode .preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:14px;border:1px solid #243b46;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#152c36 0%,#0b121c 75%);margin:0}.workspace-mode .preview-panel>.section-title{width:100%;flex:none;height:32px;margin-bottom:10px}.workspace-mode .preview-panel h2{font-size:12px;color:#bad6df;margin:0}.workspace-mode #preview-sound{font-size:10px;padding:5px 9px}.workspace-mode .preview-frame{position:relative;flex:1;min-height:0;width:100%;max-height:calc(100dvh - 180px);aspect-ratio:auto;background:#02060a;border:1px solid #243344;border-radius:12px;overflow:hidden}.workspace-mode #preview{position:absolute;inset:0;width:100%;height:100%;border:0}.workspace-mode #playing-state{margin:9px 0 0;font-size:10px;text-align:center;flex:none;max-height:34px;overflow:hidden}.workspace-mode .dj-panel .section-title{gap:8px}.workspace-mode .dj-panel h3{font-size:14px;margin:0}.workspace-mode #dj-stop{font-size:9px;padding:5px 8px}.workspace-mode .dj-panel>p{font-size:10px;margin:8px 0}.workspace-mode .dj-pads{gap:7px;margin:10px 0}.workspace-mode .dj-pads button{font-size:11px;min-height:55px;padding:8px 3px;border-radius:10px}.workspace-mode .dj-pads button span{font-size:9px;color:#6cb6b2}.workspace-mode .dj-panel details{font-size:10px;margin-top:8px}.workspace-mode #dj-status{font-size:10px;min-height:0;margin:0}.workspace-mode .dj-panel label{margin-bottom:0}.workspace-mode .section-title{margin-bottom:10px}.studio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{border:1px solid #223745;border-radius:10px;background:#0c1824;padding:10px 8px;overflow:hidden}.metric span{display:block;font-size:9px;white-space:nowrap;color:#8ba9bb}.metric strong{display:block;font-size:21px;letter-spacing:-.5px;color:#d7fff0;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.monitor-panel .tag{font-size:8px;padding:3px 5px}.monitor-panel small{font-size:9px;margin-top:10px;line-height:1.5}.workspace-right .chat-panel{flex:1;min-height:210px;display:flex;flex-direction:column}.chat-panel h3{margin:0}.chat-live-dot{color:#82f0b5}.chat-panel .section-title{flex:none}#live-chat{overflow-y:auto;min-height:100px;flex:1;scrollbar-width:thin;scrollbar-color:#315064 transparent}.chat-row{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #22313e;align-items:flex-start}.chat-row img,.chat-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover;background:#1a3945;color:#8fe6d0;text-align:center;line-height:28px}.chat-row>div{min-width:0;flex:1}.chat-row strong{font-size:11px;color:#b9ebdf}.chat-row p{font-size:11px;color:#d0dce4;margin:3px 0 0;overflow-wrap:anywhere;line-height:1.5}.chat-row time{font-size:8px;color:#608093;white-space:nowrap}.chat-empty{font-size:11px;color:#6f8b9e;text-align:center;padding:24px 5px}.workspace-mode #page-media,.workspace-mode #page-overlay,.workspace-mode #page-credits{overflow-y:auto;flex:1;margin:16px}.workspace-mode #game-picker{width:min(1100px,94vw);max-height:88dvh;border:1px solid #34515d;border-radius:20px;background:#0c1724;color:#e8f6ff;padding:22px;box-shadow:0 40px 120px #000b}.workspace-mode #game-picker::backdrop{background:#020712c9;backdrop-filter:blur(8px)}.picker-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.picker-top h2{margin:0}.picker-top .eyebrow{display:block;margin-bottom:3px}.workspace-mode #game-picker .catalog-panel{padding:0;border:0;background:transparent}.workspace-mode #game-picker .catalog-panel>.section-title h2{display:none}.workspace-mode #game-picker .games{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:none}.workspace-mode #game-picker .game-card img{height:95px;object-fit:cover}.workspace-mode #game-picker .section-title input{width:100%}.workspace-mode #game-picker .chips{position:sticky;top:0;z-index:2;background:#0c1724;padding:9px 0}
@media(min-width:1600px){.workspace-mode .studio-grid{grid-template-columns:330px minmax(400px,1fr) 360px;gap:18px;padding:18px}.workspace-mode .preview-frame{max-width:600px}}
@media(max-width:1100px) and (min-width:901px){.workspace-mode .studio-grid{grid-template-columns:250px minmax(280px,1fr) 270px;gap:8px;padding:8px}.workspace-shortcuts{display:none}.workspace-mode main>header{gap:12px;padding:10px 16px}.workspace-brand{min-width:160px}.workspace-mode .header-actions #save-state{display:none}}
@media(max-width:900px){.workspace-mode{overflow:auto}.workspace-mode main{height:auto;min-height:100dvh}.workspace-mode main>header{position:sticky;top:0;z-index:10;height:68px;gap:8px;padding:8px 12px}.workspace-brand{min-width:0}.workspace-brand a{font-size:16px}.workspace-brand span,.workspace-mode #save-state,.workspace-shortcuts{display:none}.game-switch{min-width:140px;font-size:11px}.game-switch strong{font-size:11px}.workspace-mode .header-actions{gap:3px}.workspace-mode .status{font-size:9px;padding:5px}.workspace-mode .studio-grid{height:auto;grid-template-columns:1fr 1fr;padding:10px;gap:10px}.workspace-mode .workspace-center{grid-column:1/-1;grid-row:1;position:sticky;top:68px;height:48dvh;z-index:4}.workspace-mode .preview-frame{max-height:none}.workspace-mode .editor,.workspace-right{overflow:visible}.workspace-mode .preview-panel{padding:8px}.workspace-mode .preview-panel>.section-title{height:25px;margin-bottom:5px}.workspace-mode .workspace-center #playing-state{margin-top:3px}.workspace-right .chat-panel{height:300px;flex:none}.workspace-mode .editor>.panel,.workspace-right>.panel{padding:12px}.workspace-mode .studio-metrics{grid-template-columns:1fr 1fr}.workspace-mode .dj-pads{grid-template-columns:1fr 1fr}}
.workspace-mode .workspace-center{align-self:stretch}
/* Keep DJ, six counters and chat visible together on laptop-height windows. */
.workspace-mode .workspace-right>.panel{padding:12px}.workspace-mode .dj-panel>p.muted:not(#dj-status){display:none}.workspace-mode .dj-pads{margin:8px 0;gap:6px}.workspace-mode .dj-pads button{min-height:40px;padding:4px;font-size:10px}.workspace-mode .dj-pads button span{font-size:8px}.workspace-mode .dj-panel .section-title{margin-bottom:4px}.workspace-mode .dj-panel details{margin-top:4px;font-size:9px;line-height:1.3}.workspace-mode .dj-panel label{font-size:9px}.workspace-mode #dj-volume{height:22px;margin-top:2px}.workspace-mode .metric{padding:7px}.workspace-mode .metric strong{font-size:18px;margin-top:2px}.workspace-mode .studio-metrics{gap:6px}.workspace-mode .monitor-panel small{font-size:8px;line-height:1.3;margin-top:7px}.workspace-mode .monitor-panel h3{font-size:12px}.workspace-mode .workspace-right .chat-panel{min-height:145px}.workspace-mode .monitor-panel .section-title{margin-bottom:8px}
@media(min-width:1101px){.workspace-mode .tgt-language-control{top:18px;bottom:auto;right:16px;padding:3px 7px;font-size:10px;box-shadow:none}.workspace-mode .header-actions{margin-right:185px}.workspace-mode .tgt-language-control select{font-size:10px;max-width:135px}}
.workspace-mode .editor>.play-actions{position:sticky;top:0;z-index:3;background:#0b141f;padding:6px;border:1px solid #253948;border-radius:12px}
@media(max-width:900px){.workspace-mode .editor>.play-actions{position:static}.workspace-mode .editor button,.workspace-mode .editor input,.workspace-mode .editor select{scroll-margin-top:calc(48dvh + 90px)}}

.session-loading{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse at top,#142c39,#080f19 65%)}.session-loading h1{font-size:24px;margin:18px 0 8px}.session-loading p{max-width:420px}.session-orbit{display:inline-block;font-size:44px;color:var(--mint);animation:session-pulse 1.2s ease-in-out infinite alternate}@keyframes session-pulse{to{opacity:.35;transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.session-orbit{animation:none}}
.password-setup-dialog{width:min(420px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #375865;border-radius:20px;background:#101c29;color:#eaf7fa}.password-setup-dialog::backdrop{background:#0009}.password-setup-dialog label{display:block;margin:14px 0}.password-setup-dialog input{width:100%;margin-top:6px}.password-setup-dialog .password-error{color:#ff9d9d}.password-setup-dialog .password-google{margin-top:16px}
/* Account centre */
#page-account{max-width:1260px;margin:auto;padding:0 0 32px;width:100%}.workspace-mode #page-account{max-height:calc(100dvh - 100px);overflow:auto;padding:16px}.account-hero{display:flex;justify-content:space-between;align-items:center;padding:28px;border:1px solid #28414e;border-radius:22px;background:radial-gradient(ellipse at top right,#174b4c80,transparent 60%),linear-gradient(125deg,#112532,#111a29);margin-bottom:18px}.account-identity{display:flex;align-items:center;gap:20px}.account-hero h2{font-size:28px;margin:6px 0}.account-hero p{color:#93adba;margin:5px 0 12px}.account-avatar{width:84px;height:84px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#6ef2cb,#197c8e);color:#062d34;font-size:34px;font-weight:800;border-radius:26px;overflow:hidden;box-shadow:0 0 0 5px #88efcd12}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar.large{width:100px;height:100px}.account-badge{display:inline-flex;padding:5px 10px;border:1px solid #5addb34d;border-radius:20px;background:#5addb310;color:#9ef2d5;font-size:11px}.account-tabs{display:flex;gap:6px;overflow:auto;white-space:nowrap;padding:5px;margin:0 0 20px;background:#0b1520;border:1px solid #243642;border-radius:14px}.account-tabs button{background:transparent;border:0;border-radius:10px;color:#8fa8b6;font-size:12px;padding:11px 16px;flex:0 0 auto}.account-tabs button.active{background:#1a373e;color:#aff9df}.account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.account-metrics.small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.account-metric{padding:22px;background:#101c29;border:1px solid #253b48;border-radius:18px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.account-metric>span{color:#93adbb;font-size:12px}.account-metric>strong{font-size:32px;font-weight:800;letter-spacing:-1px}.account-metric>small{font-size:11px;color:#91a6b4}.account-metric button{margin-top:auto;width:100%;font-size:12px}.account-metric.balance{background:linear-gradient(140deg,#163c40,#112735);border-color:#438e7a}.account-metric .account-plan-label{font-size:22px;letter-spacing:0}.account-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}.account-columns>.panel{margin:0;min-width:0}.account-details{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;font-size:12px;margin:24px 0}.account-details dt{color:#8ea7b6}.account-details dd{margin:0;overflow-wrap:anywhere}.account-activity-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #283d4933;font-size:12px}.account-activity-row small,.account-table small{display:block;margin-top:5px;color:#809baa;font-size:10px}.account-activity-row strong{white-space:nowrap}.credit-plus{color:#6ce7b5}.credit-minus{color:#d0dce8}.account-credit-list{max-height:440px;overflow:auto}.account-empty{color:#7f99a9;padding:30px 12px;text-align:center;font-size:13px}.account-table-scroll{overflow:auto;max-height:460px}.account-table{width:100%;border-collapse:collapse;font-size:12px}.account-table th{text-align:left;color:#829eae;padding:14px 12px;border-bottom:1px solid #304653;white-space:nowrap}.account-table td{padding:16px 12px;border-bottom:1px solid #283b463f}.account-status{font-size:10px;border-radius:16px;padding:5px 9px;white-space:nowrap}.account-status.good{color:#9cf3cf;background:#36a6761f}.account-status.pending{color:#f4d492;background:#d9a23b18}.account-status.neutral{color:#abbccb;background:#33455655}.account-profile-form{max-width:820px}.account-photo-editor{display:flex;align-items:center;gap:24px;margin-bottom:28px}.account-photo-editor small{display:block;margin-top:10px;color:#88a4b5;font-size:11px}.account-upload-label{display:inline-flex!important;padding:10px 15px;border-radius:10px;border:1px solid #385d68;cursor:pointer;margin:0!important}.account-profile-form>label{display:block;margin:16px 0}.account-profile-form .two label{min-width:0}.account-profile-form small{font-size:11px;color:#89a3b3}.account-profile-form input[readonly]{opacity:.6}.account-form-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}.account-form-actions span{font-size:11px;color:#8da5b4}#account-profile-error{color:#ffaba8}.account-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;height:200px;margin-top:20px}.account-chart>div{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:0}.account-chart strong{font-size:11px;color:#b2c7d3}.account-chart small{font-size:10px;color:#819bab}.account-chart-track{height:120px;width:28px;background:#20333e66;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}.account-chart-track i{display:block;width:100%;border-radius:7px;background:linear-gradient(#9af5d6,#228fa0)}.account-session-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.account-session-metrics>div{background:#132432;padding:16px;border-radius:12px}.account-session-metrics span{display:block;color:#8ea7b7;font-size:11px}.account-session-metrics strong{display:block;margin-top:8px;font-size:24px}.account-provider-badges{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.account-loading{min-height:300px;display:grid;place-items:center;color:#85abbd}#page-account>.panel,#account-tab-content>.panel{margin-bottom:18px}
@media(max-width:1100px){.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-columns{grid-template-columns:1fr}}@media(max-width:600px){.account-hero{padding:20px;align-items:flex-start;gap:10px}.account-identity{gap:14px}.account-avatar{width:56px;height:56px;border-radius:18px;font-size:26px}.account-hero h2{font-size:21px}.account-hero p{font-size:11px;overflow-wrap:anywhere}.account-hero>.ghost{font-size:0;padding:10px}.account-hero>.ghost::first-letter{font-size:16px}.account-metric{padding:16px}.account-metric>strong{font-size:25px}.account-metric .account-plan-label{font-size:18px}.account-metrics.small{grid-template-columns:1fr 1fr}.account-form-actions{align-items:stretch;flex-direction:column}.account-photo-editor{gap:16px}.account-session-metrics{grid-template-columns:1fr 1fr}.workspace-mode #page-account{padding:8px}}

/* Quiet monochrome DJ controls. */
.dj-pads button{background:#080b0f;border-color:#18202a;color:#667284}.dj-pads button span{filter:grayscale(1);opacity:.55}.dj-pads button:active,.dj-pads button.firing{background:#171d25;box-shadow:0 0 12px #34425255}

.widget-section{max-width:1000px}.widget-heading h2{margin:0;font-size:24px}.widget-heading p{color:#9ca9b8;font-size:13px;margin:8px 0 22px}.widget-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.widget-checkbox-card{border:1px solid #303948;background:#141b25;border-radius:16px;padding:16px}.widget-checkbox-card.selected{border-color:#6f9b45;background:#1b2820}.widget-checkbox-head{display:flex;gap:10px;align-items:center}.widget-checkbox-head label{margin:0;flex:1;display:flex;align-items:center;gap:12px}.widget-checkbox-head input{width:19px;height:19px;accent-color:#b6f36a}.widget-checkbox-card p{font-size:12px;color:#9ba9b9;line-height:1.6;margin:14px 0}.widget-info{width:32px;min-width:32px;padding:4px!important;background:transparent!important;color:#a5b2c1!important;border:0!important;font-size:20px}.widget-lock{color:#e5c773}.widget-checkbox-status{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#b6f36a}.widget-checkbox-status small{color:#9ba9b9}.widget-checkbox-card.locked{cursor:pointer}.widget-checkbox-card.locked .widget-checkbox-status{color:#edcd80}.widget-access-dialog{max-width:460px;width:calc(100% - 32px);color:#eef3fa;background:#141c27;border:1px solid #36404e;border-radius:22px;padding:26px}.widget-access-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.widget-access-dialog p{color:#afbac9;line-height:1.7}.widget-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:760px){.widget-checklist{grid-template-columns:1fr}.widget-checkbox-head strong{font-size:14px}}
.preview-panel{position:relative}.character-web-rails{position:absolute;top:60px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.character-web-rails[hidden]{display:none}.character-web-rails>div{display:flex;flex-direction:column;gap:8px}.character-web-rails button{width:44px;height:44px;padding:0;border:1px solid #34515d;background:#12212eeF;color:#afc5d4;border-radius:12px;font-size:22px;pointer-events:auto}.character-web-rails button.selected{color:#bcf56b;border-color:#719548;background:#243625}.character-web-rails button:disabled{opacity:.4}