/* Quiet studio shell. Classic mode retains its original navigation and controls. */
.studio-mode-host,.studio-stage-toolbar,.studio-account-menu,.studio-result-filmstrip,.studio-mode-icon { display:none; }
.studio-account-menu[hidden],.studio-task-picker[hidden],.studio-result-filmstrip[hidden] { display:none!important; }
html[data-ui="new"] #appView { --nav-w:164px; }
html[data-ui="new"] #appView .side-nav { padding:26px 11px 17px; }
html[data-ui="new"] #appView .side-nav-head { padding:0 9px; margin:0 0 28px; }
html[data-ui="new"] #appView .side-nav-head .brand { padding:0; gap:9px; }
html[data-ui="new"] #appView .side-nav-head .brand-name { font-size:19px; letter-spacing:.04em; font-weight:550; }
html[data-ui="new"] #appView .side-nav-head .brand-mark { width:23px; height:25px; flex-basis:23px; }
html[data-ui="new"] #appView #navSearchBtn,html[data-ui="new"] #appView .nav-section-label,html[data-ui="new"] #appView #navMore,html[data-ui="new"] #appView .view-tabs>.nav-section:not(:first-child),html[data-ui="new"] #appView .side-group,html[data-ui="new"] #appView #invitePromo,html[data-ui="new"] #appView #saleBanner,html[data-ui="new"] #appView #logoutBtn { display:none!important; }
html[data-ui="new"] #appView .side-nav-body { overflow:visible; padding:0; }
html[data-ui="new"] #appView .nav-section { gap:7px; margin:0; }
html[data-ui="new"] #appView .view-tab { min-height:40px; padding:10px 11px; font-size:12px; font-weight:400; }
html[data-ui="new"] #appView .view-tab svg { width:17px; height:17px; }
html[data-ui="new"] #appView .side-nav-foot { padding-top:12px; border-top:1px solid var(--line); }
html[data-ui="new"] #appView .side-user { padding:4px 5px; min-height:38px; cursor:pointer; border-radius:6px; }
html[data-ui="new"] #appView .side-user:hover { background:var(--surface-2); }
html[data-ui="new"] #appView .side-user::after { content:'⌃'; margin-left:auto; color:var(--muted-2); font-size:14px; pointer-events:none; }
html[data-ui="new"] #appView .side-avatar { flex-basis:27px; width:27px; height:27px; font-size:11px; background:var(--surface-3); color:var(--text); }
html[data-ui="new"] #appView .side-user-name { text-align:left; font-size:12px; }
html[data-ui="new"] #appView .topbar { gap:16px; min-height:62px; padding-inline:23px; }
html[data-ui="new"] #appView .topbar>.topbar-actions { display:none!important; }
html[data-ui="new"] #appView[data-active-view="gen"] .workspace-heading { display:none!important; }
html[data-ui="new"] #appView:not([data-active-view="gen"]) .studio-mode-host { display:none; }
html[data-ui="new"] #appView #navCloseBtn { display:none; }
html[data-ui="new"] #appView .studio-mode-host { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
html[data-ui="new"] #appView .studio-mode-host .creation-type-switch { display:flex; gap:4px; width:auto; margin:0; padding:0; border:0; background:transparent; }
html[data-ui="new"] #appView .studio-mode-host .pill,html[data-ui="new"] #appView .studio-canvas-tab { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:82px; min-height:32px; padding:4px 15px; border:0; border-radius:5px; background:transparent; color:var(--muted); font-size:12px; font-weight:450; text-decoration:none; box-shadow:none; }
html[data-ui="new"] #appView .studio-mode-host .pill.active { background:var(--accent-soft); color:var(--accent); }
html[data-ui="new"] #appView .studio-mode-host .studio-mode-icon { display:flex; }
html[data-ui="new"] #appView .studio-mode-icon svg { width:15px; height:15px; }
html[data-ui="new"] #appView .studio-canvas-tab svg { width:15px; height:15px; }
html[data-ui="new"] #appView .studio-canvas-tab:hover { color:var(--text); background:var(--surface-2); }
html[data-ui="new"] #appView .workspace { padding-inline:23px; }
html[data-ui="new"] #appView .retention-banner { align-self:flex-end; width:auto; max-width:100%; gap:6px; margin-top:7px; padding:0; background:transparent; border:0; color:var(--muted-2); }
html[data-ui="new"] #appView .retention-banner .retention-icon,html[data-ui="new"] #appView .retention-copy>span { display:none; }
html[data-ui="new"] #appView .retention-copy strong { font-weight:400; font-size:10px; }
html[data-ui="new"] #appView .retention-dismiss { min-width:26px; min-height:25px; font-size:17px; border:0; padding:0; }
html[data-ui="new"] #appView .studio-task-strip { display:none!important; }
html[data-ui="new"] #appView .studio-stage-toolbar { position:relative; display:flex; align-items:center; gap:12px; flex:0 0 auto; min-height:45px; padding:4px 0; margin-right:321px; }
html[data-ui="new"] #appView .studio-stage-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:50%; padding:0; border:0; background:transparent; color:var(--text); font:inherit; font-size:13px; font-weight:550; text-align:left; cursor:pointer; }
html[data-ui="new"] #appView .studio-stage-title:disabled { opacity:1; cursor:default; }
html[data-ui="new"] #appView #genFeed .gen-card:not(.studio-description-open) .gen-card-prompt-wrap { display:none; }
html[data-ui="new"] #appView #genFeed .gen-card:not(.studio-description-open) .gen-log-toggle { display:none; }
html[data-ui="new"] #appView .studio-stage-summary { color:var(--muted); font-size:10px; white-space:nowrap; }
html[data-ui="new"] #appView .studio-task-toggle,html[data-ui="new"] #appView .studio-new-task { flex:0 0 auto; min-height:28px; padding:3px 9px; border:1px solid var(--line); border-radius:5px; background:transparent; color:var(--muted); font:inherit; font-size:10px; cursor:pointer; }
html[data-ui="new"] #appView .studio-task-toggle { margin-left:auto; }
html[data-ui="new"] #appView .studio-task-toggle:disabled { opacity:.5; cursor:default; }
html[data-ui="new"] #appView #viewGen .task-stage { padding-top:5px; gap:21px; }
html[data-ui="new"] #appView #viewGen .task-stage .gen-feed { padding-top:0; }
html[data-ui="new"] #appView #viewGen .tool-panel>.panel-head>span { display:none; }
html[data-ui="new"] #appView #viewGen .tool-panel>.panel-head { margin-bottom:16px; }
html[data-ui="new"] #appView #viewGen .tool-panel .gen-log-toggle { font-size:10px; }
html[data-ui="new"] #appView #genFeed .gen-log-toggle { text-align:left; font-size:10px; padding:4px 0; min-height:24px; }
.studio-task-picker { position:absolute; z-index:80; top:calc(100% + 3px); right:0; width:min(370px,calc(100vw - 32px)); padding:12px; border:1px solid var(--line-strong); border-radius:9px; background:var(--bg-elevated); box-shadow:0 16px 50px #0003; }
.studio-task-picker>input { width:100%; min-height:36px; padding:8px 10px; border:1px solid var(--line); border-radius:5px; color:var(--text); background:var(--bg); font-family:inherit; font-size:12px; line-height:1.4; }
.studio-task-picker-rows { max-height:min(52dvh,420px); overflow:auto; margin-top:8px; }
.studio-task-picker-row { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:43px; margin:2px 0; padding:8px; border:0; border-radius:5px; text-align:left; background:transparent; color:var(--text); font:inherit; font-size:12px; cursor:pointer; }
.studio-task-picker-row>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-task-picker-row>small { flex:none; font-size:10px; color:var(--muted); }
.studio-task-picker-row[aria-pressed="true"],.studio-task-picker-row:hover { background:var(--accent-soft); }
.studio-task-picker-row.is-running>small { color:var(--accent); }
html[data-ui="new"] #appView #genFeed .studio-gallery { display:block; }
html[data-ui="new"] #appView #genFeed .studio-gallery>.image-card:not(.studio-output-current),html[data-ui="new"] #appView #genFeed .studio-gallery>h3 { display:none; }
html[data-ui="new"] #appView #genFeed .studio-gallery>.image-card { width:100%; }
html[data-ui="new"] #appView #genFeed .studio-gallery>.image-card img { max-height:max(240px,calc(100dvh - 380px)); }
html[data-ui="new"] #appView .studio-result-filmstrip:not([hidden]) { display:flex; gap:9px; width:100%; overflow-x:auto; padding:10px 0 3px; }
.studio-result-filmstrip>button { position:relative; flex:0 0 120px; width:120px; height:70px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:5px; background:var(--surface); color:var(--muted); cursor:pointer; }
.studio-result-filmstrip>button[aria-pressed="true"] { border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.studio-result-filmstrip img { display:block; width:100%; height:100%; object-fit:cover; }
.studio-result-filmstrip img[hidden] { display:none; }
.studio-result-filmstrip span { position:absolute; right:5px; bottom:4px; min-width:16px; border-radius:3px; background:#171b1dbb; color:#fff; font-size:9px; padding:0 4px; }
.studio-account-menu { position:fixed; z-index:3001; left:var(--studio-menu-left,12px); bottom:var(--studio-menu-bottom,68px); width:min(244px,calc(100vw - 24px)); max-height:var(--studio-menu-height,calc(100dvh - 100px)); transform-origin:bottom left; overflow-y:auto; padding:12px; border:1px solid var(--line-strong); border-radius:10px; color:var(--text); background:var(--bg-elevated); box-shadow:0 18px 60px #0003; font:13px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
html[data-ui="new"] .studio-account-menu:not([hidden]) { display:block; }
.studio-menu-heading { display:flex; align-items:center; gap:8px; min-height:35px; padding:1px 8px; margin-bottom:3px; }
.studio-menu-heading strong { min-width:0; font-size:14px; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-menu-heading .studio-menu-back { display:grid; place-items:center; width:27px; height:29px; min-height:29px; margin:0 0 0 -5px; padding:4px; border:0; border-radius:5px; color:var(--muted); background:transparent; cursor:pointer; }
.studio-menu-back svg { width:15px; height:15px; }
.studio-menu-balance { margin:0 8px 12px; padding-bottom:13px; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; }
.studio-menu-row { display:flex; align-items:center; gap:11px; width:100%; min-height:43px; padding:9px 10px; margin:2px 0; border:0; border-radius:6px; background:transparent; color:var(--text); font:inherit; text-align:left; text-decoration:none; cursor:pointer; }
.studio-menu-row:hover,.studio-menu-back:hover { background:var(--surface-2); }
.studio-menu-row.is-danger { color:var(--err); margin-top:8px; border-top:1px solid var(--line); border-radius:0; }
.studio-menu-icon,.studio-menu-arrow { display:flex; align-items:center; flex:none; color:var(--muted); }
.studio-menu-icon svg { width:17px; height:17px; }
.studio-menu-arrow { margin-left:auto; }
.studio-menu-arrow svg { width:12px; height:12px; }
.studio-appearance-controls { padding:0 8px 5px; }
.studio-menu-label { font-size:11px; color:var(--muted); margin:17px 0 9px; }
.studio-theme-options { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:4px; border-radius:7px; background:var(--surface-2); }
.studio-theme-options button,.studio-ui-labels button { padding:6px; border:0; border-radius:4px; background:transparent; color:var(--muted); font:inherit; font-size:12px; cursor:pointer; }
.studio-theme-options button[aria-pressed="true"] { color:var(--text); background:var(--surface); box-shadow:0 1px 3px #0001; }
.studio-menu-note { margin:9px 0 0; color:var(--muted); font-size:10px; line-height:1.7; }
.studio-ui-labels { display:flex; justify-content:space-between; }
.studio-ui-labels button[aria-pressed="true"] { color:var(--accent); }
.studio-appearance-controls input[type="range"] { appearance:auto; width:100%; min-height:28px; height:28px; margin:2px 0; padding:0; border:0; background:transparent; accent-color:var(--accent); cursor:ew-resize; }
.studio-account-menu button:focus-visible,.studio-account-menu a:focus-visible,.studio-task-picker button:focus-visible,.studio-task-toggle:focus-visible,.studio-result-filmstrip button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(min-width:861px) and (max-width:1190px) {
  html[data-ui="new"] #appView .studio-stage-toolbar { margin-right:284px; }
}
@media(max-width:860px) {
  html[data-ui="new"] #appView .side-nav { width:212px; padding:22px 12px 16px; }
  html[data-ui="new"] #appView #navCloseBtn { display:inline-flex; }
  html[data-ui="new"] #appView .topbar { min-height:58px; padding-inline:14px; gap:10px; }
  html[data-ui="new"] #appView #mobileMenuBtn { order:-1; }
  html[data-ui="new"] #appView .studio-mode-host { flex:0 1 auto; padding:3px; min-width:0; }
  html[data-ui="new"] #appView .studio-mode-host .pill,html[data-ui="new"] #appView .studio-canvas-tab { min-width:57px; min-height:30px; padding:4px 11px; font-size:11px; gap:5px; }
  html[data-ui="new"] #appView .studio-canvas-tab svg { width:13px; height:13px; }
  html[data-ui="new"] #appView .workspace { padding-inline:14px; }
  html[data-ui="new"] #appView .retention-banner { align-self:flex-start; width:100%; margin-top:5px; }
  html[data-ui="new"] #appView .retention-copy strong { font-size:9px; }
  html[data-ui="new"] #appView .studio-stage-toolbar { gap:7px; min-height:38px; margin-right:0; }
  html[data-ui="new"] #appView .studio-stage-title { font-size:12px; max-width:45%; }
  html[data-ui="new"] #appView .studio-stage-summary { display:none; }
  html[data-ui="new"] #appView .studio-task-toggle,html[data-ui="new"] #appView .studio-new-task { min-height:28px; padding:4px 7px; font-size:10px; }
  html[data-ui="new"] #appView #viewGen .task-stage { padding-top:3px; gap:11px; }
  html[data-ui="new"] #appView #genFeed .gen-card:not(.studio-description-open) .gen-card-meta { display:none; }
  html[data-ui="new"] #appView .studio-result-filmstrip>button { flex-basis:90px; width:90px; height:54px; }
  html[data-ui="new"] #appView #genFeed .studio-gallery>.image-card img { max-height:34dvh; }

}