/* Rerun FX editor surfaces: neutral chrome, artwork retains its own color. */
html[data-theme="dark"] body.unified{
  --bg:#171717;--panel:#232323;--panel-2:#2b2b2b;--panel-hi:#353535;
  --line:#404040;--line-soft:#353535;--soft:#353535;
  --text:#f2f2f2;--ink:#f2f2f2;--muted:#a8a8a8;
  --accent:#efefef;--acid:#efefef;--lime:#efefef;--acid-ink:#171717;
  --ui-canvas-dot:#ffffff13;--workspace-dot:#ffffff17;
  --pf-action-green:#efefef;--pf-rail-green:#efefef;
}
html[data-theme="light"] body.unified{
  --bg:#e9e9e9;--panel:#fafafa;--panel-2:#f0f0f0;--panel-hi:#e3e3e3;
  --line:#d3d3d3;--line-soft:#e0e0e0;--soft:#e0e0e0;
  --text:#202020;--ink:#202020;--muted:#686868;
  --accent:#252525;--acid:#252525;--lime:#252525;--acid-ink:#fff;
  --ui-canvas-dot:#00000017;--workspace-dot:#00000018;
  --pf-action-green:#252525;--pf-rail-green:#252525;
}
html[data-theme="dark"] body.unified :is(.workspace-viewport,.workspace-graph){background-color:#171717!important}
html[data-theme="light"] body.unified :is(.workspace-viewport,.workspace-graph){background-color:#e9e9e9!important}
html body.unified .workspace-graph{background-image:radial-gradient(var(--workspace-dot) .7px,transparent .9px)!important;background-size:24px 24px!important}
html[data-theme="dark"] body.unified .topbar{background:#1b1b1b!important}
html[data-theme="light"] body.unified .topbar{background:#f7f7f7!important}
html[data-theme="dark"] body.unified :is(.pf-tracker-library,.tracker-panel,.workspace-graph-node,.workspace-graph-header,.workspace-graph-tools,.workspace-compose-dock){background-color:#232323!important}
html[data-theme="light"] body.unified :is(.pf-tracker-library,.tracker-panel,.workspace-graph-node,.workspace-graph-header,.workspace-graph-tools,.workspace-compose-dock){background-color:#fafafa!important}
html[data-theme="dark"] body.unified :is(.workspace-mode-switch button.active,.workspace-inspector-tabs button.active,.mini-button.active,.chip.active,.segments button.active,.tool.active){background:#3b3b3b!important;color:#fff!important;border-color:#6b6b6b!important}
html[data-theme="light"] body.unified :is(.workspace-mode-switch button.active,.workspace-inspector-tabs button.active,.mini-button.active,.chip.active,.segments button.active,.tool.active){background:#dedede!important;color:#161616!important;border-color:#aaa!important}
html[data-theme="dark"] body.unified :is(.workspace-catalog-kicker,.workspace-graph-header p,.workspace-artboard-label span,.workspace-version,.node-kind){color:#aaa}
html[data-theme="light"] body.unified :is(.workspace-catalog-kicker,.workspace-graph-header p,.workspace-artboard-label span,.workspace-version,.node-kind){color:#666}
html[data-theme="dark"] body.unified :is(input,select,textarea){background:#2b2b2b!important;border-color:#464646!important;color:#f2f2f2!important}
html[data-theme="light"] body.unified :is(input,select,textarea){background:#f6f6f6!important;border-color:#cecece!important;color:#202020!important}
html[data-theme="dark"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme,#workspaceExport){background:#2a2a2a!important;color:#f5f5f5!important;border-color:#515151!important}
html[data-theme="dark"] body.unified .top-actions #workspaceExport{background:#f0f0f0!important;color:#171717!important;border-color:#f0f0f0!important}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme){background:#f6f6f6!important;color:#222!important;border-color:#c9c9c9!important}
html[data-theme="light"] body.unified .top-actions #workspaceExport{background:#252525!important;color:#fff!important;border-color:#252525!important}
html[data-theme="dark"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme,#workspaceExport):hover{background:#414141!important;border-color:#777!important;color:#fff!important}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme,#workspaceExport):hover{background:#444!important;border-color:#444!important;color:#fff!important}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme) .pf-ui-icon{filter:brightness(0)!important}
html[data-theme="dark"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme) .pf-ui-icon{filter:brightness(0) invert(1)!important}
html[data-theme="light"] body.unified .top-actions :is(.pf-icon-only,#workspaceTheme):hover .pf-ui-icon{filter:brightness(0) invert(1)!important}
html[data-theme="light"] body.unified .workspace-rail button .pf-ui-icon{filter:brightness(0)!important}
html[data-theme="dark"] body.unified .workspace-rail button .pf-ui-icon{filter:brightness(0) invert(1)!important}
html[data-theme="dark"] body.unified .workspace-rail button.active{color:#fff!important;background:#3a3a3a!important}
html[data-theme="light"] body.unified .workspace-rail button.active{color:#171717!important;background:#e0e0e0!important}
/* Keep the current tool bright; make available tools quieter until hover or focus. */
html body.unified .workspace-rail button :is(.pf-ui-icon,.pf-toolbar-dots){opacity:.6}
html body.unified .workspace-rail button:is(.active,:hover,:focus-visible) :is(.pf-ui-icon,.pf-toolbar-dots){opacity:1}
html[data-theme="dark"] body.unified .workspace-graph-wires path{stroke:#929292}
html[data-theme="light"] body.unified .workspace-graph-wires path{stroke:#777}
html body.unified .workspace-graph-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 14px 36px #0002}
html body.unified .workspace-catalog-card i{color:var(--text)}
html body.unified :is(.tracker-range,.effect-range,.mask-range,.layer-range){background:#777}
html body.unified .pf-tracking-add:hover{background:var(--panel-hi);border-color:var(--text);color:var(--text)}