/* One established widget vocabulary for the two workspaces. The buttons and
 * color inputs remain their original bound nodes, and use native tool state. */
@layer customer-panel-refinement {
 .editor-page[data-editor-presentation=modern] {--editor-rail-width:54px;--editor-floating-background:rgba(0,0,0,.7)}
 .editor-page[data-editor-presentation=modern] .tool-rail {gap:6px!important;align-items:center;background:none!important;border:0;box-shadow:none;overflow:visible}
 .editor-page[data-editor-presentation=modern] :is(#editor-additional-launchers,#ai-edit-group) {display:flex!important;flex-direction:column;gap:6px!important;position:static!important;inset:auto!important;width:40px!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important}
 .editor-page[data-editor-presentation=modern] :is(#ai-region-panel,#ai-region-handle) {position:static!important;inset:auto!important;box-sizing:border-box;display:grid!important;place-items:center;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
 .editor-page[data-editor-presentation=modern] :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand) {
  display:grid!important;place-items:center;position:static!important;inset:auto!important;box-sizing:border-box;flex:none;
  width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:5px!important;margin:0!important;border:1px solid #555!important;border-radius:4px!important;
  background:rgba(0,0,0,.7)!important;background-image:none!important;backdrop-filter:blur(12px);box-shadow:none!important;translate:none!important;line-height:0;
 }
 .editor-page[data-editor-presentation=modern] :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand):hover {border-color:#888!important}
 .editor-page[data-editor-presentation=modern] :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand):is([aria-pressed=true],[aria-expanded=true]) {border-color:#aaa!important}
 .editor-page[data-editor-presentation=modern] :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand)>:is(svg,.modern-widget-icon) {display:block;margin:0;flex:none;width:26px!important;height:26px!important;max-width:100%;max-height:100%;object-fit:contain}
 .editor-page[data-editor-presentation=modern] :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand)>span:not(.modern-widget-icon) {display:none!important}
 .editor-page[data-editor-presentation=modern] #ai-edit-group>#prometheus-trigger {order:-1}
 .editor-page[data-editor-presentation=modern] :is(#ai-region-title,.ai-region-icon,.prometheus-launcher-mark,.floating-ai-tooltip) {display:none!important}
 .editor-page[data-editor-presentation=modern] #prometheus-trigger::after {content:none!important;display:none!important}
 .editor-page[data-editor-presentation=modern] #editor-toolbar-content {box-sizing:border-box;width:154px!important;background:rgba(0,0,0,.7)!important;backdrop-filter:blur(12px);padding:7px;gap:6px;overflow:auto;overscroll-behavior:contain}
 .editor-page[data-editor-presentation=modern] .editor-tool-grid {flex:none}
 .editor-page[data-editor-presentation=modern] .editor-tool-grid>.editor-tool {display:grid;place-items:center;box-sizing:border-box;padding:6px}
 .editor-page[data-editor-presentation=modern] .editor-tool-grid>.editor-tool>svg {display:block;flex:none;margin:0;max-width:100%;max-height:100%}
 .editor-page[data-editor-presentation=modern] #editor-toolbar-content>.rail-group-bottom:empty {display:none}
 .editor-page[data-editor-presentation=modern] #editor-smart-preview-navigation:not([data-preview-active=true]) {display:none!important}
 .editor-page[data-editor-presentation=modern] #ai-edit-group>.editor-shared-colors {position:relative!important;display:block!important;box-sizing:border-box!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;pointer-events:auto!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>button {position:absolute!important;box-sizing:border-box!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;line-height:1!important;pointer-events:auto!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>.editor-color-swatch {width:23px!important;height:23px!important;border-radius:4px!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>#editor-foreground {left:0!important;top:0!important;right:auto!important;bottom:auto!important;z-index:2}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>#editor-background {right:0!important;bottom:0!important;left:auto!important;top:auto!important;z-index:1}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>:is(#editor-color-swap,#editor-color-reset) {width:14px!important;height:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:13px!important;border-radius:0!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>#editor-color-swap {top:0!important;right:0!important;left:auto!important;bottom:auto!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>#editor-color-reset {bottom:0!important;left:0!important;top:auto!important;right:auto!important}
 .editor-page[data-editor-presentation=modern] .editor-shared-colors>:is(#editor-color-swap,#editor-color-reset)>svg {display:block!important;width:13px!important;height:13px!important;margin:auto!important}
 .editor-page #editor-placement-panel.live-studio #ai-edit-group>.editor-shared-colors {display:none!important}
}

/* Content-sized sections share the native inspector in Editor and Studio.
 * Long lists scroll internally; a short viewport can scroll the whole column. */
.editor-page .inspector-panel {
 grid-template:repeat(3,max-content) / minmax(0,1fr);align-content:start;gap:8px;
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
}
.editor-page .inspector-panel>section {flex:0 0 auto;min-width:0}
.editor-page .inspector-panel .navigator-panel {overflow:visible}
.editor-page .inspector-panel .layers-panel {grid-template:auto auto auto / minmax(0,1fr);align-content:start}
.editor-page .inspector-panel .history-panel {grid-template:auto auto / minmax(0,1fr);align-content:start}
.editor-page .inspector-panel .layers-panel .panel-section-heading {height:auto;flex-wrap:wrap}
.editor-page .inspector-panel .layer-panel-actions {flex-wrap:wrap}
.editor-page .inspector-panel .layer-list {max-height:min(36dvh,24rem)}
/* Reserve the same list footprint as rows are deleted, including empty state.
 * Studio retains its independent inspector layout; mobile sheets borrow this node. */
.editor-page:not(:has(#editor-placement-panel.live-studio[open])) #editor-layers-panel .layer-list {height:min(36dvh,24rem);min-height:min(36dvh,24rem);max-height:min(36dvh,24rem)}
/* The count can wrap this heading by one line; reserve that same footprint. */
.editor-page:not(:has(#editor-placement-panel.live-studio[open])) #editor-layers-panel>.panel-section-heading {min-height:48px;}
.editor-page .inspector-panel .history-list {max-height:min(24dvh,16rem)}