/* Editor chrome only. Canvas content, snapshot frames, drag surfaces, panel
   widths, portal stacking and gradient geometry keep their owners. */
[data-site-editor-root] :is(
  [data-editor-main-toolbar], [data-editor-blocks-panel],
  [data-editor-inspector-panel], [data-editor-page-menu],
  [data-editor-mobile-toolbar], [data-editor-website-preview-toolbar], [data-editor-context-bar]
),
:is([data-editor-version-history-dialog], [data-editor-media-dialog],
  [data-editor-library-placement-dialog], [data-editor-block-picker], [data-editor-header-row-add-content],
  [data-editor-confirmation], [data-editor-structure-studio], [data-editor-element-conversion-picker]),
body:has([data-site-editor-root]) :is(.page-template-picker, .etl-preview-dialog) {
  --editor-experience-surface: #ffffff;
  --editor-experience-soft: #f1f6fc;
  --editor-experience-line: #d4e1ec;
  --editor-experience-ink: #162c44;
  --editor-experience-muted: #526a80;
  --editor-experience-accent: #066d86;
  --editor-experience-tint: #e7f6fb;
  --editor-experience-violet: #6954b5;
  --editor-experience-heading: linear-gradient(115deg, #e8f8fc, #f1f0fc 75%, #ffffff);
  --editor-experience-active: linear-gradient(115deg, #79e4ef, #b5d9fd);
  --editor-experience-shadow: 0 5px 20px #1839560a;
}
[data-site-editor-root].dark :is(
  [data-editor-main-toolbar], [data-editor-blocks-panel],
  [data-editor-inspector-panel], [data-editor-page-menu],
  [data-editor-mobile-toolbar], [data-editor-website-preview-toolbar], [data-editor-context-bar]
),
:is([data-editor-version-history-dialog], [data-editor-media-dialog],
  [data-editor-library-placement-dialog], [data-editor-block-picker], [data-editor-header-row-add-content],
  [data-editor-confirmation], [data-editor-structure-studio], [data-editor-element-conversion-picker]).dark,
.operator-theme-shell[data-editor-element-conversion-picker],
body:has([data-site-editor-root].dark) [data-editor-header-row-add-content],
body:has([data-site-editor-root]) .dark :is(.page-template-picker, .etl-preview-dialog) {
  --editor-experience-surface: #0d1a2a;
  --editor-experience-soft: #122438;
  --editor-experience-line: #2b435a;
  --editor-experience-ink: #e8f3ff;
  --editor-experience-muted: #adc0d4;
  --editor-experience-accent: #8de6f3;
  --editor-experience-tint: #153548;
  --editor-experience-violet: #c2b8ff;
  --editor-experience-heading: linear-gradient(115deg, #123248, #1b2541 75%, #0d1a2a);
  --editor-experience-shadow: 0 5px 20px #00000020;
}

/* Command strip and equally weighted libraries. No sizing rules. */
[data-site-editor-root] [data-editor-main-toolbar] {
  background: var(--editor-experience-heading) !important;
  border-color: var(--editor-experience-line) !important;
  box-shadow: 0 1px 0 #69cfe51c, 0 4px 18px #102f4610;
}
[data-site-editor-root] :is([data-editor-blocks-panel], [data-editor-inspector-panel]) {
  background: var(--editor-experience-surface) !important;
  border-color: var(--editor-experience-line) !important;
  box-shadow: var(--editor-experience-shadow);
}
[data-site-editor-root] :is([data-editor-blocks-panel] > [data-slot="tabs"] > div:first-child,
  [data-editor-inspector-navigation]) {
  background: var(--editor-experience-heading);
  border-color: var(--editor-experience-line) !important;
}
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) {
  background: var(--editor-experience-soft) !important;
  border-color: var(--editor-experience-line) !important;
  border-radius: 12px;
  box-shadow: inset 0 1px 2px #102c4210;
}
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"] {
  color: var(--editor-experience-muted);
  border-radius: 8px;
  transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="active"] {
  background: var(--editor-experience-active) !important;
  color: #0b3046 !important;
  box-shadow: 0 2px 6px #153e5624, inset 0 1px 0 #ffffff75;
  font-weight: 700;
}
@media (hover: hover) {
  [data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="inactive"]:hover {
    background: var(--editor-experience-tint);
    color: var(--editor-experience-ink);
  }
}
[data-site-editor-root] [data-editor-main-toolbar] button[aria-label^="Choose page"] {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-surface);
  box-shadow: 0 1px 3px #15364c0c;
}
[data-site-editor-root] [data-editor-save-status] { color: var(--editor-experience-muted); }
[data-site-editor-root] [data-editor-page-menu] {
  border-color: var(--editor-experience-line) !important;
  background: var(--editor-experience-surface) !important;
  box-shadow: 0 16px 40px #03132130;
}
[data-site-editor-root] :is([data-editor-context-bar], [data-editor-website-preview-toolbar]) {
  background: var(--editor-experience-surface) !important;
  border-color: var(--editor-experience-line) !important;
}

/* Native collection rows preserve bounds and drag previews. */
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection] {
  background: var(--editor-experience-surface) !important;
  border-color: var(--editor-experience-line);
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection-trigger] {
  background: var(--editor-experience-surface) !important;
  color: var(--editor-experience-ink);
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection-trigger] > span:first-child {
  background: var(--editor-experience-tint);
  color: var(--editor-experience-accent);
  border-radius: 10px;
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection]:nth-child(3n + 2) > summary > span:first-child {
  color: var(--editor-experience-violet);
  background: color-mix(in srgb, var(--editor-experience-violet) 10%, var(--editor-experience-surface));
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection][open] > summary {
  background: var(--editor-experience-heading) !important;
  box-shadow: inset 3px 0 0 var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection] > div {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-soft);
}
[data-site-editor-root] [data-editor-blocks-panel] [data-editor-palette-item] {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-surface);
  box-shadow: 0 1px 3px #102f4608;
}
[data-site-editor-root] [data-editor-blocks-panel] :is([data-editor-element-group],
  [data-editor-section-group], [data-editor-library-category]) {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-surface);
}
@media (hover: hover) {
  [data-site-editor-root] [data-editor-blocks-panel] [data-editor-library-collection-trigger]:hover {
    background: var(--editor-experience-tint) !important;
  }
  [data-site-editor-root] [data-editor-blocks-panel] :is([data-editor-palette-item],
    [data-editor-element-group], [data-editor-section-group], [data-editor-library-category]):hover:not(:disabled) {
    border-color: var(--editor-experience-accent);
    box-shadow: 0 3px 12px #24779814;
  }
}
[data-site-editor-root] [data-editor-blocks-panel] input[aria-label^="Search"] {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-surface);
  color: var(--editor-experience-ink);
  box-shadow: 0 2px 8px #102f4608;
}
[data-site-editor-root] [data-editor-blocks-panel] input[aria-label^="Search"]::placeholder {
  color: var(--editor-experience-muted);
  opacity: 1;
}

/* Templates chrome never targets preview contents. */
[data-site-editor-root] [data-editor-blocks-panel] .editor-template-library {
  --etl-ink: var(--editor-experience-ink);
  --etl-muted: var(--editor-experience-muted);
  --etl-line: var(--editor-experience-line);
  --etl-panel: var(--editor-experience-surface);
  --etl-soft: var(--editor-experience-soft);
  --etl-accent: var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-blocks-panel] .etl-collections {
  border-color: var(--editor-experience-line);
  border-radius: 12px;
  box-shadow: var(--editor-experience-shadow);
}
[data-site-editor-root] [data-editor-blocks-panel] .etl-collection[open] > summary {
  background: var(--editor-experience-heading);
  box-shadow: inset 3px 0 0 var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-blocks-panel] .etl-collection-icon {
  border-radius: 10px;
  background: var(--editor-experience-tint);
  color: var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-blocks-panel] .etl-card-copy {
  background: var(--editor-experience-surface);
}
[data-site-editor-root] [data-editor-blocks-panel] .etl-empty {
  border: 1px dashed var(--editor-experience-line);
  border-radius: 14px;
  background: var(--editor-experience-heading);
}

/* One media entry point; upload and stock handling remain shared. */
[data-site-editor-root] [data-editor-blocks-panel] .editor-media-sidebar {
  --ems-ink: var(--editor-experience-ink);
  --ems-muted: var(--editor-experience-muted);
  --ems-line: var(--editor-experience-line);
  --ems-panel: var(--editor-experience-surface);
  --ems-soft: var(--editor-experience-soft);
  --ems-accent: var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-blocks-panel] .ems-upload {
  background: var(--editor-experience-heading);
  border-radius: 14px;
}
[data-site-editor-root] [data-editor-blocks-panel] .ems-empty {
  border: 1px dashed var(--editor-experience-line);
  border-radius: 14px;
  background: var(--editor-experience-soft);
}
[data-site-editor-root] [data-editor-blocks-panel] .ems-sources > button[data-state="active"] {
  color: var(--editor-experience-accent);
  border-color: var(--editor-experience-line);
  box-shadow: 0 2px 7px #18394d14;
}

/* Shared Selected/Page/Site hierarchy. Field dimensions and color/gradient
   swatches retain their original presentation and hover-preview behavior. */
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] {
  background: var(--editor-experience-surface) !important;
  border-color: var(--editor-experience-line) !important;
  border-radius: 12px;
  box-shadow: var(--editor-experience-shadow);
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] > details {
  border-color: var(--editor-experience-line);
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] > details > summary {
  background: var(--editor-experience-surface);
  color: var(--editor-experience-ink);
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] > details[open] > summary {
  background: var(--editor-experience-heading);
  box-shadow: inset 3px 0 0 var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] > details > [role="region"] {
  border-color: var(--editor-experience-line);
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-field-heading] > :is(h3, label) {
  color: var(--editor-experience-ink);
  letter-spacing: .005em;
}
[data-site-editor-root] [data-editor-inspector-panel] .site-inspector-focus {
  --site-inspector-focus-surface: var(--editor-experience-surface);
  --site-inspector-focus-row: var(--editor-experience-surface);
  --site-inspector-focus-hover: var(--editor-experience-tint);
  --site-inspector-focus-border: var(--editor-experience-line);
  --site-inspector-focus-text: var(--editor-experience-ink);
  --site-inspector-focus-muted: var(--editor-experience-muted);
  --site-inspector-focus-accent: var(--editor-experience-accent);
  --site-inspector-focus-tint: var(--editor-experience-tint);
}
[data-site-editor-root] [data-editor-inspector-panel] .site-inspector-focus-overview {
  border-radius: 14px;
  box-shadow: var(--editor-experience-shadow);
}
[data-site-editor-root] [data-editor-inspector-panel] .site-inspector-focus-category:nth-child(3n + 2) .site-inspector-focus-category-icon {
  color: var(--editor-experience-violet);
  background: color-mix(in srgb, var(--editor-experience-violet) 10%, var(--editor-experience-surface));
}
[data-site-editor-root] [data-editor-inspector-panel] .site-inspector-focus-header {
  background: var(--editor-experience-heading);
  border-color: var(--editor-experience-line);
}
[data-site-editor-root] [data-editor-inspector-panel] section[aria-labelledby="site-editor-empty-selection-title"] {
  border-color: var(--editor-experience-line);
  border-radius: 16px;
  background: var(--editor-experience-heading);
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-choice-tabs] {
  background: var(--editor-experience-soft);
  border: 1px solid var(--editor-experience-line);
  border-radius: 10px;
}
[data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-choice-tabs] > [role="radio"][aria-checked="true"] {
  background: var(--editor-experience-tint);
  color: var(--editor-experience-accent);
  box-shadow: 0 1px 4px #123c5014;
}

/* Modal shells/chrome only; no z-index, positioning, transform or overflow. */
:is([data-editor-version-history-dialog], [data-editor-media-dialog],
  [data-editor-library-placement-dialog], [data-editor-block-picker], [data-editor-header-row-add-content],
  [data-editor-confirmation], [data-editor-structure-studio], [data-editor-element-conversion-picker]) {
  border-color: var(--editor-experience-line) !important;
  box-shadow: 0 24px 80px #03132140;
}
:is([data-editor-media-dialog], [data-editor-library-placement-dialog],
  [data-editor-block-picker], [data-editor-header-row-add-content], [data-editor-structure-studio], [data-editor-element-conversion-picker]) > :is(header, div:first-child),
[data-editor-version-history-dialog] > div:first-of-type {
  background: var(--editor-experience-heading);
  border-color: var(--editor-experience-line) !important;
}
:is([data-editor-media-dialog], [data-editor-structure-studio]) > footer {
  background: var(--editor-experience-soft);
  border-color: var(--editor-experience-line) !important;
}
[data-editor-publish-review] > header {
  background: linear-gradient(115deg, #123248, #17223a);
  border-color: #2b435a;
}
[data-editor-publish-review] [data-editor-publish-destination] {
  border-color: #36819b;
  background: #113449;
}
[data-editor-block-picker] [data-editor-block-choice] {
  border-color: var(--editor-experience-line);
  box-shadow: 0 2px 7px #18394d0c;
}
[data-editor-library-placement-dialog] [data-editor-library-placement-target] {
  border-color: var(--editor-experience-line);
  background: var(--editor-experience-soft);
}
body:has([data-site-editor-root]) :is(.page-template-picker, .etl-preview-dialog) > header {
  background: var(--editor-experience-heading);
  border-color: var(--editor-experience-line);
}
body:has([data-site-editor-root]) .page-template-picker .page-template-blank {
  background: var(--editor-experience-heading);
  border-color: var(--editor-experience-line);
  box-shadow: var(--editor-experience-shadow);
}
[data-editor-version-history-dialog] .svh-timeline-heading,
[data-editor-version-history-dialog] .svh-selected-heading {
  background: var(--editor-experience-heading);
}
[data-editor-version-history-dialog] .svh-version.is-selected {
  box-shadow: inset 3px 0 0 var(--editor-experience-accent);
}
[data-editor-version-history-dialog] .svh-tabs button[aria-pressed="true"] {
  color: var(--editor-experience-accent);
  border-bottom-color: var(--editor-experience-accent);
}
[data-site-editor-root] [data-editor-mobile-toolbar] {
  border-color: var(--editor-experience-line) !important;
  background: var(--editor-experience-heading) !important;
}

/* Explicit chrome focus, leaving canvas and snapshot keyboard rules alone. */
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"]:focus-visible,
[data-site-editor-root] [data-editor-blocks-panel] :is([data-editor-library-collection-trigger],
  [data-editor-palette-item], [data-editor-element-group], [data-editor-section-group]):focus-visible,
[data-site-editor-root] [data-editor-inspector-panel] :is(.site-inspector-focus-category,
  .site-inspector-focus-back, [data-editor-inspector-unified-groups] > details > summary):focus-visible,
[data-site-editor-root] [data-editor-mobile-toolbar] > button:focus-visible,
[data-editor-library-placement-dialog] [data-editor-library-placement-target]:focus-visible {
  outline: 2px solid var(--editor-experience-accent);
  outline-offset: -3px;
}
@media (pointer: coarse) {
  [data-site-editor-root] [data-editor-inspector-tabs] > [role="tab"],
  [data-site-editor-root] [data-editor-mobile-toolbar] > button,
  [data-site-editor-root] [data-editor-page-menu] button,
  [data-editor-library-placement-dialog] [data-editor-library-placement-target] {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"],
  [data-site-editor-root] [data-editor-blocks-panel] :is([data-editor-library-collection-trigger], [data-editor-palette-item]),
  [data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-unified-groups] > details > summary {
    transition: none;
  }
}
@media (forced-colors: active) {
  [data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="active"],
  [data-site-editor-root] [data-editor-inspector-panel] [data-editor-inspector-choice-tabs] > [role="radio"][aria-checked="true"] {
    background: Highlight !important;
    color: HighlightText !important;
    outline: 1px solid Highlight;
  }
}