:root[data-focus-workspace=true] .tool-drawer{grid-column:1!important;grid-row:1!important;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.tool-drawer-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 16px;border-bottom:1px solid var(--line)}
.tool-drawer-heading h2{font-size:17px;font-weight:600;line-height:1.4;margin:0}
.tool-drawer-heading button{white-space:nowrap;font-size:12px}
.tool-drawer-body{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;padding:10px}
:root[data-focus-workspace=true] .tool-drawer :is(.media-panel,.style-panel){display:block!important;grid-column:auto!important;height:auto!important;max-height:none!important;min-height:0!important;border:0!important;padding:6px!important;overflow:visible!important;resize:none}
:root[data-focus-workspace=true] .tool-drawer .tool-guide41{display:none!important}
:root[data-focus-workspace=true] .tool-drawer .panel-heading{display:flex!important;justify-content:flex-end;background:none!important;min-height:0!important;padding:0!important;margin:0 0 6px!important}
:root[data-focus-workspace=true] .tool-drawer .panel-heading h2{display:none!important}
:root[data-focus-workspace=true] .tool-drawer:has(.media-panel[data-duo-active=true]) .style-panel{display:none!important}
:root[data-focus-workspace=true][data-tool-drawer=menu] .tool-drawer :is(.media-panel,.style-panel){display:none!important}
:root[data-focus-workspace=true][data-tool-drawer=panel] .studio-nav-v2{display:none!important}
:root[data-focus-workspace=true][data-tool-drawer=menu] .studio-nav-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));position:static!important;gap:8px;width:100%!important;margin:0;padding:0;border:0;background:transparent}
:root[data-focus-workspace=true] .studio-nav-v2 button{display:grid!important;grid-template-columns:24px 1fr;gap:4px 12px!important;align-items:center;text-align:left;min-height:74px!important;padding:14px!important;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
:root[data-focus-workspace=true] .studio-nav-v2 button svg{width:22px;height:22px}
:root[data-focus-workspace=true] .studio-nav-v2 button span{font-size:14px!important;font-weight:600}
:root[data-focus-workspace=true] .studio-nav-v2 button small{grid-column:1/-1;font-size:12px;line-height:1.45;color:var(--muted);font-weight:400}
:root[data-focus-workspace=true] .tool-drawer .ux-templates34[data-v2-visible=true]{display:block!important;overflow:visible!important}
:root[data-focus-workspace=true] .tool-drawer .ux-template-catalog34{display:block!important;overflow:visible!important}
:root[data-focus-workspace=true] .tool-drawer .template-list{height:auto!important;max-height:420px!important;min-height:120px!important;overflow-y:auto!important;resize:none}
:root[data-focus-workspace=true] .workspace > .panel-resizer{display:none!important}
:root[data-focus-workspace=true] .workspace > .preview-column{grid-column:2!important;grid-row:1!important;min-width:0!important}
@media(min-width:1001px){
 :root[data-focus-workspace=true][data-theme] .app-shell > .workspace{display:grid!important;margin:12px 14px 0!important;grid-template-columns:var(--tool-drawer-width,clamp(330px,30vw,460px)) minmax(240px,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:14px!important;min-height:260px!important;height:var(--workspace-height,440px)!important;flex:1 1 440px!important;max-height:none!important}
 :root[data-focus-workspace=true][data-theme] .app-shell{display:flex!important;flex-direction:column;height:100dvh!important;overflow:hidden!important}
 :root[data-focus-workspace=true] .timeline-panel:not(.timeline-collapsed){flex:0 1 280px!important;min-height:180px!important;max-height:45dvh!important}
}
@media(max-width:1000px){
 :root[data-focus-workspace=true],:root[data-focus-workspace=true] body,:root[data-focus-workspace=true] .app-shell{min-width:0!important;width:100%!important;max-width:100%!important}
 :root[data-focus-workspace=true] .app-shell{height:auto!important;overflow:visible!important}
 :root[data-focus-workspace=true] .topbar{display:flex!important;flex-wrap:wrap;gap:12px;height:auto!important}
 :root[data-focus-workspace=true] .top-actions{display:flex!important;flex-wrap:wrap;width:100%;min-width:0}
 :root[data-focus-workspace=true] .timeline-panel{min-width:0!important;max-width:100%;overflow:hidden}
 :root[data-focus-workspace=true] .workspace{display:flex!important;flex-direction:column!important;margin:10px!important;height:auto!important;min-height:0!important}
 :root[data-focus-workspace=true] .workspace > .preview-column{order:0;width:100%!important;min-height:280px}
 :root[data-focus-workspace=true] .tool-drawer{order:1;width:100%;max-height:60dvh}
}