/* Arka palette, native window geometry and Hugeicons inherited from the reference app. */
:root{color-scheme:dark;--bg:#0b0b0f;--panel:#121217;--panel2:#1b1b23;--line:#292931;--accent:#b396f7;--tint:#241d34;--text:#ebe9f1;--muted:#878591;--green:#8bd6b2;--red:#f39aab;font-family:'SF Pro Text','Avenir Next','Segoe UI',sans-serif;font-size:13px;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}body[data-department=animation]{--accent:#78d9e0;--tint:#162d31}body[data-department=background]{--accent:#85b3ff;--tint:#19263d}button,input,select,textarea,.button{font:inherit}button,.button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:7px;padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}button:hover,.button:hover{background:var(--tint);border-color:var(--accent)}button:disabled,[aria-disabled=true]{opacity:.36;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#111018;font-weight:650}input,select,textarea{border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--text);background:var(--panel);max-width:100%;min-width:0}select{cursor:pointer}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}h1{font-size:25px;margin:5px 0 0;font-weight:550;letter-spacing:-.6px}h2{font-size:15px;margin:0;font-weight:600}h3{font-size:13px}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:1.7px}.shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#09090e;border-bottom:1px solid var(--line);min-height:72px}.brand{display:flex;align-items:center;gap:9px;letter-spacing:3px;font-size:16px;flex-shrink:0}.brand img{width:31px;height:31px;object-fit:contain}.brand span{display:block;color:var(--muted);font-size:8px;letter-spacing:3.8px;margin-top:3px}.project-picker{border-left:1px solid var(--line);padding-left:20px;min-width:0}.project-picker select{max-width:190px;background:transparent;border:0;font-weight:500;padding-left:0}.topbar nav{display:flex;align-items:center;gap:5px;margin:auto;min-width:0}.topbar nav button{border-color:transparent;background:transparent;color:var(--muted);padding:10px 12px;position:relative}.topbar nav button.selected{color:var(--text);background:var(--panel2)}.topbar nav button.selected:after{content:'';position:absolute;bottom:-12px;left:14px;right:14px;height:2px;border-radius:2px;background:var(--accent)}.window-tools{display:flex;align-items:center;gap:10px}.icon{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(.78);flex-shrink:0}.primary .icon{filter:brightness(0) invert(.08)}.icon-button{width:33px;height:33px;padding:7px;background:transparent;border-color:transparent;flex-shrink:0}.avatar{width:31px;height:31px;padding:0;border-radius:50%;background:var(--tint);color:var(--accent);font-size:11px;font-weight:650}.connection{font-size:0;width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.connection.green{background:var(--green)}.connection.red{background:var(--red)}main{min-height:0;min-width:0;padding:18px 20px;display:flex;flex-direction:column;overflow:hidden}#content{min-height:0;min-width:0;overflow:auto;flex:1;padding:1px}#content.shots-content{display:flex;flex-direction:column;overflow:hidden;gap:12px}#content> .section:last-child{margin-bottom:4px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spaced{justify-content:space-between}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field>span{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:10px;background:#24232c;color:#b8b5c1;white-space:nowrap}.badge.green{color:var(--green);background:#182b23}.badge.purple{color:var(--accent);background:var(--tint)}.badge.red{color:var(--red);background:#331e28}.badge.amber{color:#e9c38a;background:#332c22}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.panel-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-body{padding:16px}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.toolbar input{flex:1;min-width:120px}.departments{display:flex;padding:3px;background:#17171d;border:1px solid var(--line);border-radius:9px;gap:3px}.departments button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 12px}.departments button.selected{color:var(--accent);background:var(--tint);box-shadow:0 0 0 1px #ffffff0c}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.project-spec{display:flex;gap:12px;font-size:11px;color:var(--muted)}.filterbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.searchbox{display:flex;align-items:center;gap:8px;flex:1;min-width:110px;border:1px solid var(--line);border-radius:7px;padding-left:10px;background:var(--panel)}.searchbox input{border:0;background:transparent;width:100%;outline-offset:-3px}.filterbar select{max-width:155px;font-size:12px}.filterbar .count{white-space:nowrap;color:var(--muted);font-size:11px;padding:0 4px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr);gap:14px;min-height:0;flex:1}.shots-panel{display:flex;flex-direction:column;min-height:0}.table-wrap{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#3b3945 transparent}table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;font-size:10px;letter-spacing:.6px;color:var(--muted);font-weight:500;padding:12px 12px;border-bottom:1px solid var(--line);background:#16161d;white-space:nowrap;position:sticky;top:0;z-index:1}td{padding:13px 12px;border-bottom:1px solid #23232b;font-size:12px}tbody tr:hover{background:#ffffff03}tr.selected{background:var(--tint)}tr.selected:hover{background:var(--tint)}td button{border:0;background:none;padding:0;text-align:left;white-space:normal;justify-content:flex-start}td button:hover{background:transparent;color:var(--accent)}.shots-table{table-layout:fixed}.shots-table th:nth-child(1){width:36%}.shots-table th:nth-child(2){width:20%}.shots-table th:nth-child(3){width:21%}.shots-table th:nth-child(4){width:23%}.shot-code{font-size:11px;font-weight:550;letter-spacing:.05px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.artist-cell,.note-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.note-preview{max-width:100%;text-align:left;min-height:18px}.table-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:auto;background:#111116}.table-bottom button{font-size:10px;padding:4px 8px}.empty{padding:26px 18px;color:var(--muted);line-height:1.7;text-align:center}.empty .icon{width:27px;height:27px;opacity:.5;margin-bottom:6px}.empty h3{color:#c7c3d0;font-weight:500;margin:7px 0}.empty p{margin:4px 0;font-size:12px}.empty button{margin-top:13px}.context-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.context-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 7px;gap:8px}.context-heading h2{font-size:12px;font-weight:550;overflow-wrap:anywhere}.context-summary{display:grid;grid-template-columns:138px minmax(0,1fr);gap:13px;padding:9px 14px 15px;flex-shrink:0}.preview{aspect-ratio:16/9;background:#0c0c11;border:1px solid #292631;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:0;padding:0;width:100%;color:var(--muted)}.preview img,.preview video{width:100%;height:100%;object-fit:contain;position:absolute}.preview>.icon{width:23px;height:23px;position:static;opacity:.4}.preview .play-overlay{display:grid;place-items:center;position:absolute;border-radius:50%;width:28px;height:28px;background:#0b0b0fc9}.preview .play-overlay .icon{width:14px;height:14px}.preview-label{display:block;color:var(--muted);font-size:10px;margin-top:6px;text-align:center}.context-copy{min-width:0;overflow:hidden}.context-copy .assigned{font-size:11px;color:#b5b0c1;display:flex;align-items:center;gap:6px}.context-copy .assigned .icon{width:13px;height:13px}.brief{line-height:1.6;color:#a7a2b2;white-space:pre-wrap;font-size:11px;margin:7px 0;max-height:57px;overflow:auto}.context-copy .text-action{color:var(--muted);font-size:10px;padding:0;background:transparent;border:0}.file-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.file-tools .row{gap:3px}.file-tools .icon-button{width:24px;height:24px;padding:3px}.file-tools .icon{width:14px;height:14px}.files-table{table-layout:fixed}.files-table th:nth-child(1){width:60px}.files-table th:nth-child(3){width:85px}.files-table td{font-size:11px;padding:12px 11px}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;min-height:17px}.files-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90px}.database-detail{overflow:auto;min-height:0}.database-detail .preview{max-height:160px}.database-detail .panel-body{padding-top:10px}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}.specs{display:flex;gap:12px;color:var(--muted);font-size:11px;margin:12px 0 18px}.section{margin-top:18px}.message{flex-shrink:0;margin:0 0 12px;padding:10px 14px;border:1px solid #614838;border-radius:7px;background:#2a211a;color:#e5c595;line-height:1.5;max-height:80px;overflow:auto}.note{border-bottom:1px solid var(--line);padding:12px 0;white-space:pre-wrap;line-height:1.6}.code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;width:100%;min-height:320px}.path-grid{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center}.path-grid input{width:100%}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.tabs{display:flex;gap:6px;margin-bottom:17px}.tabs button.selected{border-color:var(--accent)}#action-footer{border-top:1px solid var(--line);background:#111116;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 20px}.footer-context{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#c2bdcc}.footer-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#local-state{font-size:10px;color:var(--muted)}.footer-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}.footer-actions button{font-size:12px;height:35px;padding:8px 13px}.footer-actions button.primary{min-width:92px}.lock-state{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);background:transparent;border:0;padding:0;justify-content:flex-start}.lock-state.owned{color:var(--accent)}.lock-state.blocked{color:#e9c38a}.lock-state .icon{width:14px;height:14px}.footer-meta{display:flex;align-items:center;gap:10px}.footer-meta .divider{height:13px;width:1px;background:var(--line)}dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(680px,90vw);color:var(--text);padding:24px;max-height:85vh;overflow:auto}dialog::backdrop{background:#000a}dialog h2{margin-bottom:18px}dialog video,dialog .media-image{width:100%;max-height:60vh;object-fit:contain}.login-body{min-height:100dvh;overflow:auto;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 5%,#241631,transparent 60%),var(--bg)}.login-card{padding:40px;width:min(460px,92vw);border:1px solid #30293e;border-radius:14px;background:#14111bdd;box-shadow:0 35px 110px #0005;margin:auto}.login-logo{width:60px;height:60px;object-fit:contain;margin-bottom:25px}.login-card h1{font-size:34px;line-height:1.25;margin:15px 0 20px}.login-card .muted{line-height:1.75}.google{width:100%;margin-top:20px;padding:13px}.footnote{color:var(--muted);font-size:11px;line-height:1.7;margin:30px 0 0}.login-card #login-status{line-height:1.7;color:#dfc292}#development{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.stat{font-size:32px;letter-spacing:-1px}.list-card{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.6;max-height:350px;overflow:auto}.markdown p{line-height:1.6}.markdown h2,.markdown h3{margin:20px 0 10px}.account-actions{display:flex;flex-direction:column;gap:9px}.account-actions button{justify-content:flex-start}.desktop-macos .topbar{padding-top:34px;min-height:92px}.desktop-macos .topbar nav button.selected:after{bottom:-12px}
@media(max-width:1200px){.topbar{gap:16px;padding-left:16px;padding-right:16px}.topbar nav button{padding:9px}.topbar nav .nav-label{display:none}.topbar nav .icon{width:19px;height:19px}.project-picker select{max-width:170px}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}main{padding:14px 16px}.context-summary{grid-template-columns:115px minmax(0,1fr)}td,th{padding-left:10px;padding-right:10px}}
@media(max-width:900px){.project-picker{padding-left:12px}.project-picker select{max-width:145px}.filterbar{flex-wrap:wrap}.filterbar select{max-width:130px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:10px}.shots-table th:nth-child(1){width:39%}.shots-table th:nth-child(2){width:26%}.shots-table th:nth-child(3){width:20%}.shots-table th:nth-child(4){width:15%}.shots-table td{padding:11px 7px}.badge{font-size:9px;padding:4px 5px}.note-preview{font-size:10px}.context-summary{grid-template-columns:100px minmax(0,1fr);gap:10px;padding-left:11px;padding-right:11px}.footer-actions button{padding:8px 10px;font-size:11px}.footer-actions{gap:5px}.footer-actions button.primary{min-width:70px}#action-footer{padding:10px 16px}.project-spec{font-size:10px;gap:8px}.topbar{gap:12px}.topbar nav{gap:2px}.window-tools{gap:4px}}
@media(max-width:680px){.topbar{flex-wrap:wrap;padding:10px 12px;gap:10px}.topbar nav{order:4;flex-basis:100%;justify-content:center}.topbar nav .nav-label{display:inline}.topbar nav button.selected:after{bottom:-10px}.project-picker{flex:1}.window-tools{margin-left:auto}.project-picker select{max-width:100%}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr)}main{padding:12px}.project-spec{display:none}.filterbar .searchbox{flex-basis:100%}.filterbar select{max-width:calc(33% - 6px);flex:1}.filterbar .count{display:none}.context-summary{grid-template-columns:1fr}.context-summary>div:first-child{display:none}.context-heading{padding:10px}.shots-table th:nth-child(3),.shots-table td:nth-child(3){display:none}.shots-table th:nth-child(1){width:48%}.shots-table th:nth-child(2){width:32%}.shots-table th:nth-child(4){width:20%}.context-copy .brief{max-height:40px}.footer-context #local-state{display:none}#action-footer{flex-wrap:wrap;gap:8px;padding:9px 12px}.footer-actions{width:100%}.footer-actions button{flex:1}.footer-context{width:100%}.footer-meta{justify-content:space-between}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.path-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}

.context-content{flex:1}.context-panel>.context-content{height:100%}#content> .panel+.panel{margin-top:16px}.queue-body{max-height:55vh;overflow:auto}

.table-wrap.empty-table{flex:none;overflow:hidden}
.badge.cyan{color:#7fd8df;background:#153034}.badge.blue{color:#99baff;background:#1c2a43}.badge.gray{color:#aaa7b3;background:#27262f}
.anatomy-page{display:flex;flex-direction:column;height:100%;min-height:0;gap:14px}.anatomy-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.anatomy-toolbar h2{margin-bottom:6px}.anatomy-toolbar .row{gap:7px}.anatomy-toolbar button{font-size:12px}.anatomy-toolbar .muted{font-size:11px;margin-right:5px}.anatomy-tabs{margin:0;border-bottom:1px solid var(--line);padding-bottom:12px;flex-shrink:0;overflow:auto}.anatomy-tabs button{background:transparent;flex-shrink:0}.anatomy-tabs button.selected{background:var(--tint);color:var(--accent)}.anatomy-scroll{min-height:0;flex:1;overflow:auto;padding:1px 2px 12px}.anatomy-stack{display:flex;flex-direction:column;gap:16px}.anatomy-feedback{white-space:pre-line;line-height:1.6;font-size:12px;color:#e9c38a;max-height:100px;overflow:auto;flex-shrink:0}.anatomy-guide{max-width:1000px;line-height:1.8;padding:8px 12px;color:#b7b2c2}.anatomy-guide h2{font-size:20px;color:var(--text);margin-bottom:16px}.anatomy-guide h3{color:var(--text);margin-top:24px}.anatomy-guide .guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px}.anatomy-guide td{line-height:1.7;vertical-align:top}.anatomy-guide td:first-child{white-space:nowrap}.anatomy-guide code,.root-definition code,.machine-root code{color:var(--accent);font-size:11px}.path-example{padding:15px;background:var(--bg);border:1px solid var(--line);border-radius:7px;font-size:12px;overflow-wrap:anywhere}.status-editor{min-width:680px}.status-editor td{vertical-align:middle}.status-editor input[type=text]{display:block;width:100%;max-width:260px}.status-editor td:first-child code{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.status-editor td:first-child input+input{font-family:ui-monospace,monospace;font-size:10px;margin-top:6px;color:var(--muted)}.status-editor select{display:block;min-width:90px;margin-bottom:6px}.status-editor td:nth-child(3){text-align:center}.status-editor input[type=radio]{accent-color:var(--accent)}.status-order{white-space:nowrap}.status-order button{padding:5px 8px}.transition-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.transition-row{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) auto;gap:9px;align-items:center;max-width:760px}.transition-row select{width:100%}.root-definitions{display:flex;flex-direction:column;gap:12px;margin:16px 0}.root-definition{display:grid;grid-template-columns:150px 1fr 1.4fr auto;align-items:center;gap:12px}.root-definition .field{margin:0}.path-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.path-card{border:1px solid var(--line);border-radius:7px;padding:13px}.path-card strong{font-size:12px;font-weight:550}.path-card code{font-size:10px;color:var(--muted)}.path-card input{margin-top:12px;width:100%;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.path-preview-output{margin-top:16px;min-height:40px}.anatomy-json{min-height:50vh;tab-size:2}.machine-roots{display:flex;flex-direction:column;gap:12px;margin:15px 0}.machine-root{padding:14px;border:1px solid var(--line);border-radius:8px}.folder-input{display:flex;gap:8px;margin-top:12px}.folder-input input{flex:1;font-size:12px}.folder-input button{font-size:11px}.root-health{display:flex;align-items:center;gap:8px;margin-top:10px;line-height:1.5}.root-health small{font-size:10px}.settings-apps{margin:20px 0;padding-top:14px;border-top:1px solid var(--line)}.settings-apps summary{margin-bottom:16px;cursor:pointer}.machine-roots+.button{margin-bottom:12px}@media(max-width:1100px){.path-cards{grid-template-columns:1fr}.root-definition{grid-template-columns:120px 1fr auto}.root-definition .field:nth-child(3){display:none}}@media(max-width:680px){.anatomy-guide .guide-steps{grid-template-columns:1fr}.anatomy-toolbar .row{gap:5px}.root-definition{grid-template-columns:1fr}.root-definition .field:nth-child(3){display:flex}.anatomy-guide{padding:5px}.anatomy-tabs{gap:4px}.folder-input{flex-wrap:wrap}}
/* Compact artist workspace and native drag-friendly toolbar. */
.navigation-cluster{display:flex;align-items:center;gap:12px;margin-left:auto}.topbar .navigation-cluster nav{margin:0}.topbar .window-tools{border-left:1px solid var(--line);padding-left:12px}.topbar{gap:18px}.topbar .connection{width:7px;height:7px}.footer-links{display:flex;gap:7px;margin-left:auto}.footer-links button{background:transparent;border-color:transparent;color:var(--muted);font-size:11px}.compact-toolbar{justify-content:flex-start;align-items:flex-start;gap:10px}.compact-toolbar .departments{flex-shrink:0}.departments button{padding:8px 9px;font-size:11px}.tag-search{position:relative;flex:1;min-width:180px;z-index:5}.tag-search-input{min-height:38px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 9px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-search-input:focus-within{border-color:var(--accent)}.tag-search-input>input{background:none;border:0;outline:none;padding:5px 2px;flex:1;min-width:100px;font-size:12px}.search-chips{display:contents}.search-tag{font-size:10px;padding:4px 6px;border-radius:5px;gap:5px;background:var(--tint);border-color:#ffffff16;max-width:220px;overflow:hidden}.search-tag>span:first-child{color:var(--muted)}.search-tag>span:last-child{margin-left:4px;color:var(--muted)}.search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#191820;box-shadow:0 14px 35px #0008;padding:5px;z-index:20}.search-suggestions button{width:100%;justify-content:space-between;border:0;background:transparent;font-size:12px;padding:10px}.search-suggestions button:hover{background:var(--tint)}.search-help{display:block;padding:8px;font-size:10px;line-height:1.5}.column-tools{display:flex;justify-content:space-between;gap:5px}.column-tools button,.batch-shots-table th button{padding:0;border:0;background:transparent;color:var(--muted);font-size:10px}.column-tools button:last-child{opacity:.55}.context-summary{grid-template-columns:minmax(180px,1.25fr) minmax(110px,1fr);gap:13px}.preview{min-height:110px}.preview .play-overlay{width:38px;height:38px}.preview .play-overlay .icon{width:19px;height:19px}.context-copy{padding-top:3px}.full-brief{max-height:none;font-size:13px}.workfile-area{display:flex;flex:1;flex-direction:column;min-height:0;border:1px solid transparent;border-radius:8px;margin:0 8px 8px;overflow:hidden}.workfile-area.retake{border-color:var(--status-color);box-shadow:inset 0 0 0 1px var(--status-color)}.tone-purple{--status-color:#bc9cef}.tone-cyan{--status-color:#7fd8df}.tone-blue{--status-color:#99baff}.tone-green{--status-color:#8cc9ab}.tone-amber{--status-color:#e9c38a}.tone-red{--status-color:#ee929f}.tone-gray{--status-color:#aaa7b3}.badge.purple{color:#bc9cef;background:#292039}.footer-status{border:0;padding:0;background:none!important}.footer-status .badge{font-size:11px}.footer-actions .lock-square{width:35px;min-width:35px;padding:8px;border:1px solid var(--line)}.lock-square.blocked{border-color:#a5794a;background:#332819}.lock-square.owned{border-color:var(--accent)}.footer-context:has(#local-state:empty){gap:0}.notification-count{font-size:9px;color:var(--accent);position:absolute;top:0;right:0}.window-tools .icon-button{position:relative}.inherited-root{padding:10px 14px;background:#0e0e13}.inherited-root p{font-size:11px;margin:7px 0}.root-definition{grid-template-columns:130px 1fr 1fr 1fr auto}.root-definition .field:nth-child(3){display:flex}.status-editor{min-width:740px}
/* Batcher: independent shot/editor/queue scrolling with fixed execution actions. */
#content.batch-content{overflow:hidden}.batch-page{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0}.batch-toolbar{display:flex;align-items:flex-start;gap:8px}.batch-toolbar>select{max-width:150px}.batch-toolbar>button{font-size:11px;min-height:38px}.batch-page>p:empty{display:none}.batch-page>p{margin:0;font-size:11px;max-height:40px;overflow:auto}.batch-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:12px;flex:1;min-height:160px;overflow:hidden}.batch-shots,.batch-editor{display:flex;flex-direction:column;min-height:0}.batch-shots-table{table-layout:fixed}.batch-shots-table th:first-child{width:33px}.batch-shots-table th:nth-child(2){width:24%}.batch-shots-table th:nth-child(3){width:15%}.batch-shots-table th:nth-child(4){width:15%}.batch-shots-table th:nth-child(5){width:27%}.batch-shots-table td{font-size:11px;padding:11px 8px}.batch-shots-table select{width:100%;padding:5px;font-size:10px}.batch-editor-body{overflow:auto;padding:13px;min-height:0}.batch-editor-body>select{width:100%}.batch-editor-body>p{font-size:11px;line-height:1.6}.batch-parameters{display:flex;flex-direction:column}.batch-parameters .field{margin:8px 0}.parameter-number{display:flex;gap:10px;align-items:center}.parameter-number input[type=range]{padding:0;flex:1;width:80px;accent-color:var(--accent);border:0}.parameter-number input[type=number]{width:85px;font-size:11px}.batch-editor-body>.row{gap:5px;margin:14px 0}.batch-editor button{font-size:10px;padding:7px}.source-editor{border-top:1px solid var(--line);padding-top:12px;font-size:11px;line-height:1.6}.source-editor summary{cursor:pointer}.source-editor .code{min-height:240px;font-size:10px}.batch-queue{flex:0 0 180px;display:flex;flex-direction:column;min-height:110px}.batch-queue .panel-head{padding:9px 13px}.batch-queue .panel-head button{font-size:10px;padding:4px 8px}.batch-queue-list{overflow:auto;min-height:0}.batch-job{padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.batch-job>div{min-width:130px;flex:1}.batch-job strong{display:block;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.batch-job small{display:block;font-size:10px;margin-top:4px;max-width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.batch-job progress{width:120px;height:5px;accent-color:var(--accent)}.batch-job button{font-size:10px;padding:5px 8px}.batch-queue .empty{padding:12px;font-size:12px}
/* Arka-style expanded review: preview, time controls, timestamped shared notes. */
dialog.review-dialog{width:min(1240px,94vw);height:min(800px,90vh);max-height:90vh;padding:20px;overflow:hidden}.review-dialog>form{display:flex;flex-direction:column;height:100%;min-height:0}.review-dialog #dialog-content{display:flex;flex-direction:column;flex:1;min-height:0}.review-dialog h2{font-size:14px;margin-bottom:12px}.review-top{display:flex;gap:8px;margin-bottom:12px}.review-top select{flex:1;font-size:11px}.review-top button{font-size:11px}.review-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:16px;flex:1;min-height:0}.review-player{display:flex;flex-direction:column;min-height:0}.review-stage{background:#050506;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:8px}.review-stage video,.review-stage img{width:100%;height:100%;max-height:100%;object-fit:contain}.review-controls{display:flex;align-items:center;gap:6px;padding:10px 0;flex-wrap:wrap}.review-controls button{font-size:10px;padding:6px}.review-time{font-family:ui-monospace,monospace;font-size:11px;margin-left:auto}.review-error{font-size:11px;margin:0}.review-sidebar{display:flex;flex-direction:column;min-height:0}.review-note-tabs{margin:0 0 8px}.review-note-tabs button{font-size:10px;padding:6px 8px;flex:1}.review-notes{flex:1;min-height:0;overflow:auto}.review-note{padding:13px 3px;border-bottom:1px solid var(--line)}.review-note strong{font-size:11px}.review-note small{font-size:9px}.review-note p{white-space:pre-wrap;line-height:1.7;font-size:12px;margin:8px 0}.review-note button{border:0;background:none;font-size:10px;padding:3px;color:var(--accent)}.review-note.done p{opacity:.6}.review-note.done{border-left:2px solid var(--green);padding-left:8px}.review-composer{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:9px}.review-composer textarea{width:100%;font-size:12px;resize:none}.review-composer label{font-size:10px;color:var(--muted)}.review-composer>button{align-self:flex-end;font-size:11px}.review-dialog .actions{margin-top:10px}.review-dialog .actions button{font-size:11px;padding:7px 14px}
@media(max-width:1100px){.navigation-cluster{gap:6px}.topbar .window-tools{gap:3px;padding-left:7px}.context-summary{grid-template-columns:1fr}.context-summary .preview{height:150px}.context-copy{display:grid;grid-template-columns:1fr auto;gap:6px}.context-copy .brief{grid-row:2;grid-column:1/-1;margin:0;max-height:34px}.batch-workspace{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.batch-queue{flex-basis:150px}.batch-shots-table th:nth-child(4),.batch-shots-table td:nth-child(4){display:none}.batch-shots-table th:nth-child(2){width:28%}.batch-shots-table th:nth-child(5){width:32%}.compact-toolbar .departments button{font-size:10px;padding:8px 7px}.compact-toolbar .departments .icon{width:14px;height:14px}.root-definition{grid-template-columns:110px 1fr 1fr}.root-definition>small{grid-column:2/4}}
@media(max-height:700px){.batch-queue{flex-basis:125px}.context-summary .preview{height:125px}.context-summary{padding-top:5px;padding-bottom:8px}.batch-editor .panel-head{padding:10px}.review-dialog{height:90vh}}

.badge.violet,.status-swatch.violet{color:#a78bfa;background:#a78bfa22}.tone-violet{--status-color:#a78bfa;--retake-color:#a78bfa}

.badge.indigo,.status-swatch.indigo{color:#818cf8;background:#818cf822}.tone-indigo{--status-color:#818cf8;--retake-color:#818cf8}

.badge.sky,.status-swatch.sky{color:#38bdf8;background:#38bdf822}.tone-sky{--status-color:#38bdf8;--retake-color:#38bdf8}

.badge.teal,.status-swatch.teal{color:#2dd4bf;background:#2dd4bf22}.tone-teal{--status-color:#2dd4bf;--retake-color:#2dd4bf}

.badge.mint,.status-swatch.mint{color:#6ee7b7;background:#6ee7b722}.tone-mint{--status-color:#6ee7b7;--retake-color:#6ee7b7}

.badge.lime,.status-swatch.lime{color:#a3e635;background:#a3e63522}.tone-lime{--status-color:#a3e635;--retake-color:#a3e635}

.badge.yellow,.status-swatch.yellow{color:#facc15;background:#facc1522}.tone-yellow{--status-color:#facc15;--retake-color:#facc15}

.badge.orange,.status-swatch.orange{color:#fb923c;background:#fb923c22}.tone-orange{--status-color:#fb923c;--retake-color:#fb923c}

.badge.coral,.status-swatch.coral{color:#fb806f;background:#fb806f22}.tone-coral{--status-color:#fb806f;--retake-color:#fb806f}

.badge.rose,.status-swatch.rose{color:#fb7185;background:#fb718522}.tone-rose{--status-color:#fb7185;--retake-color:#fb7185}

.badge.pink,.status-swatch.pink{color:#f472b6;background:#f472b622}.tone-pink{--status-color:#f472b6;--retake-color:#f472b6}

.badge.magenta,.status-swatch.magenta{color:#e879f9;background:#e879f922}.tone-magenta{--status-color:#e879f9;--retake-color:#e879f9}

.badge.brown,.status-swatch.brown{color:#c4a484;background:#c4a48422}.tone-brown{--status-color:#c4a484;--retake-color:#c4a484}

body.native-macos-toolbar .topbar{display:none}body.native-macos-toolbar .shell{grid-template-rows:minmax(0,1fr) auto}body.native-macos-toolbar main{grid-row:1}body.native-macos-toolbar #action-footer{grid-row:2}
.context-summary{grid-template-columns:1fr;gap:12px}.context-summary .preview{height:clamp(170px,30vh,320px);aspect-ratio:auto}.context-copy{display:grid;grid-template-columns:1fr auto;gap:8px}.context-copy .brief{grid-column:1/-1;order:3;-webkit-line-clamp:4}.context-copy .assigned{align-self:center}.context-content .workfile-area{min-height:90px;flex:1}
.applications-table input{min-width:130px;width:100%}.db-inline{width:100%;min-width:80px;font-size:11px;padding:5px 4px;background:transparent}.db-inline:hover,.db-inline:focus{background:var(--panel)}.db-selection{width:30px}.database-toolbar{display:flex;gap:8px;align-items:center}.shot-create-preview{max-height:240px;overflow:auto}.shot-create-summary{margin:12px 0}.batch-mode{display:flex;gap:4px}.batch-mode .selected{background:var(--tint);color:var(--accent)}.batch-page.render-mode .batch-workspace{grid-template-columns:minmax(0,1fr) 310px}.queue-checks{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.queue-check{display:inline-flex;gap:5px;align-items:center;font-size:10px;border:1px solid var(--line);padding:3px 5px;border-radius:5px}.queue-check .icon{width:13px;height:13px}.queue-check.missing,.queue-check.failed{color:#fb7185}.queue-check.passed{color:#6ee7b7}.batch-job .job-copy{min-width:0}.batch-job .job-copy small{white-space:normal}.render-settings{padding:16px;overflow:auto}.render-settings .field{margin-bottom:12px}.department-mode-bar{display:flex;gap:12px;align-items:center}.queue-state{display:flex;align-items:center;gap:7px}.queue-state .icon{width:18px;height:18px}
@media(max-width:1100px){.batch-page.render-mode .batch-workspace{grid-template-columns:minmax(0,1fr) 250px}.context-summary .preview{height:clamp(160px,28vh,250px)}.footer-links button{padding:7px}.database-toolbar select{max-width:125px}}
/* Database adds a checkbox column; keep it out of the launcher's column sizing. */
.shots-table.database-table th:nth-child(1){width:34px;padding:8px}.database-table td:first-child{padding:8px}.shots-table.database-table th:nth-child(2){width:30%}.shots-table.database-table th:nth-child(3){width:22%}.shots-table.database-table th:nth-child(4){width:22%}.shots-table.database-table th:nth-child(5){width:auto}.database-table td{padding:10px 8px}.database-table .shot-code{font-size:10px}.database-table .note-preview{width:100%;white-space:nowrap;display:block}.batch-job .job-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.queue-checks .queue-check{white-space:nowrap}
/* Shared compact workspace, persistent resize handles, and distinct batch work sets. */
body{-webkit-user-select:none;user-select:none;--accent:var(--task-accent,#b396f7);--tint:color-mix(in srgb,var(--accent) 14%,#101014)}
input,textarea,[contenteditable=true],pre,code,.markdown,.review-note p{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none}body.resizing,body.resizing *{cursor:col-resize!important;user-select:none!important}
main{padding:10px 16px 14px}.topbar{display:grid;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);gap:10px;min-height:56px;padding:9px 16px}
.project-picker{display:flex;align-items:center;gap:8px;border:0;padding:0;min-width:0;justify-self:start;max-width:225px}.project-picker select{min-width:0;max-width:185px;font-size:12px}.project-picker>.icon{width:17px;height:17px;flex-shrink:0}
.navigation-cluster{margin:0;display:flex;justify-content:center;min-width:0}.topbar nav{gap:2px;padding:3px;height:36px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:0}.topbar nav button{padding:0;flex:0 0 auto;width:34px;height:28px;border:0;gap:6px;justify-content:center}.topbar nav button:hover{background:var(--tint)}.topbar nav button.selected{color:var(--accent);background:var(--tint)}.topbar nav button.selected:after{display:none}.topbar nav button.selected .icon{filter:none}
.topbar nav .nav-label{display:none}.topbar>.window-tools{justify-self:end;margin:0 10px 0 0;border:0;padding:0;gap:2px}.topbar .window-tools button{width:30px;height:30px}.topbar .avatar{font-size:10px}
@media(min-width:1250px){.topbar nav .nav-label{display:inline}.topbar nav button{font-size:11px;width:auto;min-width:34px;padding:0 9px}}
.workspace-brand{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:10px;letter-spacing:.4px;height:36px}.workspace-brand img{display:block;width:36px;height:36px;object-fit:contain}.brand-toolbar{margin-bottom:10px}
.workspace-toolbar,.batch-toolbar{gap:8px;align-items:center;margin-bottom:0}.departments{display:flex;gap:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:3px;flex-shrink:0;height:36px;align-items:stretch}.departments button,.compact-toolbar .departments button{padding:5px 7px;font-size:10px;border:0;background:none;gap:5px;min-width:30px}.departments button.selected{background:var(--tint);color:var(--accent)}.departments .icon,.compact-toolbar .departments .icon{width:15px;height:15px}.tag-search-input{min-height:36px}.tag-search{min-width:135px}.batch-toolbar>button{padding:6px;min-height:34px;font-size:10px}.batch-toolbar{flex-wrap:wrap}.batch-toolbar .tag-search{flex:1}
body[data-mode=render]{--accent:#f16b77;--tint:#361c24}body[data-mode=scripts]{--accent:#7bcca2;--tint:#173025}
.workspace-grid,.batch-workspace{gap:3px}.workspace-grid>.panel,.batch-workspace>.panel{min-width:0}.pane-resizer{cursor:col-resize;border-radius:4px;position:relative;touch-action:none}.pane-resizer:hover,.pane-resizer:focus-visible{background:var(--accent)}
.column-resizer{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize;touch-action:none;z-index:2}.column-resizer:hover,.column-resizer:focus-visible{background:var(--accent)}th{position:relative}.column-tools{padding-right:4px}
.batch-page{gap:8px}.batch-workspace{min-height:140px}.queue-resizer{height:7px;flex:0 0 7px;margin:-5px 0;cursor:row-resize;touch-action:none;position:relative;z-index:2}.queue-resizer:after{content:'';display:block;width:44px;height:3px;border-radius:3px;background:var(--line);margin:2px auto}.queue-resizer:hover:after,.queue-resizer:focus-visible:after{background:var(--accent)}.batch-queue{min-height:100px;max-height:calc(100% - 200px)}
.batch-mark-cell{padding:3px!important;width:38px!important}.batch-mark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.batch-mark input{width:19px;height:19px;margin:0;cursor:pointer}.batch-shots-table th:nth-child(4),.batch-shots-table td:nth-child(4){display:table-cell}.batch-shots-table tr{cursor:default}.batch-shots-table td{overflow:hidden}.batch-shots-table th{padding:10px 8px}.batch-shots-table td:first-child{padding:3px}.batch-shots-table .shot-code{font-size:10px}
.row-render-progress{display:flex;align-items:center;gap:5px;margin-top:5px}.row-render-progress progress{width:50px;height:4px;accent-color:var(--accent)}.row-render-progress small{font-size:9px}.render-submit{position:relative;min-width:150px;overflow:hidden}.render-submit>progress{position:absolute;inset:0;width:100%;height:100%;opacity:.35;border:0}.render-submit>span{position:relative}.render-submit:has(progress){opacity:1;color:var(--text);background:var(--tint);border-color:var(--accent)}
#content:has(>.anatomy-page),#content:has(>.tools-page){display:flex;flex-direction:column;overflow:hidden}.anatomy-page{height:auto;flex:1;min-height:0;gap:10px}.anatomy-toolbar{gap:10px}.anatomy-tabs{padding-bottom:8px}.task-editor{min-width:730px}.task-editor input[type=text]{width:100%;padding:6px;font-size:11px}.task-editor small{display:block;margin-top:4px}.task-editor th:nth-child(3){width:75px}.task-editor th:nth-child(1),.task-editor th:last-child{width:65px}.task-editor select{font-size:11px;padding:5px;max-width:125px}
.tools-page{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.8fr);gap:12px;min-height:0;flex:1}.tools-catalog{overflow:auto}.tool-list{display:flex;flex-direction:column;padding:5px}.tool-list>button{justify-content:flex-start;background:none;border-color:transparent;padding:13px 9px;min-width:0;white-space:normal;text-align:left}.tool-list>button.selected{background:var(--tint);border-color:var(--line)}.tool-list>button>div{flex:1;min-width:0}.tool-list strong,.tool-list small{display:block;font-size:12px}.tool-list small{font-size:10px;margin-top:5px}.tool-list .badge{font-size:9px}.tool-detail{overflow:auto}.tool-hero{height:clamp(170px,30vh,340px);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 100%,#36254f,#0c0c13);border-bottom:1px solid var(--line)}.tool-hero img{width:82px;height:82px;object-fit:contain}.tool-hero.has-preview img{width:100%;height:100%;object-fit:cover}.tool-detail-copy{padding:22px}.tool-detail h1{font-size:24px}.tool-detail .markdown{color:#bdb6ce;line-height:1.7}.catalog-message{font-size:11px;padding:12px;line-height:1.6}.tool-target{display:block;overflow-wrap:anywhere;margin-bottom:18px}.tool-detail-copy .row{flex-wrap:wrap}
@media(max-width:800px){.workspace-brand strong{display:none}.topbar{grid-template-columns:150px auto 108px;padding:8px;gap:5px}.project-picker{max-width:150px}.project-picker select{max-width:115px}.topbar nav button{padding:6px;min-width:28px}.topbar nav .icon{width:17px;height:17px}}
@media(max-height:750px){.context-summary .preview{height:145px;min-height:100px}.context-summary{gap:8px}.context-heading{padding-top:10px;padding-bottom:8px}}
.project-menu{position:relative;min-width:0;max-width:100%;z-index:30}.project-menu summary{display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none;min-width:0;font-size:12px;height:32px}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.project-chevron{font-size:14px;color:var(--muted)}.project-options{position:absolute;top:100%;left:0;min-width:220px;max-width:320px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px #0008}.project-options button{display:flex;width:100%;justify-content:flex-start;border:0;background:none;font-size:12px;white-space:normal;text-align:left}.project-options button.selected{background:var(--tint);color:var(--accent)}

span.icon{display:inline-block;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat}

body:not([data-mode=render]):not([data-mode=scripts]){--accent:var(--task-accent,#b396f7);--tint:color-mix(in srgb,var(--accent) 14%,#101014)}
.badge.red,.status-swatch.red{color:#f87171;background:#f8717122}.tone-red{--status-color:#f87171;--retake-color:#f87171}
/* Connection belongs to the account control on every desktop platform. */
#account{position:relative;border:0;background:transparent;color:var(--text);overflow:visible;gap:0}
#account[data-connection=online]{--connection-color:var(--green)}
#account[data-connection=offline]{--connection-color:var(--red)}
#account>.icon{width:18px;height:18px}
#account>.connection{position:absolute;top:4px;right:4px;width:8px;height:8px;border:1.5px solid var(--studio-surface,#09090e);border-radius:50%;background:var(--connection-color,var(--muted));pointer-events:none}
.task-context-label{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--task-accent,var(--accent));font-size:11px;font-weight:550}
.task-context-label>.icon{width:14px;height:14px;filter:none}
.task-context-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workfile-heading{display:flex;align-items:center;gap:8px;min-height:30px;padding:6px 11px;flex-shrink:0;font-size:10px}
.workfile-heading .task-context-label{flex:0 1 auto}
.footer-meta .task-context-label{max-width:150px;flex:0 1 auto}
.footer-meta .footer-status,.footer-meta .divider{flex-shrink:0}
.footer-meta .shot-code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Script parameters: compact settings rows and native-feeling switches. */
.batch-editor .panel-head{min-height:46px;padding:8px 12px;gap:8px}
.batch-editor .panel-head h2{font-size:12px}
.batch-editor .panel-head .icon-button{width:30px;height:30px;min-height:30px;padding:6px;flex:none}
.batch-editor-body{padding:10px 12px 12px}
.script-picker{display:flex;flex-direction:column;gap:7px}
.script-picker>select{width:100%;height:34px;min-height:34px;border-radius:9px;padding:0 10px;font-size:11px}
.parameter-scope{font-size:10px}
.script-about{font-size:10px;margin:8px 0 12px;color:var(--muted)}
.script-about summary{cursor:pointer;line-height:22px}
.script-about p{font-size:11px;line-height:1.5;margin:5px 0 10px}
.parameter-groups{display:flex;flex-direction:column;gap:8px}
.parameter-group{border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 86%,transparent);overflow:hidden}
.parameter-group>summary{padding:11px 12px;font-size:11px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.parameter-group>summary::-webkit-details-marker{display:none}
.parameter-group>summary:after{content:'⌄';font-size:14px;color:var(--muted);transition:transform .16s}
.parameter-group[open]>summary:after{transform:rotate(180deg)}
.parameter-group[open]>summary{border-bottom:1px solid var(--line)}
.parameter-group-body{padding:0 10px}
.parameter-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(105px,1.15fr);align-items:center;gap:12px;min-height:46px;padding:7px 0;border-bottom:1px solid var(--line)}
.parameter-row:last-child{border-bottom:0}
.parameter-label{font-size:11px;line-height:1.4;min-width:0;cursor:default;overflow-wrap:anywhere}
.parameter-label small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:3px;font-weight:400}
.parameter-control{display:flex;justify-content:flex-end;align-items:center;min-width:0}
.parameter-control>input,.parameter-control>select,.parameter-number>input[type=number]{height:32px;min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:11px;box-sizing:border-box;padding:0 9px;min-width:0;width:100%}
.parameter-control select{padding-right:22px;text-overflow:ellipsis}
.parameter-control input:focus,.parameter-control select:focus{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px}
.parameter-control input:invalid{border-color:#ed707d}
.parameter-control .parameter-number{width:100%;gap:8px;min-width:0}
.parameter-number>input[type=number]{width:64px;flex:0 0 64px;padding:0 5px}
.parameter-number>input[type=number]:only-child{width:100%;flex:auto}
.parameter-number>input[type=range]{width:40px;min-width:20px;height:24px;accent-color:var(--accent)}
.parameter-switch{position:relative;width:38px;height:23px;display:block;flex:0 0 38px;cursor:pointer}
.parameter-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.parameter-switch>span{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--muted) 26%,var(--bg));border-radius:20px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--muted) 12%,transparent);transition:background .16s}
.parameter-switch>span:after{content:'';position:absolute;width:19px;height:19px;left:2px;top:2px;background:#f4f5f7;border-radius:50%;box-shadow:0 1px 3px #0005;transition:transform .16s}
.parameter-switch input:checked+span{background:var(--accent)}
.parameter-switch input:checked+span:after{transform:translateX(15px)}
.parameter-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.parameter-row.inactive{opacity:.4}
.parameter-row.inactive input,.parameter-row.inactive select{cursor:not-allowed}
.parameter-actions{flex-wrap:wrap}
.batch-toolbar>.icon-button{width:34px;height:34px;padding:7px;flex:none}
.batch-editor .script-parameter-header{flex-direction:column;align-items:stretch;flex-shrink:0;gap:8px;padding:10px 12px}
.script-header-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.script-header-title h2{flex:1}
.script-info{position:relative;flex:none}
.script-info .icon-button{color:var(--muted)}
.script-tooltip{display:none;position:absolute;right:0;top:30px;width:clamp(210px,27vw,360px);max-height:280px;overflow:auto;z-index:8;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);box-shadow:0 8px 24px #0006;color:var(--text);font-size:11px;line-height:1.6}
.script-tooltip p{margin:0}.script-tooltip p+p{margin-top:10px;color:var(--muted)}
.script-info:hover .script-tooltip,.script-info:focus-within .script-tooltip{display:block}
.script-picker>.ui-select{height:36px;min-height:36px;font-size:11px;padding-right:28px}
.parameter-scope{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;min-height:18px;color:var(--muted);line-height:1.45}
.script-scope-name{min-width:0;font-size:10px;font-weight:600;overflow-wrap:anywhere}
.script-scope-tag{font-size:9px;border-radius:5px;padding:2px 5px;background:var(--panel2);white-space:nowrap}
.script-scope-dirty{font-size:9px;color:#ebcc89}
.batch-editor.has-assignment{border-color:#7bcca2;box-shadow:inset 0 0 0 1px #7bcca230}
.batch-editor.has-assignment>.panel-head{background:color-mix(in srgb,#7bcca2 8%,var(--panel));border-bottom-color:#7bcca240}
.batch-editor.has-assignment .script-scope-name{color:#91dfb8}
.batch-editor.has-assignment .script-scope-tag{background:#7bcca21c;color:#91dfb8}
.batch-editor-body{flex:1;scrollbar-width:thin}
.script-parameter-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:9px 12px;border-top:1px solid var(--line);background:var(--panel)}
.script-editor-tools{display:flex;align-items:center;gap:5px}
.script-parameter-footer button{height:34px;border-radius:9px;font-size:11px}
.script-parameter-footer>.primary{min-width:92px;gap:7px}
.script-parameter-footer .icon{width:16px;height:16px}
.script-parameter-footer .icon-button{width:34px;padding:8px;color:var(--text)}
.parameter-group{background:var(--panel);border-color:color-mix(in srgb,var(--muted) 28%,var(--line))}
.parameter-group>summary{background:var(--panel2);color:var(--text)}
.parameter-group-body{padding:0}
.parameter-row{padding:9px 11px;gap:12px;background:color-mix(in srgb,var(--panel2) 40%,var(--panel))}
.parameter-row:nth-child(even){background:color-mix(in srgb,var(--panel2) 85%,var(--panel))}
.parameter-label{color:var(--text)}
.parameter-label small{font-size:10px;color:color-mix(in srgb,var(--text) 65%,var(--muted))}
.parameter-control>input,.parameter-control>select,.parameter-number>input[type=number]{height:34px;min-height:34px;border-color:color-mix(in srgb,var(--muted) 45%,var(--line));background-color:var(--bg);font-size:12px}
.parameter-row.inactive{opacity:1}.parameter-row.inactive .parameter-control{opacity:.5}.parameter-row.inactive .parameter-label{color:var(--muted)}.parameter-row.inactive .parameter-label small{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.parameter-switch>span,.parameter-switch>span:after,.parameter-group>summary:after{transition:none}}

/* Inset settings rows shared by Anatomy and account configuration. */
.settings-form{display:flex;flex-direction:column;gap:14px;min-width:0}
.settings-description{margin:0;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.settings-group{min-width:0;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 45%,var(--panel));overflow:hidden}
.settings-group-title{margin:0;padding:13px 15px 5px;font-size:11px;font-weight:600;color:var(--muted)}
.settings-group-body{padding:0 15px}
.settings-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2.2fr);align-items:center;gap:20px;min-height:54px;padding:9px 0;border-bottom:1px solid var(--line)}
.settings-row:last-child{border-bottom:0}
.settings-label{font-size:12px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.settings-label>label{display:block}
.settings-label small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}
.settings-control{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.settings-control>input,.settings-control>select{width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:12px;color:var(--text)}
.settings-control>select{padding-right:24px;text-overflow:ellipsis}
.settings-control>input:focus,.settings-control>select:focus{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px}
.settings-control>input:disabled,.settings-control>select:disabled{opacity:.45;cursor:not-allowed}
.settings-control>button{flex:none;height:36px;border-radius:9px;font-size:11px;white-space:nowrap}
.settings-switch-row{grid-template-columns:minmax(0,1fr) auto}
.settings-switch-row .parameter-switch{width:42px;height:26px;flex-basis:42px}
.settings-switch-row .parameter-switch>span:after{width:22px;height:22px}
.settings-switch-row .parameter-switch input:checked+span:after{transform:translateX(16px)}
.project-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.project-settings-grid .settings-row{grid-template-columns:minmax(0,1fr) 88px;gap:12px}
.project-settings-grid input{text-align:right;font-variant-numeric:tabular-nums}
.settings-form .machine-roots{margin:0;gap:10px}
.settings-roots .machine-root{padding:0 15px 12px;border-radius:13px;background:color-mix(in srgb,var(--panel2) 45%,var(--panel))}
.settings-roots .settings-row{border-bottom:0}
.settings-roots .root-health{margin-top:0;align-items:flex-start}
.settings-roots .root-health .badge{flex:none}
.settings-roots .root-health small{min-width:0;overflow-wrap:anywhere}
.settings-inherited-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:45px;font-size:11px}
.settings-inherited-row>span{text-align:right;overflow-wrap:anywhere;min-width:0}
.settings-disclosure>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;cursor:pointer;list-style:none;font-size:12px;font-weight:600}
.settings-disclosure>summary::-webkit-details-marker{display:none}
.settings-disclosure>summary:after{content:'⌄';color:var(--muted);font-size:14px}
.settings-disclosure[open]>summary{border-bottom:1px solid var(--line)}
.settings-disclosure[open]>summary:after{transform:rotate(180deg)}
.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.settings-actions button{min-height:36px;border-radius:9px}
@media(max-width:560px){.settings-row{grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr);gap:12px}.settings-switch-row{grid-template-columns:minmax(0,1fr) auto}.settings-roots .settings-control{flex-wrap:wrap}.settings-roots .settings-control>button{height:30px}.settings-inherited-row{align-items:flex-start;padding:12px 0}.settings-inherited-row>span{flex:1}}

.footer-meta .batch-mode{margin-right:4px}
.footer-meta .batch-mode button{height:28px;min-height:28px;padding:5px 9px}
.batch-job.needs-confirmation{border-left:2px solid #e4ba59;padding-left:10px}
.queue-check.warning{color:#e4ba59}
.precomp-evidence{max-height:190px;overflow:auto;padding:0 10px;border-left:2px solid #e4ba59;margin:12px 0}
@media(max-width:750px){.footer-meta:has(.batch-mode){justify-content:flex-start;gap:8px}}

.batch-footer{display:flex;align-items:center;gap:12px;white-space:nowrap}.batch-footer>.muted{font-size:10px}.batch-footer .batch-mode{margin:0}

/* Project and utility pills share a compact, centered control baseline. */
.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.topbar>.window-task{grid-column:1;grid-row:1;justify-self:start;min-width:0;max-width:min(220px,100%);display:flex;align-items:center;height:36px}
.window-task>.task-context-label{color:var(--task-accent,#b396f7);min-width:0;font-size:12px;gap:7px}
.window-task .task-context-label>.icon{width:17px;height:17px;filter:none}
.window-task .task-context-label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar>.navigation-cluster{grid-column:2;grid-row:1}
.topbar>.topbar-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}
.topbar-actions>.project-picker{flex:0 0 156px;width:156px;max-width:156px;min-width:0;margin:0;padding:0}
.topbar-actions .project-menu{width:100%}
.topbar-actions .project-menu summary{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);gap:6px}
.topbar-actions .project-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.topbar-actions .project-menu summary>.icon{width:16px;height:16px}
.topbar-actions .project-menu summary>span:nth-child(2){flex:1;min-width:0;max-width:none}
.topbar-actions .project-options{left:auto;right:0;min-width:220px;max-width:min(320px,85vw);max-height:min(320px,50vh);overflow:auto;margin-top:5px}
.topbar-actions .project-options button{text-align:left;height:auto;width:100%}
.topbar .topbar-actions>.window-tools{display:flex;align-items:center;justify-content:center;gap:2px;height:36px;margin:0;padding:2px 4px;border:1px solid var(--line);border-radius:18px;background:var(--panel);flex:0 0 auto}
.topbar .window-tools>button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:50%;gap:0;background:transparent}
.topbar .window-tools>button:hover{background:var(--tint)}
.topbar .window-tools>button>.icon{display:block;width:18px;height:18px;margin:0}
.topbar #account>.connection{border-color:var(--panel)}
@media(max-width:1080px){.topbar-actions>.project-picker{flex-basis:144px;width:144px}.people-list-toolbar{flex-wrap:wrap}.people-list-toolbar>.people-search{flex-basis:180px}}
@media(max-width:760px){.topbar{grid-template-columns:1fr;gap:8px}.topbar>.window-task{max-width:calc(100% - 270px)}.topbar>.topbar-actions{grid-column:1;grid-row:1}.topbar>.navigation-cluster{grid-column:1;grid-row:2}.topbar nav{order:initial;flex-basis:auto}}

/* Shared settings controls: native keyboard behavior, consistent inset styling. */
.ui-field{width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:12px}
.ui-field:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px}
.ui-field:disabled{opacity:.45;cursor:not-allowed}
select.ui-select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 11px) 50%;background-size:4px 4px;background-repeat:no-repeat;text-overflow:ellipsis;cursor:pointer}
.ui-switch:has(input:disabled){opacity:.45}.ui-switch input:disabled{cursor:not-allowed}
.settings-row[hidden]{display:none}
textarea.ui-field{height:auto;min-height:88px;padding:10px 11px;line-height:1.6;resize:vertical}
.settings-control>textarea.ui-field{flex:1}

/* Database uses the same inset controls as Anatomy and account settings. */
.database-shot-identity{display:flex;flex-direction:column;gap:5px;min-width:0}
.database-shot-identity>.task-context-label{font-size:10px;max-width:100%}
.database-shot-identity .task-context-label>.icon{width:12px;height:12px}
.database-detail .context-heading>.badge{flex:none}
.database-detail .context-summary{padding-bottom:0}
.database-settings{gap:12px;padding:14px}
.database-settings .settings-group-body{padding-inline:12px}
.database-settings .settings-row{grid-template-columns:82px minmax(0,1fr);gap:10px;min-height:56px}
.database-settings .settings-label{font-size:11px}
.database-settings .settings-control{gap:6px}
.database-save{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:7px;border-radius:9px;color:var(--accent);background:var(--tint)}
.settings-control>.database-save{height:32px;flex:0 0 32px}
.database-save .icon{width:16px;height:16px}
.database-save:disabled{background:transparent;opacity:.3}
.database-brief{padding:10px 12px 12px}
.database-brief-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px}
.database-brief-heading>span{display:flex;align-items:center;gap:7px}
.database-brief-heading .icon{width:15px;height:15px}
.database-brief textarea{display:block;min-height:104px}
.database-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.database-review-actions button{min-height:36px;padding:8px;border-radius:9px;font-size:11px;gap:7px}
.database-review-actions .icon{width:16px;height:16px}
.database-settings>.settings-description{font-size:10px;line-height:1.6;padding-inline:2px}
.database-selection-summary{display:flex;align-items:center;gap:10px;min-width:0}
.database-selection-summary>.task-context-label{min-width:0;max-width:160px}
.database-selection-count{flex:none;color:var(--muted);font-size:10px}
.database-toolbar{display:flex;align-items:center;gap:10px;min-width:0}
.database-bulk-actions{display:flex;gap:6px;min-width:0}
.database-bulk-control{position:relative;min-width:0}
.database-bulk-control>.icon{position:absolute;left:10px;top:10px;width:16px;height:16px;pointer-events:none;color:var(--muted)}
.database-bulk-control:has(select:disabled)>.icon{opacity:.45}
.database-toolbar select.ui-select{width:170px;max-width:none;height:36px;padding-left:33px;font-size:11px}
.footer-actions .database-toolbar>button{height:36px;border-radius:9px;gap:7px;padding-inline:13px}
.database-toolbar>button .icon{width:16px;height:16px}
.shot-create-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;border-bottom:1px solid var(--line)}
.shot-create-grid .settings-row{grid-template-columns:minmax(70px,1fr) minmax(65px,1fr);gap:12px}
.shot-create-grid .settings-row:nth-last-child(-n+2){border-bottom:0}
.shot-create-results{padding:12px 14px;border:1px solid var(--line);border-radius:13px}
.shot-create-results .shot-create-summary{margin:0 0 8px;font-size:11px;color:var(--muted)}
.shot-create-results .shot-create-preview{max-height:120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.shot-create-preview .note{padding:5px 0;margin:0;border:0;font-size:11px;overflow-wrap:anywhere}
.shot-create-form .settings-actions>.primary{gap:7px}
.shot-create-form .settings-actions .icon{width:16px;height:16px}
@media(max-width:1000px){.database-toolbar select.ui-select{width:150px}.database-selection-summary{flex-wrap:wrap;gap:4px 8px}}
@media(max-height:750px){.database-detail .preview{height:110px}.database-settings{gap:10px}.database-brief textarea{height:88px;min-height:88px}}
@media(max-width:750px){.database-toolbar{width:100%}.database-bulk-actions{flex:1}.database-bulk-control{flex:1}.database-toolbar select.ui-select{width:100%}.database-toolbar>button{flex:0 0 auto}.shot-create-grid{grid-template-columns:1fr}.shot-create-grid .settings-row:nth-last-child(2){border-bottom:1px solid var(--line)}}

#content:has(>.people-page){display:flex;flex-direction:column;overflow:hidden}
.people-page{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;overflow:auto;padding:1px 2px 12px}
.people-heading h2{margin:0 0 6px;font-size:16px}.people-page h3{margin:0;font-size:12px}
.people-groups>.row{margin-bottom:9px}.people-all-roles{font-size:11px;padding:4px 9px;border-color:transparent;background:transparent;color:var(--muted)}
.people-all-roles[aria-pressed=true]{color:var(--accent);background:var(--tint)}
.access-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.access-group{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;padding:14px;border-radius:13px;background:var(--panel);text-align:left;min-width:0}
.access-group[aria-pressed=true]{background:var(--tint);border-color:var(--accent)}
.access-group-heading{display:flex;align-items:center;gap:8px;font-size:12px}.access-group-heading .icon{width:17px;height:17px;color:var(--accent)}
.access-group-count{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.access-group-description{white-space:normal;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted)}
.people-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;min-width:0}
.people-list-panel,.people-add{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.people-list-toolbar{display:flex;align-items:center;gap:10px;padding:13px}
.people-search{position:relative;flex:1;min-width:0}.people-search>.icon{position:absolute;left:11px;top:10px;width:16px;height:16px;color:var(--muted);pointer-events:none}.people-search>.ui-field{padding-left:34px}
.people-list-toolbar>select{width:132px;flex:0 0 132px}
.member-columns,.member-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 84px 32px;column-gap:12px;align-items:center;padding:13px}
.member-columns{border-block:1px solid var(--line);color:var(--muted);font-size:10px;padding-top:9px;padding-bottom:9px}
.member-row{min-height:82px;border-bottom:1px solid var(--line)}.member-row:last-of-type{border-bottom:0}.member-row[hidden]{display:none}
.member-row.has-changes{background:color-mix(in srgb,var(--tint) 36%,transparent)}
.member-identity{display:flex;align-items:center;gap:10px;min-width:0}
.member-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--tint);color:var(--accent);font-size:10px;font-weight:600}
.member-name{min-width:0}.member-name>.row{gap:6px;flex-wrap:wrap}.member-name strong{font-size:12px;overflow-wrap:anywhere}.member-name small{display:block;font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere;margin-top:3px}
.member-name .badge{font-size:9px}.member-name .member-hint{font-size:9px}.member-name .member-hint[hidden]{display:none}
.access-revoked .member-avatar{background:var(--panel2);color:var(--muted)}
.member-role{min-width:0}.member-access{display:flex;flex-direction:column;gap:5px;align-items:center}.member-access .ui-switch{width:42px;height:26px;flex-basis:26px}
.member-access .ui-switch>span:after{width:22px;height:22px}.member-access .ui-switch input:checked+span:after{transform:translateX(16px);background:#f4f5f7}.member-access .ui-switch input:checked+span{background:#62bb91}
.member-access-label{font-size:9px;color:var(--muted)}.member-access-label.active{color:var(--green)}
.member-save{width:32px;height:32px;padding:7px;border-radius:9px;color:var(--accent);background:var(--tint)}.member-save .icon{width:16px;height:16px}.member-save:disabled{background:transparent;opacity:.3}
.member-error{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--red);margin:10px 0 0;overflow-wrap:anywhere}.member-error[hidden]{display:none}
.people-list-foot{display:flex;justify-content:space-between;gap:8px;padding:12px 13px;border-top:1px solid var(--line)}.people-list-foot small{font-size:10px}
.people-empty{margin:0;padding:28px 16px;text-align:center;color:var(--muted);font-size:12px}
.people-add{padding:16px;gap:13px}.people-add .settings-description{font-size:11px}.people-add .settings-group-body{padding:0 11px}.people-add .settings-row{grid-template-columns:72px minmax(0,1fr);gap:10px;min-height:56px}.people-add .settings-label{font-size:11px}
.people-add>.primary{justify-content:center;min-height:36px;border-radius:9px;gap:7px}.people-add>.primary>.icon{width:16px;height:16px}
.people-role-help{font-size:11px;line-height:1.6;margin:0;padding:10px 12px;border-radius:9px;background:var(--tint);color:var(--text)}
.people-feedback{font-size:11px;color:var(--green);margin:0}
@media(max-width:1080px){.people-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.member-columns,.member-row{grid-template-columns:minmax(0,1fr) 112px 60px 30px;column-gap:8px}.member-avatar{display:none}.people-add{padding:12px}.people-add .settings-row{grid-template-columns:62px minmax(0,1fr);gap:7px}}
@media(max-width:840px){.people-workspace{grid-template-columns:1fr}.people-add .settings-row{grid-template-columns:120px minmax(0,1fr)}.member-avatar{display:flex}}
@media(max-width:560px){.access-groups{grid-template-columns:1fr}.member-avatar{display:none}.member-columns,.member-row{grid-template-columns:minmax(0,1fr) 104px 46px 30px;padding-inline:10px;column-gap:6px}.people-list-toolbar{gap:7px;padding:10px}.people-list-toolbar>select{width:110px;flex-basis:110px}}

/* Section titles inherit the current task / Render / Scripts accent. */
.section-heading{display:flex;align-items:center;gap:8px;min-width:0;color:var(--accent)}
.section-heading>.icon{width:17px;height:17px;flex:0 0 17px;filter:none;color:inherit}
.section-heading-text{min-width:0;overflow-wrap:anywhere}
h3.section-heading>.icon,.parameter-group .section-heading>.icon{width:15px;height:15px;flex-basis:15px}
.settings-group-title.section-heading,.anatomy-guide .section-heading{color:var(--accent)}
.tool-detail h1.section-heading>.icon,.anatomy-guide h2.section-heading>.icon{width:21px;height:21px;flex-basis:21px}

.preview-meta{display:flex;align-items:center;justify-content:center;gap:6px 10px;flex-wrap:wrap;margin-top:6px}
.preview-meta>.preview-label{margin:0;flex:1}
.preview-note-count{font-size:10px;min-height:26px;padding:4px 8px;gap:5px;border-radius:7px;background:var(--tint);border-color:color-mix(in srgb,var(--accent) 25%,var(--line));color:var(--accent)}
.preview-note-count>.icon{width:14px;height:14px;filter:none}

/* Reserve one message line so feedback never shifts the tables. */
.shell{grid-template-rows:auto minmax(0,1fr) auto auto}
main{padding-bottom:4px}
.status-strip{min-height:24px;min-width:0;padding:3px 18px;display:flex;align-items:center}
.status-strip>.message{margin:0;padding:0 0 0 21px;position:relative;flex:1;min-width:0;max-height:64px;overflow:auto;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:11px;line-height:18px;white-space:pre-line;overflow-wrap:anywhere}
.status-strip>.message:before{content:'';position:absolute;top:2px;left:0;width:14px;height:14px;background:currentColor;-webkit-mask:url(/assets/info.svg) center/contain no-repeat;mask:url(/assets/info.svg) center/contain no-repeat}
.status-strip>.message[data-tone=error]{color:var(--red)}
.status-strip>.message[data-tone=warning]{color:#e9c38a}
.status-strip>.message[data-tone=success]{color:var(--green)}
#dialog-status{padding:0;min-height:0;margin-top:10px;flex-shrink:0}
#dialog-status:empty,#dialog-status:has(>.message[hidden]){display:none}
body.native-macos-toolbar .shell{grid-template-rows:minmax(0,1fr) auto auto}
body.native-macos-toolbar #status-strip{grid-row:2}
body.native-macos-toolbar #action-footer{grid-row:3}
.context-panel{transition:opacity 120ms ease-out}
.context-panel.is-refreshing{opacity:.65}
@media(prefers-reduced-motion:reduce){.context-panel{transition:none}.context-panel.is-refreshing{opacity:1}}

/* Team membership is independent of project permissions. */
.teams-view{display:grid;gap:14px;min-width:0}.team-tabs{padding:0 0 16px}.team-list-row{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.team-list-row:nth-of-type(even){background:color-mix(in srgb,var(--panel),white 3%)}.team-list-row>div:first-child{flex:1;min-width:140px}.team-list-row small{display:block;color:var(--muted);margin-top:4px}.team-list-row select{width:140px}.team-invite-result{display:grid;gap:10px;padding:16px;border:1px solid var(--accent);border-radius:14px}.team-invite-result input{width:100%;user-select:text}.team-remove-confirm{padding:16px;border:1px solid #d95a63;border-radius:12px}.team-remove-confirm button{margin-right:8px}#dialog:has(.teams-view){width:min(820px,calc(100vw - 40px))}.people-team-page{padding-bottom:16px}@media(max-width:750px){.team-list-row{flex-wrap:wrap}.team-list-row>div:first-child{flex-basis:100%}}

.teams-view{max-width:1100px;margin:0 auto;gap:12px}.teams-view h3{margin:6px 0}.team-invite-actions{justify-content:flex-end}.team-tabs [aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 87%)}

/* Section navigation shares the logo row; content keeps its own scroll area. */
.workspace-toolbar.section-toolbar{justify-content:flex-start;min-width:0;gap:10px}
.section-toolbar>.tabs,.section-toolbar>.team-tabs{margin:0;padding:0;border:0;min-width:0;overflow-x:auto;flex-wrap:nowrap;align-items:center}
.section-toolbar .tabs button,.section-toolbar .team-tabs button{height:34px;white-space:nowrap;flex-shrink:0}
.people-team-page{display:flex;flex-direction:column;gap:12px}
#footer:has(.anatomy-revision){display:flex;flex-direction:column;gap:4px}
.anatomy-revision{color:var(--text);overflow:hidden;text-overflow:ellipsis}
.project-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.project-settings-grid{grid-template-columns:1fr}}

.workfile-area{border-color:var(--task-accent)}
.workfile-area.retake{border-color:var(--task-accent);box-shadow:inset 0 0 0 1px var(--status-color)}
.workfile-heading{padding:5px;gap:4px;border-bottom:1px solid var(--line)}
.workfile-heading button{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:7px 10px;gap:7px}
.workfile-heading button.selected{background:color-mix(in srgb,var(--task-accent),transparent 87%);color:var(--task-accent)}
.workfile-heading .icon{width:16px;height:16px}
.asset-list{display:flex;flex:1;flex-direction:column;min-height:0}
.asset-list[hidden]{display:none}
.files-table .file-name,.previews-table .file-name{font-size:12px;font-weight:600;color:var(--text)}
.previews-table{table-layout:fixed}.previews-table th:first-child{width:64px}.previews-table th:last-child{width:96px}
.previews-table td{padding:11px 9px;font-size:11px}.previews-table td button{max-width:100%}
.preview-date{display:block;color:var(--muted);font-size:10px;margin-top:5px}

/* Desktop onboarding uses the same controls as Anatomy and People. */
.studio-setup{width:min(940px,100%);margin:32px auto;padding:0 24px 48px}.setup-heading{display:flex;align-items:center;gap:24px;margin:10px 0 30px}.setup-heading>img{width:62px;height:62px}.setup-heading h1{font-size:28px;letter-spacing:-.7px;margin:8px 0}.setup-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.setup-steps button{flex:1;padding:12px;white-space:nowrap}.setup-steps .selected{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);border-color:var(--accent)}.setup-step-number{font-size:11px;opacity:.65}.setup-content{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:26px}.setup-content h2{margin-top:0}.setup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.setup-project,.setup-total{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.setup-project small{margin-left:auto}.setup-options{display:flex;gap:12px;margin:24px 0}.setup-price{font-size:48px;letter-spacing:-2px;margin:20px 0}.setup-price small{font-size:14px;letter-spacing:0;color:var(--muted)}.setup-total{justify-content:space-between}.setup-quote{padding:20px;margin-top:20px;border:1px solid var(--accent);border-radius:12px}.setup-quote button{margin:8px 8px 0 0}@media(max-width:650px){.studio-setup{padding:0 12px}.setup-heading>img{width:42px;height:42px}.setup-heading h1{font-size:23px}.setup-steps button{flex-basis:40%}.setup-content{padding:18px}.setup-options{flex-wrap:wrap}}