/* Studio uses stable dock slots. Tabs only change visibility, never editor ownership. */
.sd-editor-workspace{--sd-panel-width:380px;--sd-timeline-height:300px;--sd-timeline-width:440px;--sd-media-width:360px;--sd-media-height:260px}
.sd-shell.sd-editor-workspace .sd-workspace{grid-template-columns:minmax(360px,1fr) 12px var(--sd-panel-width);grid-template-rows:minmax(0,1fr);height:calc(100dvh - 128px);min-height:580px;max-height:none;gap:0}
.sd-shell.sd-editor-workspace.is-editing .sd-workspace{grid-template-rows:minmax(260px,1fr) 10px var(--sd-timeline-height)}
.sd-editor-workspace .sd-stage-panel{grid-column:1;grid-row:1;min-height:0;height:auto;overflow:visible}
.sd-editor-workspace .sd-stage-panel>.sd-stage-top{border-radius:calc(var(--cb-radius) * 0.66667) calc(var(--cb-radius) * 0.66667) 0 0}
.sd-editor-workspace .sd-stage-panel>.sd-canvas-wrap{overflow:hidden}
.sd-editor-workspace .sd-stage-top{gap:calc(var(--cb-editor-space) * 0.3);padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.45);height:44px;min-height:44px}
.sd-editor-workspace .sd-character-current{flex:1;max-width:none;min-width:0;overflow:hidden}
.sd-editor-workspace .sd-character-current>span:nth-child(2){flex:1;min-width:0;overflow:hidden}
.sd-editor-workspace .sd-character-current strong{font-size:calc(11px * var(--cb-type-scale));max-width:230px}
.sd-editor-workspace .sd-character-current small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-editor-workspace .sd-stage-top>div{flex:0 0 auto;gap:calc(var(--cb-editor-space) * 0.15)}
.sd-editor-workspace .sd-stage-top .sd-icon-button{width:27px;height:27px;min-height:27px;padding:5px}
.sd-editor-workspace .sd-stage-panel .sd-canvas-wrap{min-height:100px;flex:1}
.sd-editor-workspace.is-editing .sd-stage-panel>.sd-playback{display:none}
.sd-editor-workspace .studio-camera-strip{gap:4px 7px;padding:4px 8px;flex:0 0 auto}
.sd-editor-workspace .studio-camera-strip>.sd-dock-controls{margin-left:auto}
.sd-editor-workspace .studio-camera-strip.sd-dock-floating,.sd-editor-workspace .studio-camera-strip.sd-dock-expanded{flex-wrap:wrap;align-content:flex-start;padding:10px;overflow:visible}
.sd-editor-workspace .sd-bank{grid-column:3;grid-row:1/-1;min-height:0;height:auto;display:flex;flex-direction:column;overflow:hidden}
.sd-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.3);min-height:40px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);background:var(--cb-raised);border-bottom:var(--cb-border-width) solid var(--cb-border);flex:0 0 auto}
.sd-inspector-tabs,.sd-inspector-controls{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.15);min-width:0}
.sd-inspector-controls{margin-left:auto;flex-shrink:0}
.sd-inspector-heading .sd-icon-button{width:25px;min-height:27px;height:27px;padding:4px;border-color:transparent;background:transparent}
.sd-inspector-tab{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;min-height:31px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.45);border:var(--cb-border-width) solid transparent;border-radius:calc(var(--cb-radius) * 0.41667);background:transparent;color:var(--cb-text);font:600 calc(12px * var(--cb-type-scale))/calc(1.3 * var(--cb-leading-scale)) var(--cb-font);cursor:pointer}
.sd-inspector-tab[aria-selected=true]{background:var(--cb-selected);color:var(--cb-on-selected);border-color:var(--cb-border-strong);box-shadow:0 1px 2px color-mix(in srgb, var(--cb-focus) 4.31373%, transparent)}
.sd-inspector-tab:hover{background:var(--cb-hover)}
.sd-bank-library{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding-top:calc(var(--cb-editor-space) * 0.4);overflow:hidden}
.sd-editor-workspace [role=tabpanel][hidden]{display:none!important}
.sd-bank-library>#sd-results{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sd-bank-library .sd-motion-list,.sd-bank-library .sd-card-grid{min-height:0;overflow:auto;overscroll-behavior:contain}
.sd-editor-workspace .sd-bank-tool-row{gap:calc(var(--cb-editor-space) * 0.25);padding:0 calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.35)}
.sd-editor-workspace .sd-bank-search-row{padding-inline:8px;gap:calc(var(--cb-editor-space) * 0.2)}
.sd-editor-workspace .sd-bank-search-row>.sd-tag-row{flex-basis:100px}
.sd-editor-workspace .sd-bank .sd-categories{padding-inline:8px}
.sd-editor-workspace .sd-bank .sd-source-tab{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.3);min-height:27px}
.sd-editor-tools{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
.sd-editor-empty{padding:calc(var(--cb-editor-space) * 0.6);color:var(--cb-muted);font-size:calc(12px * var(--cb-type-scale))}
.sd-bank-library.has-inline-profile>:not(#sd-inline-profile){display:none!important}
.sd-bank-library.has-inline-profile>#sd-inline-profile{flex:1;min-height:0;overflow:auto;border:0;border-radius:0}
.sd-bank-library.has-inline-profile .cip-heading{position:sticky;top:0;z-index:1}
.sd-editor-workspace .sd-resizer{grid-column:2;grid-row:1/-1;position:relative;width:12px;min-width:12px;height:auto;display:block}
.sd-editor-workspace .sd-resizer::before{left:5px}
.sd-editor-workspace .sd-resizer::after{left:0;width:12px}
.sd-timeline-resizer{grid-column:1;grid-row:2;position:relative;min-height:10px;background:transparent;cursor:row-resize;touch-action:none}
.sd-timeline-resizer::after{content:'';position:absolute;left:calc(50% - 25px);top:3px;width:50px;height:4px;border-radius:calc(var(--cb-radius) * 0.25);background:var(--cb-inset)}
.sd-timeline-resizer:hover{background:var(--cb-hover)}
.sd-timeline-panel{grid-column:1;grid-row:3;display:flex;flex-direction:column;min-height:0;min-width:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);overflow:hidden}
.sd-timeline-panel[hidden],.sd-timeline-resizer[hidden]{display:none!important}
.sd-timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);min-height:31px;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.45);flex:0 0 auto;border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);color:var(--cb-text)}
.sd-timeline-heading>strong{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);font-size:calc(11px * var(--cb-type-scale));font-weight:650;white-space:nowrap}
.sd-timeline-shortcuts{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
.sd-timeline-panel>.sd-motion-editor{height:auto;flex:1;min-height:0;max-height:none;border:0}
.sd-timeline-panel .me-timeline-host>div{flex:1;min-height:0;min-width:0}
.sd-editor-workspace .sd-timeline-panel .me-transport-strip{flex-wrap:nowrap;gap:calc(var(--cb-editor-space) * 0.35);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.4)}
.sd-editor-workspace .sd-timeline-panel .me-transport-strip>.me-transport{flex:0 1 auto}
.sd-editor-workspace .sd-timeline-panel .me-transport-strip>.me-timeline{flex:1 1 100px;min-width:100px}
.sd-editor-workspace .sd-timeline-panel .me-clock{display:none}
.sd-editor-workspace.sd-panel-away-bank .sd-workspace{grid-template-columns:minmax(360px,1fr)}
.sd-editor-workspace.sd-panel-away-bank .sd-resizer{display:none}
.sd-editor-workspace.is-editing.sd-panel-away-timeline .sd-workspace{grid-template-rows:minmax(0,1fr)}
.sd-editor-workspace.sd-panel-away-timeline .sd-timeline-resizer{display:none}
.sd-editor-workspace.sd-panel-away-bank .sd-bank.sd-dock-floating,.sd-editor-workspace.sd-panel-away-bank .sd-bank.sd-dock-expanded{grid-area:auto}
.sd-editor-workspace .sd-bank.sd-dock-floating,.sd-editor-workspace .sd-bank.sd-dock-expanded{height:var(--sd-dock-height,auto)}
.sd-layout-menu{position:relative;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text)}
.sd-layout-menu>summary{display:flex;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.3);min-height:34px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.45);background:var(--cb-raised);cursor:pointer;list-style:none;white-space:nowrap}
.sd-layout-menu>summary::-webkit-details-marker{display:none}
.sd-layout-menu[open]>summary{background:var(--cb-inset)}
.sd-layout-menu>div{position:absolute;right:0;top:calc(100% + 5px);z-index:1200;display:flex;flex-direction:column;align-items:stretch;min-width:180px;padding:calc(var(--cb-editor-space) * 0.25);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-surface);box-shadow:var(--cb-shadow)}
.sd-layout-menu .sd-text-button{display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--cb-editor-space) * 0.35);padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5);text-align:left;font-size:calc(12px * var(--cb-type-scale));border-radius:calc(var(--cb-radius) * 0.33333);min-height:34px;white-space:nowrap}
.sd-layout-menu .sd-text-button:hover{background:var(--cb-hover)}
.sd-editor-workspace .sd-stage-top .sd-layout-menu>summary{width:27px;height:27px;min-height:27px;padding:calc(var(--cb-editor-space) * 0.2);gap:0}
.sd-layout-menu .sd-panel-check{display:inline-flex;width:14px;flex:0 0 14px;opacity:0}
.sd-layout-menu [aria-pressed=true] .sd-panel-check{opacity:1}
.sd-minimized-panels{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.2);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.4);border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset)}
.sd-minimized-panels[hidden]{display:none!important}
.sd-minimized-tab{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);max-width:220px;min-height:27px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.4);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:var(--cb-text);font:500 calc(11px * var(--cb-type-scale))/calc(1.2 * var(--cb-leading-scale)) var(--cb-font);cursor:pointer}
.sd-minimized-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-minimized-tab:hover{background:var(--cb-hover)}
.sd-editor-workspace #sd-media-panel.sd-dock-floating,.sd-editor-workspace #sd-media-panel.sd-dock-expanded,.sd-editor-workspace #sd-attachments.sd-dock-floating,.sd-editor-workspace #sd-attachments.sd-dock-expanded{overflow:hidden}
.sd-editor-workspace #sd-media-panel.sd-dock-floating>.cb-media-panel,.sd-editor-workspace #sd-media-panel.sd-dock-expanded>.cb-media-panel,.sd-editor-workspace #sd-attachments.sd-dock-floating>.matp-panel,.sd-editor-workspace #sd-attachments.sd-dock-expanded>.matp-panel{display:flex;flex-direction:column;height:100%;min-height:0;border:0;padding:0}
.sd-editor-workspace #sd-media-panel.sd-dock-floating .cb-media-body,.sd-editor-workspace #sd-media-panel.sd-dock-expanded .cb-media-body,.sd-editor-workspace #sd-attachments.sd-dock-floating .matp-body,.sd-editor-workspace #sd-attachments.sd-dock-expanded .matp-body{flex:1;min-height:0;max-height:none;overflow:auto;padding:8px 10px}
.sd-editor-workspace #sd-media-panel.sd-dock-floating .cb-media-reference,.sd-editor-workspace #sd-media-panel.sd-dock-expanded .cb-media-reference{flex-direction:column}
.sd-editor-workspace #sd-media-panel.sd-dock-floating .cb-media-reference video,.sd-editor-workspace #sd-media-panel.sd-dock-expanded .cb-media-reference video{width:100%;max-width:100%;max-height:260px}
.sd-editor-workspace #sd-attachments summary{padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.45);min-height:32px}
.sd-editor-workspace .cb-media-panel summary{gap:calc(var(--cb-editor-space) * 0.35)}
.sd-editor-workspace .cb-media-panel summary small{flex:1;min-width:0;text-align:right}
.sd-dock-modal.sd-dock-floating>.modal-heading,.sd-dock-modal.sd-dock-expanded>.modal-heading{flex:0 0 auto}
.sd-dock-modal.sd-dock-floating>:not(.modal-heading):not(.sd-dock-resize),.sd-dock-modal.sd-dock-expanded>:not(.modal-heading):not(.sd-dock-resize){flex:1;min-height:0;overflow:auto}
.sd-shell.sd-editor-workspace.is-fullscreen .sd-workspace{height:calc(100dvh - 70px)}
/* Side docking keeps the same timeline content and its native inner scroll areas. */
.sd-editor-workspace .sd-timeline-panel[data-sd-dock-edge]:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .sd-timeline-shortcuts{display:none}
.sd-editor-workspace .sd-timeline-panel[data-sd-dock-edge]:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .me-transport-strip{flex-wrap:wrap}
.sd-editor-workspace .sd-timeline-panel[data-sd-dock-edge]:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .me-transport-strip>.me-transport{flex:1 1 100%}
.sd-editor-workspace .sd-timeline-panel[data-sd-dock-edge]:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .mpe-workspace-options{flex-wrap:wrap}
.sd-editor-workspace:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-stage-top{flex-wrap:wrap;height:auto;min-height:44px}
.sd-editor-workspace:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-character-current strong{max-width:140px}
@media(max-width:1100px) and (min-width:801px){
  .sd-shell.sd-editor-workspace .sd-workspace{grid-template-columns:minmax(300px,1fr) 10px minmax(300px,var(--sd-panel-width));min-height:600px}
  .sd-shell.sd-editor-workspace.sd-panel-away-bank .sd-workspace{grid-template-columns:minmax(300px,1fr)}
  .sd-editor-workspace .sd-timeline-panel .me-transport-strip{flex-wrap:wrap}
  .sd-editor-workspace .sd-timeline-panel .me-transport-strip>.me-transport{flex:1 1 100%}
  .sd-editor-workspace .sd-character-current strong{max-width:145px}
  .sd-editor-workspace .sd-stage-top{flex-wrap:wrap;height:auto;min-height:44px}
  .sd-editor-workspace .sd-stage-top .sd-dock-controls{margin-left:0}
}
@media(max-width:800px){
  .sd-shell.sd-editor-workspace .sd-workspace,.sd-shell.sd-editor-workspace.is-editing .sd-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:450px auto;gap:9px;height:auto;min-height:0;max-height:none}
  .sd-shell.sd-editor-workspace.is-editing .sd-workspace{grid-template-rows:380px var(--sd-timeline-height) 600px}
  .sd-editor-workspace .sd-stage-panel{grid-column:1;grid-row:1;min-height:0}
  .sd-editor-workspace .sd-bank{grid-column:1;grid-row:2;min-height:420px}
  .sd-editor-workspace.is-editing .sd-bank{grid-row:3}
  .sd-editor-workspace .sd-timeline-panel{grid-column:1;grid-row:2}
  .sd-editor-workspace .sd-resizer,.sd-editor-workspace .sd-timeline-resizer{display:none}
  .sd-shell.sd-editor-workspace.sd-panel-away-bank .sd-workspace{grid-template-columns:minmax(0,1fr)}
  .sd-editor-workspace .sd-timeline-panel .me-transport-strip{flex-wrap:wrap}
  .sd-editor-workspace .sd-timeline-panel .me-transport-strip>.me-transport{flex-basis:100%}
  .sd-editor-workspace .sd-timeline-shortcuts{display:none}
  .sd-shell.sd-editor-workspace.is-editing.sd-panel-away-timeline .sd-workspace{grid-template-rows:380px 600px}
  .sd-editor-workspace.is-editing.sd-panel-away-timeline .sd-bank{grid-row:2}
}

/* Pose tools stay on one compact row over the primary viewport. */
.sd-transform-tools{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.15);padding:calc(var(--cb-editor-space) * 0.15);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:color-mix(in srgb, var(--cb-raised) 92.94118%, transparent);box-shadow:var(--cb-shadow)}
.sd-transform-tools[hidden]{display:none!important}
.sd-transform-tools .sd-icon-button{width:29px;height:29px;min-height:29px;padding:5px;border:0;background:transparent}
.sd-transform-tools .sd-icon-button[aria-pressed=true]{background:var(--cb-selected);color:var(--cb-on-selected)}
.sd-transform-tools .sd-icon-button:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.sd-editor-workspace.is-editing .sd-canvas-badges>span:last-child{display:none}
.sd-editor-workspace .sd-view-hint{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}

/* Video docking owns an outer slot; the live scene and timeline keep their existing DOM. */
.sd-workspace-surface{position:relative;display:grid;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:0 minmax(0,1fr) 0;height:calc(100dvh - 128px);min-height:580px}
.sd-shell.sd-editor-workspace .sd-workspace-surface>.sd-workspace{grid-column:2;grid-row:2;height:100%;min-height:0;max-height:none;min-width:0}
.sd-shell.sd-editor-workspace.is-fullscreen .sd-workspace-surface{height:calc(100dvh - 70px)}
.sd-dock-media-left .sd-workspace-surface{grid-template-columns:var(--sd-media-width) minmax(0,1fr) 0}
.sd-dock-media-right .sd-workspace-surface{grid-template-columns:0 minmax(0,1fr) var(--sd-media-width)}
.sd-dock-media-top .sd-workspace-surface{grid-template-rows:var(--sd-media-height) minmax(0,1fr) 0;min-height:calc(580px + var(--sd-media-height))}
.sd-dock-media-bottom .sd-workspace-surface{grid-template-rows:0 minmax(0,1fr) var(--sd-media-height);min-height:calc(580px + var(--sd-media-height))}
.sd-editor-workspace #sd-media-panel{position:relative;grid-column:3;grid-row:2;min-width:0;min-height:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);overflow:visible;margin-left:8px}
.sd-editor-workspace #sd-media-panel[hidden]{display:none!important}
.sd-editor-workspace #sd-media-panel[data-sd-dock-edge=left]{grid-column:1;margin:0 8px 0 0}
.sd-editor-workspace #sd-media-panel[data-sd-dock-edge=top]{grid-column:1/-1;grid-row:1;margin:0 0 8px}
.sd-editor-workspace #sd-media-panel[data-sd-dock-edge=bottom]{grid-column:1/-1;grid-row:3;margin:8px 0 0}
.sd-editor-workspace #sd-media-panel:is(.sd-dock-floating,.sd-dock-expanded){margin:0;grid-area:auto}
.sd-media-resizer{position:absolute;z-index:4;touch-action:none;cursor:col-resize;width:8px;height:100%;left:-8px;top:0;border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-media-resizer:focus-visible,.sd-media-resizer:hover{background:color-mix(in srgb, var(--cb-hover) 60%, transparent);outline:max(1px, var(--cb-border-width)) solid var(--cb-focus)}
#sd-media-panel[data-sd-dock-edge=left]>.sd-media-resizer{left:auto;right:-8px}
#sd-media-panel:is([data-sd-dock-edge=top],[data-sd-dock-edge=bottom])>.sd-media-resizer{left:0;right:auto;width:100%;height:8px;cursor:row-resize}
#sd-media-panel[data-sd-dock-edge=top]>.sd-media-resizer{top:auto;bottom:-8px}
#sd-media-panel[data-sd-dock-edge=bottom]>.sd-media-resizer{top:-8px}
#sd-media-panel:is(.sd-dock-floating,.sd-dock-expanded,.sd-dock-minimized)>.sd-media-resizer{display:none}
.sd-shell.sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-columns:minmax(240px,1fr) 10px minmax(250px,var(--sd-panel-width))}
.sd-shell.sd-editor-workspace.sd-panel-away-bank:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-columns:minmax(240px,1fr)}
.sd-shell.sd-editor-workspace.is-editing.sd-dock-timeline-top:not(.sd-panel-away-timeline) .sd-workspace{grid-template-rows:var(--sd-timeline-height) 10px minmax(260px,1fr)}
.sd-editor-workspace.sd-dock-timeline-top .sd-timeline-panel{grid-row:1}
.sd-editor-workspace.sd-dock-timeline-top .sd-stage-panel{grid-row:3}
.sd-editor-workspace.sd-dock-timeline-top.sd-panel-away-timeline .sd-stage-panel{grid-row:1}
@media(max-width:1100px){
 .sd-shell.sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-columns:minmax(240px,1fr);grid-template-rows:420px 420px;height:auto;gap:8px}
 .sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-rows:420px var(--sd-timeline-height) 420px}
 .sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-stage-panel{grid-column:1;grid-row:1}
 .sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-bank{grid-column:1;grid-row:2;min-height:0}
 .sd-editor-workspace.is-editing:is(.sd-dock-media-left,.sd-dock-media-right) .sd-bank{grid-row:3}
 .sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-timeline-panel{grid-column:1;grid-row:2}
 .sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) :is(.sd-resizer,.sd-timeline-resizer){display:none}
 .sd-editor-workspace:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace-surface{height:auto;min-height:860px}
 .sd-shell.sd-editor-workspace.sd-panel-away-bank:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-rows:420px}
 .sd-shell.sd-editor-workspace.is-editing.sd-panel-away-bank:is(.sd-dock-media-left,.sd-dock-media-right) .sd-workspace{grid-template-rows:420px var(--sd-timeline-height)}
}
@media(max-width:800px){
 .sd-workspace-surface{height:auto;min-height:0}
 .sd-shell.sd-editor-workspace .sd-workspace-surface>.sd-workspace{height:auto}
 .sd-shell.sd-editor-workspace.is-editing.sd-dock-timeline-top:not(.sd-panel-away-timeline) .sd-workspace{grid-template-rows:var(--sd-timeline-height) 380px 600px}
 .sd-editor-workspace.sd-dock-timeline-top .sd-stage-panel{grid-row:2}
 .sd-editor-workspace.sd-dock-timeline-top .sd-bank{grid-row:3}
 .sd-editor-workspace:is(.sd-dock-media-top,.sd-dock-media-bottom) .sd-workspace-surface{min-height:0}
}

/* Keypose extraction has its own slot so camera and video docks remain independent. */
.sd-editor-workspace{--sd-keypose-width:400px;--sd-keypose-height:340px;--sd-keypose-row-height:0px}
.sd-keypose-surface{position:relative;display:grid;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:0 minmax(0,1fr) 0;height:calc(100dvh - 128px);min-height:calc(580px + var(--sd-keypose-row-height) + var(--sd-camera-row-height) + var(--sd-media-row-height));min-width:0}
.sd-shell.sd-editor-workspace .sd-keypose-surface>.sd-camera-surface{grid-column:2;grid-row:2;min-width:0;height:100%;min-height:0}
.sd-shell.sd-editor-workspace.is-fullscreen .sd-keypose-surface{height:calc(100dvh - 70px)}
.sd-dock-keyposes-left .sd-keypose-surface{grid-template-columns:var(--sd-keypose-width) minmax(0,1fr) 0}
.sd-dock-keyposes-right .sd-keypose-surface{grid-template-columns:0 minmax(0,1fr) var(--sd-keypose-width)}
.sd-dock-keyposes-top,.sd-dock-keyposes-bottom{--sd-keypose-row-height:var(--sd-keypose-height)}
.sd-dock-keyposes-top .sd-keypose-surface{grid-template-rows:var(--sd-keypose-height) minmax(0,1fr) 0}
.sd-dock-keyposes-bottom .sd-keypose-surface{grid-template-rows:0 minmax(0,1fr) var(--sd-keypose-height)}
.sd-keypose-surface>#sd-tool-panel-keyposes{position:relative;grid-column:3;grid-row:2;min-width:0;min-height:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);margin-left:8px}
.sd-keypose-surface>#sd-tool-panel-keyposes[data-sd-dock-edge=left]{grid-column:1;margin:0 8px 0 0}
.sd-keypose-surface>#sd-tool-panel-keyposes[data-sd-dock-edge=top]{grid-column:1/-1;grid-row:1;margin:0 0 8px}
.sd-keypose-surface>#sd-tool-panel-keyposes[data-sd-dock-edge=bottom]{grid-column:1/-1;grid-row:3;margin:8px 0 0}
#sd-tool-panel-keyposes:not([hidden]){display:flex;flex-direction:column}
#sd-tool-panel-keyposes>.sd-tool-body{flex:1;min-height:0;height:auto;overflow:hidden;padding:0;overscroll-behavior:contain}
/* Keep progress and actions visible while the result list scrolls inside the tab. */
.sd-tools-specialized>.me-scroll:has(#sd-tool-slot-keyposes:not([hidden])){display:flex;flex-direction:column;overflow:hidden}
.sd-tools-specialized>.me-scroll:has(#sd-tool-slot-keyposes:not([hidden]))>.me-extension{display:flex;flex-direction:column;flex:1;min-height:0}
#sd-tool-slot-keyposes:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
#sd-tool-slot-keyposes>#sd-tool-panel-keyposes{flex:1;min-height:0}
.sd-keypose-resizer{position:absolute;z-index:4;touch-action:none;cursor:col-resize;width:8px;height:100%;left:-8px;top:0;border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-keypose-resizer:focus-visible,.sd-keypose-resizer:hover{background:color-mix(in srgb, var(--cb-hover) 60%, transparent);outline:max(1px, var(--cb-border-width)) solid var(--cb-focus)}
#sd-tool-panel-keyposes[data-sd-dock-edge=left]>.sd-keypose-resizer{left:auto;right:-8px}
#sd-tool-panel-keyposes:is([data-sd-dock-edge=top],[data-sd-dock-edge=bottom])>.sd-keypose-resizer{left:0;right:auto;width:100%;height:8px;cursor:row-resize}
#sd-tool-panel-keyposes[data-sd-dock-edge=top]>.sd-keypose-resizer{top:auto;bottom:-8px}
#sd-tool-panel-keyposes[data-sd-dock-edge=bottom]>.sd-keypose-resizer{top:-8px}
#sd-tool-panel-keyposes:is(.sd-dock-floating,.sd-dock-expanded)>.sd-keypose-resizer,.sd-keypose-resizer[hidden]{display:none!important}
.sd-keypose-preview-badge{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);max-width:calc(100% - 24px);padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.5);border:var(--cb-border-width) solid var(--cb-border-strong);border-radius:calc(var(--cb-radius) * 0.5);background:color-mix(in srgb, var(--cb-preview-surface) 94.90196%, transparent);color:var(--cb-text);font:600 calc(11px * var(--cb-type-scale))/calc(1.4 * var(--cb-leading-scale)) var(--cb-font);box-shadow:var(--cb-shadow)}
.sd-keypose-preview-badge[hidden]{display:none}
.sd-keypose-preview-badge button{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.3);background:var(--cb-preview-surface);color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
@media(max-width:800px){
 .sd-shell.sd-editor-workspace .sd-keypose-surface{height:auto;min-height:0}
 .sd-shell.sd-editor-workspace .sd-keypose-surface>.sd-camera-surface{height:auto}
 .sd-editor-workspace:is(.sd-dock-keyposes-left,.sd-dock-keyposes-right) .sd-keypose-surface{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
 .sd-shell.sd-editor-workspace:is(.sd-dock-keyposes-left,.sd-dock-keyposes-right) .sd-keypose-surface>.sd-camera-surface{grid-column:1;grid-row:1}
 .sd-keypose-surface>#sd-tool-panel-keyposes:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]){grid-column:1;grid-row:2;max-height:520px;margin:8px 0 0}
 .sd-keypose-surface>#sd-tool-panel-keyposes:is([data-sd-dock-edge=left],[data-sd-dock-edge=right])>.sd-keypose-resizer{display:none}
}

/* The camera owns an outer dock slot, independent of the video's inner slot. */
.sd-editor-workspace{--sd-camera-width:350px;--sd-camera-height:280px;--sd-camera-row-height:0px;--sd-media-row-height:0px}
.sd-camera-surface{position:relative;display:grid;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:0 minmax(0,1fr) 0;height:calc(100dvh - 128px);min-height:calc(580px + var(--sd-camera-row-height) + var(--sd-media-row-height));min-width:0}
.sd-shell.sd-editor-workspace .sd-camera-surface>.sd-workspace-surface{grid-column:2;grid-row:2;min-width:0;height:100%;min-height:0}
.sd-shell.sd-editor-workspace.is-fullscreen .sd-camera-surface{height:calc(100dvh - 70px)}
.sd-dock-camera-left .sd-camera-surface{grid-template-columns:var(--sd-camera-width) minmax(0,1fr) 0}
.sd-dock-camera-right .sd-camera-surface{grid-template-columns:0 minmax(0,1fr) var(--sd-camera-width)}
.sd-dock-camera-top{--sd-camera-row-height:var(--sd-camera-height)}
.sd-dock-camera-bottom{--sd-camera-row-height:var(--sd-camera-height)}
.sd-dock-camera-top .sd-camera-surface{grid-template-rows:var(--sd-camera-height) minmax(0,1fr) 0}
.sd-dock-camera-bottom .sd-camera-surface{grid-template-rows:0 minmax(0,1fr) var(--sd-camera-height)}
.sd-editor-workspace:is(.sd-dock-media-top,.sd-dock-media-bottom){--sd-media-row-height:var(--sd-media-height)}
.sd-camera-surface>#sd-tool-panel-camera{position:relative;grid-column:3;grid-row:2;min-width:0;min-height:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);margin-left:8px}
.sd-camera-surface>#sd-tool-panel-camera[data-sd-dock-edge=left]{grid-column:1;margin:0 8px 0 0}
.sd-camera-surface>#sd-tool-panel-camera[data-sd-dock-edge=top]{grid-column:1/-1;grid-row:1;margin:0 0 8px}
.sd-camera-surface>#sd-tool-panel-camera[data-sd-dock-edge=bottom]{grid-column:1/-1;grid-row:3;margin:8px 0 0}
.sd-camera-resizer{position:absolute;z-index:4;touch-action:none;cursor:col-resize;width:8px;height:100%;left:-8px;top:0;border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-camera-resizer:focus-visible,.sd-camera-resizer:hover{background:color-mix(in srgb, var(--cb-hover) 60%, transparent);outline:max(1px, var(--cb-border-width)) solid var(--cb-focus)}
#sd-tool-panel-camera[data-sd-dock-edge=left]>.sd-camera-resizer{left:auto;right:-8px}
#sd-tool-panel-camera:is([data-sd-dock-edge=top],[data-sd-dock-edge=bottom])>.sd-camera-resizer{left:0;right:auto;width:100%;height:8px;cursor:row-resize}
#sd-tool-panel-camera[data-sd-dock-edge=top]>.sd-camera-resizer{top:auto;bottom:-8px}
#sd-tool-panel-camera[data-sd-dock-edge=bottom]>.sd-camera-resizer{top:-8px}
#sd-tool-panel-camera:is(.sd-dock-floating,.sd-dock-expanded)>.sd-camera-resizer,.sd-camera-resizer[hidden]{display:none!important}
.sd-camera-shortcut{position:absolute;top:10px;right:10px;z-index:3;padding:calc(var(--cb-editor-space) * 0.15);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:color-mix(in srgb, var(--cb-raised) 92.94118%, transparent);box-shadow:var(--cb-shadow)}
.sd-camera-shortcut .sd-icon-button{width:29px;height:29px;min-height:29px;padding:5px;border:0;background:transparent}
.sd-camera-shortcut .sd-icon-button[aria-pressed=true]{background:var(--cb-selected);color:var(--cb-on-selected)}
.sd-camera-shortcut{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.1)}
.sd-editor-workspace.is-editing .sd-camera-shortcut{top:52px}
@media(min-width:801px) and (max-width:1200px){
 .sd-shell.sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-workspace{grid-template-columns:minmax(280px,1fr);grid-template-rows:420px 420px;height:auto;min-height:0;row-gap:9px}
 .sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-workspace{grid-template-rows:420px var(--sd-timeline-height) 600px}
 .sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-stage-panel{grid-column:1;grid-row:1}
 .sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-bank{grid-column:1;grid-row:2;min-height:0}
 .sd-editor-workspace.is-editing:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-bank{grid-row:3}
 .sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-timeline-panel{grid-column:1;grid-row:2}
 .sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) :is(.sd-resizer,.sd-timeline-resizer){display:none}
}
@media(min-width:801px) and (max-width:1200px){
 .sd-shell.sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right,.sd-dock-media-left,.sd-dock-media-right) .sd-camera-surface{height:auto;min-height:860px}
 .sd-shell.sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right,.sd-dock-media-left,.sd-dock-media-right) .sd-camera-surface>.sd-workspace-surface{height:auto}
}
@media(max-width:800px){
 .sd-shell.sd-editor-workspace .sd-camera-surface{height:auto;min-height:0}
 .sd-shell.sd-editor-workspace .sd-camera-surface>.sd-workspace-surface{height:auto}
 .sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-camera-surface{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
 .sd-shell.sd-editor-workspace:is(.sd-dock-camera-left,.sd-dock-camera-right) .sd-camera-surface>.sd-workspace-surface{grid-column:1;grid-row:1}
 .sd-camera-surface>#sd-tool-panel-camera:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]){grid-column:1;grid-row:2;max-height:420px;margin:8px 0 0}
 .sd-camera-surface>#sd-tool-panel-camera:is([data-sd-dock-edge=left],[data-sd-dock-edge=right])>.sd-camera-resizer{display:none}
}

/* Use the inner workspace width after camera/video docks consume their own slots. */
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-workspace{grid-template-columns:minmax(280px,1fr) 10px var(--sd-timeline-width) 12px var(--sd-panel-width);grid-template-rows:minmax(420px,1fr);height:100%;min-height:0;gap:0;overflow:auto;overscroll-behavior:contain}
.sd-shell.sd-editor-workspace.is-editing.sd-dock-timeline-left .sd-workspace{grid-template-columns:var(--sd-timeline-width) 10px minmax(280px,1fr) 12px var(--sd-panel-width)}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-stage-panel{grid-column:1;grid-row:1;min-width:0}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-timeline-panel{grid-column:3;grid-row:1;min-width:0}
.sd-shell.sd-editor-workspace.is-editing.sd-dock-timeline-left .sd-stage-panel{grid-column:3}
.sd-shell.sd-editor-workspace.is-editing.sd-dock-timeline-left .sd-timeline-panel{grid-column:1}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-bank{grid-column:5;grid-row:1;min-height:0}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-resizer{grid-column:4;grid-row:1;display:block}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-timeline-resizer{grid-column:2;grid-row:1;display:block;min-height:0;min-width:10px;cursor:col-resize}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-timeline-resizer::after{left:3px;top:calc(50% - 25px);width:4px;height:50px}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-timeline-compact,.sd-panel-away-bank).sd-dock-timeline-right .sd-workspace{grid-template-columns:minmax(280px,1fr) 10px var(--sd-timeline-width)}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-timeline-compact,.sd-panel-away-bank).sd-dock-timeline-left .sd-workspace{grid-template-columns:var(--sd-timeline-width) 10px minmax(280px,1fr)}
.sd-shell.sd-editor-workspace.is-editing.sd-timeline-compact:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-workspace{grid-template-rows:minmax(420px,1fr) 340px;row-gap:10px}
.sd-shell.sd-editor-workspace.is-editing.sd-timeline-compact:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-bank{grid-column:1/-1;grid-row:2}
.sd-shell.sd-editor-workspace.is-editing:is(.sd-timeline-compact,.sd-panel-away-bank):is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-resizer{display:none}
.sd-shell.sd-editor-workspace.is-editing.sd-panel-away-bank:is(.sd-dock-timeline-left,.sd-dock-timeline-right) .sd-workspace{grid-template-rows:minmax(420px,1fr);row-gap:0}
.sd-timeline-panel:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .mpe-bone-tree{flex-basis:150px;width:150px;min-width:115px;max-width:40%}
.sd-timeline-panel:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]) .mpe-tree-row{padding-left:calc(var(--mpe-depth)*7px)}

/* Diagnostics has an independent dock and stops collecting when its panel is hidden. */
.sd-editor-workspace{--sd-performance-width:400px;--sd-performance-height:340px;--sd-performance-row-height:0px}
.sd-performance-surface{position:relative;display:grid;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:0 minmax(0,1fr) 0;height:calc(100dvh - 128px);min-height:calc(580px + var(--sd-performance-row-height) + var(--sd-keypose-row-height) + var(--sd-camera-row-height) + var(--sd-media-row-height));min-width:0}
.sd-shell.sd-editor-workspace .sd-performance-surface>.sd-keypose-surface{grid-column:2;grid-row:2;height:100%;min-height:0;min-width:0}
.sd-shell.sd-editor-workspace.is-fullscreen .sd-performance-surface{height:calc(100dvh - 70px)}
.sd-dock-performance-left .sd-performance-surface{grid-template-columns:var(--sd-performance-width) minmax(0,1fr) 0}
.sd-dock-performance-right .sd-performance-surface{grid-template-columns:0 minmax(0,1fr) var(--sd-performance-width)}
.sd-dock-performance-top,.sd-dock-performance-bottom{--sd-performance-row-height:var(--sd-performance-height)}
.sd-dock-performance-top .sd-performance-surface{grid-template-rows:var(--sd-performance-height) minmax(0,1fr) 0}
.sd-dock-performance-bottom .sd-performance-surface{grid-template-rows:0 minmax(0,1fr) var(--sd-performance-height)}
.sd-performance-panel{position:relative;grid-column:3;grid-row:2;min-width:0;min-height:0;background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);margin-left:8px;display:flex;flex-direction:column}
.sd-performance-panel[hidden]{display:none!important}
.sd-performance-panel[data-sd-dock-edge=left]{grid-column:1;margin:0 8px 0 0}
.sd-performance-panel[data-sd-dock-edge=top]{grid-column:1/-1;grid-row:1;margin:0 0 8px}
.sd-performance-panel[data-sd-dock-edge=bottom]{grid-column:1/-1;grid-row:3;margin:8px 0 0}
.sd-performance-panel:is(.sd-dock-floating,.sd-dock-expanded){margin:0;box-shadow:var(--cb-shadow);overflow:hidden}
.sd-performance-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25);min-height:32px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);flex:0 0 auto;color:var(--cb-text)}
.sd-performance-heading>strong{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);white-space:nowrap;font:600 calc(12px * var(--cb-type-scale))/calc(1.4 * var(--cb-leading-scale)) var(--cb-font)}
.sd-performance-body{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.sd-performance-resizer{position:absolute;z-index:4;touch-action:none;cursor:col-resize;width:8px;height:100%;left:-8px;top:0;border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-performance-resizer:focus-visible,.sd-performance-resizer:hover{background:color-mix(in srgb, var(--cb-hover) 60%, transparent);outline:max(1px, var(--cb-border-width)) solid var(--cb-focus)}
.sd-performance-panel[data-sd-dock-edge=left]>.sd-performance-resizer{left:auto;right:-8px}
.sd-performance-panel:is([data-sd-dock-edge=top],[data-sd-dock-edge=bottom])>.sd-performance-resizer{left:0;right:auto;width:100%;height:8px;cursor:row-resize}
.sd-performance-panel[data-sd-dock-edge=top]>.sd-performance-resizer{top:auto;bottom:-8px}
.sd-performance-panel[data-sd-dock-edge=bottom]>.sd-performance-resizer{top:-8px}
.sd-performance-panel:is(.sd-dock-floating,.sd-dock-expanded)>.sd-performance-resizer,.sd-performance-resizer[hidden]{display:none!important}
@media(max-width:1200px){
 .sd-editor-workspace:is(.sd-dock-performance-left,.sd-dock-performance-right) .sd-performance-surface{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto}
 .sd-shell.sd-editor-workspace:is(.sd-dock-performance-left,.sd-dock-performance-right) .sd-performance-surface>.sd-keypose-surface{grid-column:1;grid-row:1;height:auto}
 .sd-performance-panel:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]):not(.sd-dock-floating):not(.sd-dock-expanded){grid-column:1;grid-row:2;height:460px;margin:8px 0 0}
 .sd-performance-panel:is([data-sd-dock-edge=left],[data-sd-dock-edge=right]):not(.sd-dock-floating):not(.sd-dock-expanded)>.sd-performance-resizer{display:none}
}
@media(max-width:800px){
 .sd-shell.sd-editor-workspace .sd-performance-surface{height:auto;min-height:0}
 .sd-shell.sd-editor-workspace .sd-performance-surface>.sd-keypose-surface{height:auto}
}

/* One workspace grid reserves a central viewport; each edge shares its space through tabs. */
.sd-shell.sd-editor-workspace.sd-unified-layout{--sd-region-left-size:0px;--sd-region-right-size:380px;--sd-region-top-size:0px;--sd-region-bottom-size:0px}
.sd-shell.sd-editor-workspace.sd-unified-layout :is(.sd-performance-surface,.sd-keypose-surface,.sd-camera-surface,.sd-workspace-surface){display:contents!important}
.sd-shell.sd-editor-workspace.sd-unified-layout .sd-workspace{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.sd-unified-layout .sd-workspace>:is(.sd-resizer,.sd-timeline-resizer){display:none!important}
.sd-region-board{display:grid;position:relative;min-width:0;grid-template-columns:var(--sd-region-left-size) minmax(360px,1fr) var(--sd-region-right-size);grid-template-rows:var(--sd-region-top-size) minmax(280px,1fr) var(--sd-region-bottom-size);height:calc(100dvh - 155px);min-height:560px;gap:0}
.sd-shell.sd-editor-workspace.sd-unified-layout .sd-region-board>.sd-stage-panel{grid-column:2!important;grid-row:2!important;min-width:0!important;min-height:0!important;height:auto!important;overflow:hidden}
.sd-region-board>[data-sd-dock-region=left]{grid-column:1;grid-row:2;margin-right:8px}
.sd-region-board>[data-sd-dock-region=right]{grid-column:3;grid-row:2;margin-left:8px}
.sd-region-board>[data-sd-dock-region=top]{grid-column:1/-1;grid-row:1;margin-bottom:8px}
.sd-region-board>[data-sd-dock-region=bottom]{grid-column:1/-1;grid-row:3;margin-top:8px}
.sd-unified-layout .sd-dock-region-body>.sd-bank{height:auto!important;display:flex;flex-direction:column;overflow:hidden}
.sd-unified-layout .sd-inspector-heading>strong{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);white-space:nowrap;font:600 calc(12px * var(--cb-type-scale))/calc(1.4 * var(--cb-leading-scale)) var(--cb-font);color:var(--cb-text)}
.sd-editor-staging,.sd-editor-tools[hidden]{display:none!important}
/* The timeline is a tab now. Keep the shared transport reachable while another
   work panel is selected; it continues using the same Studio playback clock. */
.sd-shell.sd-editor-workspace.sd-unified-layout.is-editing .sd-stage-panel>.sd-playback{display:block;padding:10px 12px}
.sd-shell.sd-editor-workspace.sd-unified-layout .sd-stage-panel.has-motion-editor .sd-transport{display:flex}
.sd-shell.sd-editor-workspace.sd-unified-layout .sd-stage-panel.has-motion-editor .sd-now-playing{margin-bottom:8px}
.sd-unified-layout .sd-dock-region-body>.sd-timeline-panel{height:auto;min-height:0!important;overflow:hidden}
.sd-unified-layout .sd-dock-region-body :is(.sd-camera-resizer,.sd-keypose-resizer,.sd-performance-resizer,.sd-media-resizer){display:none!important}
.sd-unified-layout .sd-dock-region-body :is(.mbp-dialog,.mba-dialog,.mpe-processing-dialog)[open]{position:relative;inset:auto;max-width:none;max-height:none;width:100%;margin:0;padding:0}
.sd-unified-layout .sd-dock-region-body :is(.mbp-layout,.mba-controls){min-width:0;min-height:0;overflow:auto;flex:1}
.sd-unified-layout .sd-dock-region-body .mbp-layout{display:flex;flex-wrap:wrap;align-content:flex-start}
.sd-unified-layout .sd-dock-region-body .mbp-layers{width:auto;min-width:180px;flex:1 1 180px}
.sd-unified-layout .sd-dock-region-body .mbp-selector{min-width:240px;flex:2 1 260px}
.sd-unified-layout .sd-dock-region-body .mba-slider-row{grid-template-columns:minmax(70px,1fr) auto auto}
.sd-unified-layout .sd-dock-region-body #sd-attachments>.mpp-panel{margin:0;border:0;padding:0;display:flex;flex-direction:column;min-height:0;flex:1}
.sd-unified-layout .sd-dock-region-body #sd-attachments .mpp-body{min-width:0;min-height:0;overflow:auto;flex:1;padding:8px}
.sd-unified-layout .sd-dock-region-body #sd-attachments .mpp-toolbar{flex-wrap:wrap}
.sd-unified-layout .sd-dock-region-body .sd-tool-body{container-type:inline-size}
.sd-unified-layout .sd-tool-body :is(.mkp-options,.mpl-options,.mgp-options){flex-wrap:wrap}
.sd-unified-layout .sd-stage-top{flex-wrap:wrap;height:auto;min-height:44px}
.sd-unified-layout .sd-character-current strong{max-width:200px}
.sd-unified-layout .sd-stage-top>div{display:flex;flex-wrap:wrap}
.sd-unified-layout .sd-header{align-items:center;gap:calc(var(--cb-editor-space) * 0.5);flex-wrap:wrap}
.sd-unified-layout .sd-header-actions{display:flex;gap:calc(var(--cb-editor-space) * 0.3);flex-wrap:wrap;align-items:center}
.sd-unified-layout .sd-header-actions>.sd-button{min-height:34px;font-size:calc(12px * var(--cb-type-scale))}
.sd-layout-menu>div{width:292px;max-width:calc(100vw - 24px);max-height:min(680px,calc(100dvh - 100px));overflow:auto;overscroll-behavior:contain;padding:calc(var(--cb-editor-space) * 0.5);gap:calc(var(--cb-editor-space) * 0.35)}
.sd-layout-field{display:grid;gap:calc(var(--cb-editor-space) * 0.25);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}
.sd-layout-field input,.sd-layout-field select{width:100%;min-width:0;min-height:32px;box-sizing:border-box;padding:6px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:var(--cb-text);font:calc(12px * var(--cb-type-scale)) var(--cb-font)}
.sd-layout-save-row{display:flex;gap:calc(var(--cb-editor-space) * 0.2)}.sd-layout-save-row .sd-text-button{flex:1;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.25);font-size:calc(11px * var(--cb-type-scale));justify-content:center}
.sd-layout-status{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));color:var(--cb-text);margin:0}
.sd-layout-panel-list{display:grid;grid-template-columns:1fr 1fr;padding-top:calc(var(--cb-editor-space) * 0.25);border-top:var(--cb-border-width) solid var(--cb-border)}
.sd-layout-panel-list .sd-text-button{white-space:normal;font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.2);min-height:34px}
.sd-animation-export{position:relative;font:calc(12px * var(--cb-type-scale)) var(--cb-font);color:var(--cb-text)}
.sd-animation-export>summary{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);min-height:34px;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.45);box-sizing:border-box;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-raised);cursor:pointer;list-style:none;white-space:nowrap}
.sd-animation-export>summary::-webkit-details-marker{display:none}
.sd-animation-export>div{position:absolute;left:0;top:calc(100% + 5px);z-index:1200;width:280px;max-width:calc(100vw - 24px);display:grid;gap:calc(var(--cb-editor-space) * 0.5);padding:calc(var(--cb-editor-space) * 0.65);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-surface);box-shadow:var(--cb-shadow)}
.sd-animation-export label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4)}.sd-animation-export label select{flex:1;min-height:31px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-surface);padding:4px}
.sd-animation-export p{margin:0;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.5 * var(--cb-leading-scale))}
[data-sd-animation-export-status]{display:grid;gap:calc(var(--cb-editor-space) * 0.4);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));overflow-wrap:anywhere}
[data-sd-animation-export-status]:empty{display:none}
.sd-composer-workpanel{display:flex;flex-direction:column;min-width:0;min-height:0}
.sd-composer-workpanel .sd-composer-window{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:auto}
.sd-composer-workpanel .sd-composer-window-body{display:flex;flex-wrap:wrap;min-height:0;overflow:auto}
.sd-composer-workpanel .sd-composer-edit{flex:1 1 340px;min-width:260px}
.sd-composer-workpanel .sd-composer-preview-column{flex:1 1 300px;min-width:260px}
.sd-composer-workpanel .sd-composer-window-footer{flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.4)}
.sd-shell.sd-editor-workspace.sd-unified-layout.sd-regions-compact .sd-region-board{display:flex;flex-direction:column;height:auto;min-height:0;gap:calc(var(--cb-editor-space) * 0.4)}
.sd-shell.sd-editor-workspace.sd-unified-layout.sd-regions-compact .sd-region-board>.sd-stage-panel{order:0;height:440px!important;flex:none;min-height:320px!important}
.sd-regions-compact .sd-region-board>.sd-dock-region{order:1;height:390px;max-height:75dvh;margin:0;flex:none}
.sd-regions-compact .sd-region-board>[data-sd-dock-region=bottom]{order:2}
/* Focus mode owns the whole window, so its board follows the window height instead of
   the 560px design floor. Keeping that floor in a short window pushed the dock tabs
   and the exit control out of reach; without it the board stacks and the shell
   scrolls. The JS region budget reads the same 100dvh - 92px, so size, drag range and
   ARIA share one source of truth. The canvas already has a 100px floor from the
   editor rule above, so the stage row can give space back to the transport strip. */
.sd-shell.is-fullscreen .sd-region-board{min-height:0;height:calc(100dvh - 92px)}