/* Prism Forge 0.36.0: first production UI foundation, scoped to unified workspace.
   Loaded after legacy styles; do not alter effect geometry or canvas coordinates. */
body.unified {
  --pf-space-1:4px; --pf-space-2:8px; --pf-space-3:12px;
  --pf-space-4:16px; --pf-space-5:20px; --pf-space-6:24px;
  --pf-control-height:36px; --pf-control-radius:8px;
  --pf-panel-radius:12px; --pf-focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);
  --pf-inspector-width:300px; --pf-library-width:248px;
}
/* Topbar: recognizable primary action, predictable alignment, no wrapping. */
body.unified .tracker-shell{grid-template-rows:60px minmax(0,1fr) 24px}
body.unified .topbar{min-width:0;gap:16px;padding:10px 16px}
body.unified .top-actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;min-width:0}
body.unified .top-actions>.button,body.unified #workspaceTheme,body.unified .workspace-canvas-button{
  min-height:var(--pf-control-height);height:var(--pf-control-height);
  border-radius:var(--pf-control-radius);padding:0 12px;
  font:500 12px/1.2 var(--sans);white-space:nowrap;
}
/* Panels: consistent inset, visual separation and scrolling ownership. */
body.unified .pf-tracker-library,body.unified .tracker-panel{
  top:12px;bottom:calc(var(--compose-space) + 106px);
  border-radius:var(--pf-panel-radius);box-shadow:var(--ui-panel-shadow);
  overscroll-behavior:contain;
}
body.unified .pf-tracker-library{left:12px;width:var(--pf-library-width);padding:16px}
body.unified .tracker-panel{right:12px;width:var(--pf-inspector-width)}
body.unified .tracker-heading{padding:20px 16px 12px}
body.unified .tracker-controls{padding:0 16px 20px}
body.unified .control-group{padding:18px 0}
body.unified .control-group h2{margin:0 0 12px;font:600 12px/1.35 var(--sans)}
body.unified .field{margin-top:14px}
body.unified .field-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
body.unified .field-label output{font-variant-numeric:tabular-nums}
/* A single UI control size throughout the inspector. Exclude color, checkboxes and ranges. */
body.unified :is(.mini-button,.button-grid button,.composition-add-row button,.composition-layer-actions button,.composition-effect-add button,.workspace-artboard-menu button,.workspace-font-row>button){
  min-height:var(--pf-control-height);border-radius:var(--pf-control-radius);
  padding:7px 10px;font:500 11px/1.35 var(--sans);
}
body.unified :is(.tracker-controls,.pf-tracker-library) :is(select,input[type=text],input[type=number],input[type=search],textarea){
  min-height:var(--pf-control-height);border-radius:var(--pf-control-radius);
  line-height:1.4;font-size:12px;max-width:100%;
}
body.unified .button-grid{gap:8px}
body.unified :is(.tracker-controls,.pf-tracker-library) :is(button,select,input,textarea):focus-visible,
body.unified :is(.workspace-rail,.workspace-compose-dock,.top-actions) :is(button,select,input):focus-visible{
  outline:2px solid var(--accent)!important;outline-offset:2px!important;
  box-shadow:var(--pf-focus-ring)!important;
}
body.unified .workspace-inspector-tabs button{min-height:32px;padding:6px 3px}
body.unified .workspace-hint,body.unified .control-note{line-height:1.55}
/* Timeline controls should be legible and operable, including selected ranges. */
body.unified .workspace-compose-dock{margin:0 12px;border-radius:var(--pf-panel-radius)}
body.unified .workspace-compose-bar{padding:9px 14px;gap:12px;min-height:42px}
body.unified :is(.compose-toolbar,.compose-footer){gap:8px}
body.unified :is(.compose-toolbar button,.compose-toolbar select,.compose-footer button,.compose-footer select){min-height:32px;height:32px;padding:0 10px;font:500 11px/1.2 var(--sans)}
body.unified .compose-range:focus-visible,body.unified .compose-range-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Responsive breakpoints keep controls usable without changing canvas-world layout. */
@media(max-width:1250px){body.unified{--pf-library-width:215px;--pf-inspector-width:260px}}
@media(max-width:960px){
  body.unified{--pf-library-width:192px;--pf-inspector-width:238px}
  body.unified .topbar{padding:8px 10px;gap:8px}
  body.unified .top-actions{gap:5px}
  body.unified .top-actions>.button,body.unified #workspaceTheme{padding:0 8px;font-size:11px}
  body.unified .pf-tracker-library{left:8px;padding:12px}
  body.unified .tracker-panel{right:8px}
  body.unified .tracker-controls{padding:0 12px 16px}
  body.unified .workspace-compose-dock{margin:0 8px}
}
@media(max-width:650px){
  body.unified .pf-tracker-library,body.unified .tracker-panel{max-height:min(60vh,560px)}
  body.unified .tracker-panel{width:min(260px,calc(100vw - 24px))}
  body.unified .pf-tracker-library{width:min(210px,calc(100vw - 24px))}
  body.unified .workspace-compose-bar{padding:7px 9px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  body.unified :is(button,input,select,.workspace-card,.workspace-artboard){transition-duration:0.01ms!important}
}

/* 0.36.1: supplied icon set. Hover/focus tool labels remain accessible. */
body.unified .workspace-rail button{position:relative;min-width:38px;width:38px;height:38px;padding:6px;display:flex;align-items:center;justify-content:center}
body.unified .workspace-rail button .pf-ui-icon{width:19px;height:20px;object-fit:contain;display:block}
body.unified .workspace-rail button>span{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);border-radius:6px;background:var(--panel);color:var(--text);padding:6px 9px;font:500 11px/1.3 var(--sans);white-space:nowrap;pointer-events:none;border:1px solid var(--line);box-shadow:var(--ui-float-shadow);z-index:60}
body.unified .workspace-rail button:hover>span,body.unified .workspace-rail button:focus-visible>span{display:block}
body.unified .top-actions .pf-icon-only,body.unified #workspaceTheme{min-width:36px;width:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
body.unified .pf-icon-only .pf-ui-icon,body.unified #workspaceTheme .pf-ui-icon{width:20px;height:20px;object-fit:contain}
body.unified #workspaceTheme .pf-ui-icon{width:25px;height:25px}
body.unified .top-actions #workspaceExport{padding:0 10px;min-width:0}
body.unified .workspace-rail{gap:4px}

/* Resolve resolution-selector/dimensions collision within the right inspector. */
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>label{margin:0}
body.unified .tracker-controls #imageExportMode{display:block;width:100%;min-width:0;height:36px;flex:none;position:relative}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;position:static;margin:0;min-width:0}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two label{min-width:0;display:block}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two input{box-sizing:border-box;display:block;width:100%;margin-top:5px;min-width:0}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.workspace-hint{margin:2px 0 0}

/* 0.36.2 — screenshot-guided layout refinement; presentation only. */
body.unified .tracker-workspace{--pf-edge:12px}
/* The entire stage is a live canvas; collapsed Compose and tools float above it. */
body.unified .tracker-stage{display:block!important;padding:0!important;inset:0!important}
body.unified .workspace-viewport{position:absolute!important;inset:0!important;min-height:0!important}
body.unified .workspace-compose-dock{position:absolute!important;grid-row:auto;bottom:72px;left:50%;transform:translateX(-50%);z-index:24;margin:0!important;max-width:calc(100% - 24px);width:min(920px,calc(100% - 44px));overflow:visible}
body.unified .workspace-compose-dock.collapsed{width:max-content;max-width:calc(100% - 24px);justify-self:auto}
body.unified .workspace-compose-bar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;padding:6px 10px;min-height:38px;gap:9px}
body.unified .workspace-rail{bottom:13px;max-width:calc(100% - 165px);padding:5px 7px;gap:5px;overflow:visible}
body.unified .workspace-rail button{min-width:38px;width:38px;height:38px;flex-shrink:0;border-radius:8px}
body.unified .tracker-hud{bottom:13px;left:12px;max-width:none;border-radius:9px;padding:4px}
body.unified .pf-tracker-library,body.unified .tracker-panel{top:12px;bottom:88px;height:auto;max-height:none;overflow-y:auto;scrollbar-gutter:stable}
body.unified .tracker-panel{overflow-y:auto}
body.unified .tracker-controls{overflow:visible;min-width:0}
body.unified .tracker-controls .control-group{min-width:0}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]{display:flex!important;flex-direction:column!important;gap:10px!important;padding-bottom:10px;align-items:stretch!important}
body.unified .tracker-controls #imageExportMode{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:36px!important;height:36px!important;position:static!important;float:none!important}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%;align-items:start;margin:0!important}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two label{display:flex!important;flex-direction:column!important;gap:5px;min-width:0!important;margin:0!important;font-size:11px}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.button-grid.two input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:36px!important;margin:0!important;position:static!important}
body.unified .tracker-controls .field[aria-label="PNG resolution settings"]>.workspace-hint{margin:2px 0 0!important;line-height:1.6}
body.unified .top-actions{align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
body.unified .top-actions #workspaceExport{height:36px;min-height:36px;padding:0 11px!important;display:inline-flex;align-items:center;justify-content:center}
body.unified #workspaceTheme .pf-moon-icon{font:26px/1 var(--sans);display:flex;align-items:center;justify-content:center}
body.unified .workspace-library{scrollbar-gutter:stable}
body.unified .workspace-rail button .pf-ui-icon{width:20px;height:20px}
/* Keep selected state readable in both themes without recoloring the supplied artwork. */
body.unified .workspace-rail button.active{outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
body.unified .workspace-rail button:focus-visible{z-index:80}
@media(max-width:960px){body.unified .workspace-rail{max-width:calc(100% - 120px);overflow-x:auto;overflow-y:hidden}body.unified .tracker-hud{bottom:65px}body.unified .workspace-compose-dock{bottom:120px}body.unified .pf-tracker-library,body.unified .tracker-panel{bottom:140px}}
@media(max-width:650px){body.unified .workspace-rail{left:50%;max-width:calc(100% - 18px);gap:3px}body.unified .workspace-rail button{width:36px;min-width:36px}body.unified .tracker-hud{bottom:69px}body.unified .workspace-compose-dock{bottom:120px}body.unified .top-actions{gap:4px!important}}

/* v0.36.3: non-overlapping, media-aware Compose layout. Shared web/Electron CSS. */
body.unified .tracker-workspace{--pf-compose-height:286px}
body.unified .tracker-stage{position:absolute!important;inset:0!important;display:block!important}
body.unified .workspace-viewport{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;min-height:0!important}
body.unified .tracker-workspace.pf-compose-open .workspace-viewport{bottom:var(--pf-compose-height)!important}
body.unified .workspace-compose-dock{position:absolute!important;bottom:60px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(900px,calc(100% - 40px))!important;max-width:calc(100% - 40px)!important;max-height:calc(100% - 90px)!important;z-index:24}
body.unified .tracker-workspace.pf-compose-open .workspace-compose-dock{bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;height:var(--pf-compose-height)!important;max-height:70%!important;border-radius:12px 12px 0 0!important;display:flex;flex-direction:column;overflow:hidden!important}
body.unified .workspace-compose-dock.collapsed{bottom:62px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 32px)!important;height:auto!important;overflow:visible!important}
body.unified .pf-compose-resize{height:8px;flex:none;cursor:ns-resize;background:transparent;position:relative;touch-action:none}
body.unified .pf-compose-resize:after{content:'';position:absolute;width:55px;height:3px;left:calc(50% - 27px);top:2px;background:var(--line);border-radius:3px}
body.unified .workspace-compose-dock.collapsed .pf-compose-resize{display:none}
body.unified .workspace-compose-bar{flex:none;flex-wrap:nowrap;justify-content:space-between}
body.unified .workspace-compose-dock #trackerTimeline{flex:1;min-height:0;overflow-y:auto}
body.unified .workspace-rail{bottom:12px!important;z-index:35}
body.unified .tracker-workspace.pf-compose-open .workspace-rail{bottom:calc(var(--pf-compose-height) + 10px)!important}
body.unified .tracker-workspace.pf-compose-open .tracker-hud{bottom:calc(var(--pf-compose-height) + 10px)!important}
body.unified .pf-tracker-library,body.unified .tracker-panel{bottom:62px!important}
body.unified .tracker-workspace.pf-compose-open .pf-tracker-library,body.unified .tracker-workspace.pf-compose-open .tracker-panel{bottom:calc(var(--pf-compose-height) + 12px)!important}
body.unified .workspace-rail button .pf-ui-icon{width:20px;height:20px;object-fit:contain;image-rendering:auto}
body.unified .workspace-rail button.active{outline:none!important;box-shadow:inset 0 0 0 1px var(--accent)}
body.unified .workspace-rail button>span{bottom:calc(100% + 12px)}
body.unified .pf-compose-arrow{width:14px;height:14px;object-fit:contain;vertical-align:middle}
body.unified .workspace-compose-dock #composeFocus{display:inline-flex;gap:3px;align-items:center}
body.unified #workspaceTheme .pf-ui-icon{width:22px;height:22px}
body.unified .workspace-rail button:hover>span{z-index:120}
@media(max-width:800px){body.unified .tracker-workspace.pf-compose-open .workspace-rail{bottom:calc(var(--pf-compose-height) + 10px)!important}body.unified .workspace-compose-dock.collapsed{bottom:112px!important}body.unified .tracker-workspace.pf-compose-open .workspace-compose-dock{max-height:62% !important}body.unified .workspace-compose-bar #composeSummary{display:none}}
/* Intentional inspector empty states. Keep section titles but eliminate inert blank columns. */
body.unified .workspace-compose-dock.collapsed #composeFocus{min-height:30px}
body.unified .workspace-graph{bottom:0}
body.unified .tracker-workspace.pf-compose-open .workspace-graph{bottom:0}
body.unified .workspace-inspector-tabs{flex-wrap:nowrap}
body.unified .tracker-panel .control-group:empty{display:none}
body.unified .top-actions .pf-theme-toggle[data-active-theme='light'] .pf-ui-icon{filter:none}

/* v0.36.4 — web-first contextual toolbar and Compose presentation. */
body.unified .workspace-compose-dock.collapsed{display:none!important}
body.unified .workspace-rail{gap:4px!important;align-items:center;overflow:visible!important;transition:transform .16s ease,opacity .16s ease,bottom .16s ease}
body.unified .workspace-rail button{width:42px;min-width:42px!important;height:40px!important;position:relative;flex:0 0 auto;display:grid;place-items:center;padding:5px!important}
body.unified .workspace-rail button .pf-ui-icon{width:21px;height:21px;object-fit:contain}
body.unified .workspace-rail button[data-panel='effects'],body.unified .workspace-rail button[data-panel='tools'],body.unified #workspaceComposeTool{margin-left:9px}
body.unified .workspace-rail button[data-panel='effects']:before,body.unified .workspace-rail button[data-panel='tools']:before,body.unified #workspaceComposeTool:before{content:'';position:absolute;left:-7px;top:10px;height:20px;border-left:1px solid var(--line);pointer-events:none}
body.unified .workspace-rail button.active{box-shadow:none!important;outline:1px solid var(--accent)!important;outline-offset:-1px}
body.unified .workspace-rail button>span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:none;white-space:nowrap;padding:5px 9px;border-radius:6px;background:var(--panel-hi);border:1px solid var(--line);color:var(--text);pointer-events:none;font-size:11px;z-index:80}
body.unified .workspace-rail button:is(:hover,:focus-visible)>span{display:block}
body.unified .workspace-compose-dock:not(.collapsed) .pf-compose-heading{font-size:12px;color:var(--text)}
body.unified .tracker-workspace.pf-compose-open .workspace-rail{bottom:calc(var(--pf-compose-height) + 8px)!important;transform:translate(-50%,calc(100% - 10px));opacity:.32;z-index:40}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within){transform:translate(-50%,-4px);opacity:1}
body.unified .tracker-workspace.pf-compose-open .workspace-rail button>span{bottom:calc(100% + 10px)}
body.unified .workspace-rail button:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}
body.unified #workspaceComposeTool .pf-ui-icon{width:23px;height:23px}
body.unified #workspaceComposeTool .pf-toolbar-dots{display:none;width:23px;height:23px;fill:currentColor}
body.unified .tracker-workspace.pf-compose-open #workspaceComposeTool .pf-ui-icon{display:none}
body.unified .tracker-workspace.pf-compose-open #workspaceComposeTool .pf-toolbar-dots{display:block}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within,.pf-rail-expanded) #workspaceComposeTool .pf-ui-icon{display:block}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within,.pf-rail-expanded) #workspaceComposeTool .pf-toolbar-dots{display:none}
/* dark source icons remain recognizable; use dark green icon tint on light surfaces */
html[data-theme='light'] body.unified .workspace-rail .pf-ui-icon{filter:brightness(0) saturate(100%) invert(26%) sepia(34%) saturate(1158%) hue-rotate(76deg) brightness(88%) contrast(93%)}
html[data-theme='dark'] body.unified .workspace-rail .pf-ui-icon{filter:none}
@media(max-width:800px){body.unified .workspace-rail{max-width:calc(100% - 20px);overflow-x:auto!important}body.unified .workspace-rail button{min-width:36px!important;width:36px!important}body.unified .tracker-workspace.pf-compose-open .workspace-rail{bottom:calc(var(--pf-compose-height) + 8px)!important}}
@media(prefers-reduced-motion:reduce){body.unified .workspace-rail{transition:none!important}}


/* v0.36.5 — corrected Compose-expanded toolbar minimization and top action button color parity. */
/* Theme-specific controls: restore the v0.36.4 dark appearance. */
html[data-theme='dark'] body.unified .top-actions .pf-icon-only,
html[data-theme='dark'] body.unified #workspaceTheme{
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 1px 1px #00000008!important;
  color:var(--text)!important;
}
html[data-theme='dark'] body.unified .top-actions .pf-icon-only:hover,
html[data-theme='dark'] body.unified #workspaceTheme:hover{
  background:var(--panel-hi)!important;
  border-color:color-mix(in srgb,var(--text) 24%,var(--line))!important;
  filter:none!important;
}
html[data-theme='dark'] body.unified :is(.top-actions .pf-icon-only,.pf-theme-toggle) .pf-ui-icon{filter:none!important}
/* Light: dark-green matching the primary Download control, rather than acid lime. */
html[data-theme='light'] body.unified{--pf-brand-green:#3b6728}
html[data-theme='light'] body.unified .top-actions .pf-icon-only,
html[data-theme='light'] body.unified #workspaceTheme{
  background:var(--pf-brand-green)!important;
  border:1px solid var(--pf-brand-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-theme='light'] body.unified .top-actions .pf-icon-only:hover,
html[data-theme='light'] body.unified #workspaceTheme:hover{
  background:#315722!important;
  border-color:#315722!important;
  filter:none!important;
}
html[data-theme='light'] body.unified :is(.top-actions .pf-icon-only,.pf-theme-toggle) .pf-ui-icon{filter:brightness(0) invert(1)!important}
html[data-theme='light'] body.unified .top-actions #workspaceExport{
  background:var(--pf-brand-green)!important;
  border-color:var(--pf-brand-green)!important;
  color:#fff!important;
}
html[data-theme='light'] body.unified .workspace-rail .pf-ui-icon{
  filter:brightness(0) saturate(100%) invert(32%) sepia(23%) saturate(1226%) hue-rotate(59deg) brightness(91%) contrast(94%)!important;
}
body.unified .top-actions .pf-icon-only,
body.unified #workspaceTheme,
body.unified .top-actions #workspaceExport{border-radius:9px!important}

body.unified .tracker-workspace.pf-compose-open .workspace-rail{
  bottom:calc(var(--pf-compose-height) - 22px)!important;
  transform:translate(-50%,0)!important;
  opacity:1!important;
  padding:4px!important;
  gap:0!important;
  max-width:none!important;
  overflow:hidden!important;
  border-radius:16px!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail > button{
  width:0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border:0!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail > button:before{display:none!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail #workspaceComposeTool{
  width:42px!important;
  min-width:42px!important;
  height:40px!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:visible!important;
  margin:0!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within){
  padding:5px 7px!important;
  gap:4px!important;
  overflow:visible!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within) > button{
  width:42px!important;
  min-width:42px!important;
  height:40px!important;
  padding:5px!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within) #workspaceComposeTool{margin-left:9px!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within) #workspaceComposeTool:before{display:block!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail #workspaceComposeTool > span{
  bottom:calc(100% + 10px)!important;
}
@media(max-width:800px){
  body.unified .tracker-workspace.pf-compose-open .workspace-rail{bottom:calc(var(--pf-compose-height) - 18px)!important}
}


/* v0.36.7 Replica-guided visual contract — FINAL, narrowly scoped selectors.
   Keep native icon pixels; treat action green and rail icon green separately.
   Dark header buttons intentionally keep original outlined surfaces. */
html[data-theme="light"] body.unified{
  --pf-action-green:#3b6728;
  --pf-rail-green:#00551b;
}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme,#workspaceExport){
  background:var(--pf-action-green)!important;
  border:1px solid var(--pf-action-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme,#workspaceExport):hover{
  background:#315722!important;border-color:#315722!important;
}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme) .pf-ui-icon{
  filter:brightness(0) invert(1)!important;
}
html[data-theme="light"] body.unified .workspace-rail button .pf-ui-icon{
  filter:brightness(0) saturate(100%) invert(19%) sepia(74%) saturate(885%) hue-rotate(95deg) brightness(92%) contrast(105%)!important;
}
html[data-theme="dark"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme){
  background:var(--panel)!important;border:1px solid var(--line)!important;
  color:var(--text)!important;box-shadow:0 1px 1px #00000008!important;
}
html[data-theme="dark"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme) .pf-ui-icon,
html[data-theme="dark"] body.unified .workspace-rail button .pf-ui-icon{filter:none!important;}
/* The compact Compose trigger is never visually disabled; reveal stays keyboard-accessible. */
body.unified .tracker-workspace.pf-compose-open .workspace-rail #workspaceComposeTool{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail:focus-within{
  overflow:visible!important;
}

/* v0.36.8 visual stabilization: spacing and accessible dock/toolbar at compact sizes.
   No changes to canvas geometry, timelines, or processing engines. */
body.unified .workspace-rail button{touch-action:manipulation}
body.unified .workspace-rail button .pf-ui-icon{object-position:center}
body.unified .workspace-rail button:focus-visible{position:relative;z-index:90}
body.unified .workspace-compose-dock:not(.collapsed) .workspace-compose-bar{min-width:0;gap:8px}
body.unified .workspace-compose-dock:not(.collapsed) #composeFocus{flex-shrink:0;min-width:72px;justify-content:center}
body.unified .tracker-workspace.pf-compose-open .workspace-rail #workspaceComposeTool{
  background:var(--panel-hi)!important;
  border-radius:10px!important;
}
body.unified .tracker-workspace.pf-compose-open .workspace-rail #workspaceComposeTool:focus-visible{
  outline:2px solid var(--accent)!important;outline-offset:2px!important;
}
@media(max-width:960px){
 body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within){
  max-width:calc(100% - 24px)!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  overscroll-behavior-x:contain;
 }
 body.unified .tracker-workspace.pf-compose-open .workspace-rail:is(:hover,:focus-within) button{flex-shrink:0!important}
 body.unified .workspace-compose-dock:not(.collapsed) .workspace-compose-bar{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
 body.unified .workspace-rail,body.unified .workspace-rail button{transition:none!important}
}

/* The ellipsis can pin the toolbar open on touch devices and keyboard activation. */
body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded{padding:5px 7px!important;gap:4px!important;overflow:visible!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded > button{width:42px!important;min-width:42px!important;height:40px!important;padding:5px!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded #workspaceComposeTool{margin-left:9px!important}
body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded #workspaceComposeTool:before{display:block!important}
@media(max-width:960px){body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded{max-width:calc(100% - 24px)!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain}body.unified .tracker-workspace.pf-compose-open .workspace-rail.pf-rail-expanded button{flex-shrink:0!important}}
body.unified .workspace-music-trim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
body.unified .workspace-music-trim label{display:grid;gap:4px;font-size:11px}
body.unified .workspace-music-trim input{width:100%;min-width:0;box-sizing:border-box}

/* v0.36.9 Creative Discovery: reusable, low-cost filters over existing effect cards. */
body.unified .pf-discovery-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 10px}
body.unified .pf-discovery-filter{border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:6px 8px;border-radius:999px;font:500 10px/1.3 var(--sans);cursor:pointer}
body.unified .pf-discovery-filter.active{background:var(--accent);color:var(--acid-ink);border-color:var(--accent)}
body.unified .pf-discovery-card{position:relative;min-width:0}
body.unified .pf-discovery-card .workspace-card{height:100%}
body.unified .pf-discovery-favorite{position:absolute;top:5px;right:5px;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0002}
body.unified .pf-discovery-favorite[aria-pressed='true']{color:var(--accent)}
body.unified .pf-discovery-card :is(.workspace-card,.pf-discovery-favorite):focus-visible,body.unified .pf-discovery-filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* v0.37.3 — explicit non-destructive tracking stack action */
body.unified .pf-tracking-add{display:block;width:max-content;max-width:calc(100% - 12px);margin:7px auto 10px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);font:600 10px/1.2 var(--sans);white-space:nowrap;text-align:center;cursor:pointer}
body.unified .pf-tracking-add:hover{border-color:var(--accent);color:var(--accent)}
body.unified .pf-tracking-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}