@layer theme-important, legacy, theme-normal;
@import url("theme-variant-base.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-indigo.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-cinnabar.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-monochrome-blue.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-monochrome-accent.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-global.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("home-surface.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-normal);
@import url("theme-audit.css?v=20260901-v196-sidebar-model-cleanup") layer(theme-important);

/* The incumbent palette is expressed through the same roles so switching back is complete. */
html[data-studio-theme="jade"] {
  --tv-canvas: #f4f2eb;
  --tv-canvas-art: radial-gradient(circle at 88% 8%, rgba(209,232,219,.82), transparent 32%), radial-gradient(circle at 18% 76%, rgba(236,214,198,.5), transparent 28%);
  --tv-surface: #f8faf6;
  --tv-surface-raised: #fbfcf8;
  --tv-surface-muted: #edf2ed;
  --tv-text: #142a21;
  --tv-text-secondary: #4f6256;
  --tv-text-muted: #576b60;
  --tv-border: #cbd9ce;
  --tv-border-strong: #9fb5a7;
  --tv-control: #fdfefa;
  --tv-control-hover: #f2f7f1;
  --tv-control-text: #26362c;
  --tv-primary: #1f6f5b;
  --tv-primary-hover: #175848;
  --tv-primary-soft: #d7e9de;
  --tv-primary-ink: #174f3b;
  --tv-on-primary: #ffffff;
  --tv-accent: #bc6045;
  --tv-accent-ink: #9f4d38;
  --tv-selection: #cfe2d7;
  --tv-selection-text: #123d2d;
  --tv-focus: rgba(31,111,91,.3);
  --tv-scrollbar: #9eb3a7;
  --tv-shadow: rgba(31,55,45,.13);
  --tv-shadow-soft: rgba(31,55,45,.08);
  --tv-primary-shadow: rgba(31,111,91,.19);
  --tv-dialog-shadow: rgba(17,32,23,.3);
  --tv-backdrop: rgba(17,32,23,.52);
  --tv-image-placeholder: #dfe7df;
  --tv-card-badge: rgba(255,255,252,.93);
  --tv-workspace: #e9eee8;
  --tv-editor-shell: #f5f7f3;
  --tv-editor-canvas: #e9ede8;
  --tv-editor-check: #dfe5df;
  --tv-sidebar: #f7f9f4;
  --tv-sidebar-control: #fcfdf9;
  --tv-sidebar-hover: #edf3ed;
  --tv-sidebar-active: #d7e9de;
  --tv-sidebar-border: #dce4de;
  --tv-sidebar-text: #315443;
  --tv-sidebar-strong: #173f31;
  --tv-sidebar-muted: #586f63;
  --tv-sidebar-icon: #39735f;
  --tv-sidebar-accent: #1f8069;
  --tv-on-sidebar-accent: #ffffff;
  --tv-sidebar-active-text: #123d2d;
  --tv-sidebar-active-icon: #1f6f5b;
  --tv-success: #1f6f5b;
  --tv-success-soft: #d7e9de;
  --tv-warning: #9b6a24;
  --tv-warning-soft: #f2e7cf;
  --tv-danger: #a84b3d;
  --tv-danger-soft: #f3ddd7;
  --tv-info: #315f75;
  --tv-info-soft: #dce9ee;
  --tv-disabled: #8b9a91;
  --tv-disabled-soft: #e6ebe6;
  --tv-media-text: #ffffff;
  --tv-media-overlay: rgba(12, 29, 21, .66);
  --tv-inverse: #173f31;
  --tv-on-inverse: #f5faf6;
}

/* Compact theme selector. It is the only new control; product layout and workflows stay unchanged. */
.studio-page .theme-picker { position: relative; }
.studio-page .theme-picker-trigger {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--tv-border, #c8d5ca);
  border-radius: 10px;
  background: var(--tv-surface-raised, #fcfdf9);
  color: var(--tv-primary-ink, #245e4d);
  box-shadow: 0 8px 24px var(--tv-shadow-soft, rgba(31,55,45,.08));
  cursor: pointer;
}
.studio-page .theme-picker-trigger:hover,
.studio-page .theme-picker-trigger[aria-expanded="true"] {
  border-color: var(--tv-border-strong, #9fb5a7);
  background: var(--tv-control-hover, #f2f7f1);
  color: var(--tv-primary, #1f6f5b);
}
.studio-page .theme-picker-trigger svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.studio-page .theme-picker-menu {
  position: absolute;
  z-index: 140;
  top: calc(100% + 10px);
  right: 0;
  width: 268px;
  padding: 10px;
  border: 1px solid var(--tv-border, #d3ded5);
  border-radius: 14px;
  background: var(--tv-surface-raised, #fcfdf9);
  color: var(--tv-text, #1d2a22);
  box-shadow: 0 22px 55px var(--tv-dialog-shadow, rgba(25,45,34,.22));
}
.studio-page .theme-picker-menu[hidden] { display: none; }
.studio-page .theme-picker-menu > header { display: flex; align-items: baseline; justify-content: space-between; padding: 5px 6px 9px; }
.studio-page .theme-picker-menu > header strong { color: var(--tv-text, #1d2a22); font-size: 13px; }
.studio-page .theme-picker-menu > header small { color: var(--tv-text-muted, #718078); font-size: 10px; }
.studio-page .theme-option {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 18px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  gap: 10px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--tv-text-secondary, #4f6256);
  text-align: left;
  cursor: pointer;
}
.studio-page .theme-option:hover { background: var(--tv-surface-muted, #edf2ed); }
.studio-page .theme-option[aria-checked="true"] {
  border-color: var(--tv-border, #cbd9ce);
  background: var(--tv-primary-soft, #e3eee7);
  color: var(--tv-primary-ink, #174f3b);
}
.studio-page .theme-option-copy { display: grid; gap: 3px; }
.studio-page .theme-option-copy b { color: var(--tv-text, #1d2a22); font-size: 12px; }
.studio-page .theme-option[aria-checked="true"] .theme-option-copy b { color: var(--tv-primary-ink, #174f3b); }
.studio-page .theme-option-copy small { color: var(--tv-text-muted, #718078); font-size: 9px; }
.studio-page .theme-option-check { width: 16px; height: 16px; opacity: 0; fill: none; stroke: var(--tv-primary, #1f6f5b); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.studio-page .theme-option[aria-checked="true"] .theme-option-check { opacity: 1; }
.studio-page .theme-swatches { display: flex; width: 45px; height: 34px; align-items: center; justify-content: center; }
.studio-page .theme-swatches i { width: 21px; height: 21px; margin-left: -7px; border: 2px solid var(--tv-surface-raised, #fcfdf9); border-radius: 50%; box-shadow: 0 1px 3px rgba(20,30,25,.16); }
.studio-page .theme-swatches i:first-child { margin-left: 0; }
.studio-page .theme-swatches.jade i:nth-child(1) { background: #1f6f5b; }
.studio-page .theme-swatches.jade i:nth-child(2) { background: #d7e9de; }
.studio-page .theme-swatches.jade i:nth-child(3) { background: #bc6045; }
.studio-page .theme-swatches.indigo i:nth-child(1) { background: #151d33; }
.studio-page .theme-swatches.indigo i:nth-child(2) { background: #4057d6; }
.studio-page .theme-swatches.indigo i:nth-child(3) { background: #c88727; }
.studio-page .theme-swatches.cinnabar i:nth-child(1) { background: #a64034; }
.studio-page .theme-swatches.cinnabar i:nth-child(2) { background: #f3ece4; }
.studio-page .theme-swatches.cinnabar i:nth-child(3) { background: #315976; }
.studio-page .theme-swatches.monochrome-blue i:nth-child(1) { background: #111827; }
.studio-page .theme-swatches.monochrome-blue i:nth-child(2) { background: #fcfdff; }
.studio-page .theme-swatches.monochrome-blue i:nth-child(3) { background: #78a4d5; }
.studio-page .theme-swatches.monochrome-accent i:nth-child(1) { background: #171717; }
.studio-page .theme-swatches.monochrome-accent i:nth-child(2) { background: #fdfdfc; }
.studio-page .theme-swatches.monochrome-accent i:nth-child(3) { background: #7c3aed; }

@media (max-width: 800px) {
  .studio-page .theme-picker-menu { position: fixed; top: 68px; right: 12px; width: min(268px, calc(100vw - 24px)); }
}