/* Studio grey palette adapted from _REFS/Arka/web/styles.css. */
:root[data-app-style=studio]{--bg:#111214;--panel:#202226;--panel-soft:#272a2f;--line:#383c43;--muted:#b8bec8;--text:#f0f2f5;--studio-surface:#181a1d;--studio-row:#111316;--studio-row-alt:#15181b}
:root[data-app-style=studio] body{background:var(--bg);--tint:color-mix(in srgb,var(--accent) 10%,#181b1f)}
:root[data-app-style=studio] :is(.topbar,#action-footer,.panel-head,.files-table th,.shots-table th,.batch-shots-table th,.workfile-heading){background:var(--studio-surface);border-color:var(--line)}
:root[data-app-style=studio] :is(.panel,.context-panel,.workfile-area,.batch-editor,.render-settings,dialog,.account-menu,.project-options,.search-suggestions,.tool-detail,.tool-card){background:var(--panel);border-color:var(--line);border-radius:7px}
:root[data-app-style=studio] :is(input,select,textarea,.tag-search,.departments,.navigation-cluster,.project-menu>summary,.window-tools){background-color:var(--studio-surface);border-color:var(--line)}
:root[data-app-style=studio] :is(.shots-table,.batch-shots-table,.files-table) tbody tr{background:var(--studio-row)}
:root[data-app-style=studio] :is(.shots-table,.batch-shots-table,.files-table) tbody tr:nth-child(even){background:var(--studio-row-alt)}
:root[data-app-style=studio] :is(.shots-table,.batch-shots-table,.files-table) tbody tr.selected{background:var(--tint)}
:root[data-app-style=studio] :is(.preview,.review-stage){background:#101215;border-color:var(--line)}
:root[data-app-style=studio] button:not(.primary):not(.selected):not(.shot-code):not(.note-preview):not(.icon-button):not(.avatar){border-color:var(--line)}
:root[data-app-style=studio] .login-body{background:radial-gradient(ellipse at 25% 5%,#24282f,transparent 60%),var(--bg)}
:root[data-app-style=studio] .login-card{background:var(--panel);border-color:var(--line);border-radius:9px}
.account-menu{position:fixed;z-index:1000;width:min(300px,calc(100vw - 24px));padding:7px;background:var(--panel,#14141a);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #0008;max-height:calc(100dvh - 80px);overflow:auto}
.account-menu[hidden]{display:none}.account-menu-identity{display:flex;flex-direction:column;gap:4px;padding:10px 11px 13px;overflow:hidden}.account-menu-identity strong,.account-menu-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-identity small{color:var(--muted);font-size:11px}
.account-menu button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 11px;border:0;background:transparent;text-align:left;font-size:12px;min-height:38px}.account-menu button:hover,.account-menu button:focus-visible{background:var(--tint);outline:1px solid var(--accent)}.account-menu button:disabled{opacity:.4}.account-menu button .icon{width:18px;height:18px;flex-shrink:0}.account-menu button small{margin-left:auto;font-size:10px;color:var(--muted)}.menu-separator{height:1px;background:var(--line);margin:5px 6px}
.style-samples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 22px}.style-sample{padding:12px;background:#0b0b0f;border:1px solid #302b3e;border-radius:12px;color:#d7cef0}.style-sample.studio{background:#111214;border-color:#383c43;border-radius:6px;color:#b8bec8}.style-sample-bar{height:15px;width:65%;background:#9d70ff33;border-radius:5px;margin-bottom:12px}.studio .style-sample-bar{background:#8ea0d52b}.style-sample-row{height:20px;background:#181821;margin:5px 0;border-bottom:1px solid #242430}.studio .style-sample-row{background:#202226;border-color:#383c43}.style-sample strong{display:block;margin-top:12px;font-size:12px}