/* Editor chrome only: never override renderer tokens or target preview descendants. */
body[data-route="editor"] { background: var(--mw-night); }
body[data-route="editor"] .homepage-header { --header-accent: #d6c1ff; --header-hover: #f2e5ff; --header-line: #ffffff1f; background: var(--mw-night); color: #f6f3ff; }
body[data-route="editor"] .homepage-header :focus-visible { outline-color: var(--mw-pink); }
body[data-route="editor"] .homepage-footer { background: var(--mw-night); border-color: #bca1db30; color: var(--mw-pearl); }
body[data-route="editor"] .homepage-footer .brand-mark { color: var(--mw-pink); }
body[data-route="editor"] .homepage-footer nav, body[data-route="editor"] .homepage-footer > span { color: var(--mw-lavender-text); }

#editor-view { color: var(--mw-pearl); }
#editor-view > .editor-top h1 { color: var(--mw-pearl); font-family: 'Memorias Lower Sans', ui-sans-serif, system-ui, sans-serif; font-weight: 800; }
#editor-view > .editor-top h1 em { color: var(--mw-pink); font-family: 'Memorias Lower Serif', Georgia, serif; }
#editor-view > .editor-top :is(.eyebrow, .text-link) { color: var(--mw-pink); }
#editor-view > .editor-top p:not(.eyebrow) { color: var(--mw-lavender-text); }
#editor-view > .cloud-bar { padding: 18px 20px; border: 1px solid #bca1db30; border-radius: 18px; background: #1b1934; }
#editor-view > .cloud-bar p { color: var(--mw-lavender-text); }
#editor-view > .cloud-bar .text-link { color: var(--mw-pink); }

#editor-view .editor-workspace { color-scheme: dark; }
#editor-view .editor-workspace p { color: #d8cde8; }
#editor-view .editor-steps { background: #1b1934; border: 1px solid #bca1db30; }
#editor-view .editor-steps button { color: var(--mw-lavender-text); }
#editor-view .editor-steps button[aria-current] { color: #27113f; background: var(--mw-pink-soft); box-shadow: 0 4px 16px #0c061c30; }
#editor-view .editor-steps button span { border-color: #bca1db70; }
#editor-view .editor-steps button[aria-current] span { background: #6e3c8a; color: var(--mw-pearl); border-color: #6e3c8a; }
#editor-view .editor-panel { background: var(--mw-violet); border-color: #bca1db40; box-shadow: 0 16px 40px #05081520; }
#editor-view .panel-index { color: var(--mw-pink); }
#editor-view .panel-heading h2 { color: var(--mw-pearl); }
#editor-view .editor-workspace :is(.field-hint, .field-meta) { color: #cbbddb; }
#editor-view .editor-workspace .field :is(input, textarea) { color: #fff8f3; background: #17122b; border-color: #9e85b766; caret-color: #ffb5e8; }
#editor-view .editor-workspace .field :is(input, textarea)::placeholder { color: #bfb0ce; opacity: 1; }
#editor-view .editor-workspace .field :is(input, textarea):focus { border-color: #ffb5e8; }
#editor-view .editor-workspace .field [aria-invalid="true"] { border-color: #ffacbd; }
#editor-view .editor-workspace :is(.writing-help, .demo-limit, .draft-info) { background: #302146; border: 1px solid #bca1db30; }
#editor-view .writing-help summary, #editor-view .draft-info > span { color: var(--mw-pink); }
#editor-view .memory-card { background: #1d1635; border-color: #bca1db40; }
#editor-view .memory-card .icon-button { color: var(--mw-pearl); background: #302146; border-color: #9e85b766; }
#editor-view .memory-remove { color: #ffacbd; }
#editor-view .audio-editor { border-color: #bca1db40; }
#editor-view .audio-editor h3 span { color: #cbbddb; }
#editor-view .editor-workspace :is(.editor-status, .photo-status.error) { color: #ffacbd; }

/* Only editor controls, not .gift-renderer buttons inside the phone. */
#editor-view :is(.editor-workspace, .cloud-bar) .button.primary { color: var(--mw-pearl); background: var(--mw-gradient-primary) 0 0 / 200% 100%; border-color: transparent; box-shadow: var(--mw-shadow-primary); }
#editor-view :is(.editor-workspace, .cloud-bar) .button.primary:hover { background-position: 100% 0; filter: brightness(1.06); }
#editor-view :is(.editor-workspace, .cloud-bar) .button.secondary, #editor-view #open-preview { color: #fff8f3; background: #302146; border-color: #bca1db70; }
#editor-view :is(.editor-workspace, .cloud-bar) .button.secondary:hover, #editor-view #open-preview:hover { background: #3b2854; border-color: #ffb5e8; }
#editor-view :is(.editor-workspace, .cloud-bar) .button.plain, #editor-view .editor-workspace .text-link { color: #eed6f1; }
#editor-view :is(.editor-workspace, .cloud-bar) :focus-visible, #editor-view > .editor-top :focus-visible, #editor-view #open-preview:focus-visible { outline: 3px solid #ffb5e8; outline-offset: 5px; }
#editor-view .editor-workspace .upload-label:focus-within { outline-color: #ffb5e8; }
#editor-view .preview-label { color: var(--mw-pink); }
#editor-view .preview-label > span:last-child, #editor-view .preview-note { color: #cbbddb; }
#editor-view .phone-shell { box-shadow: 0 20px 60px #05081566, 0 0 0 1px #bca1db40; }

@media (max-width: 800px) {
  body[data-route="editor"] .homepage-header .menu-toggle { background: #24223f; border-color: #756590; }
  body[data-route="editor"] #homepage-navigation a:hover { background: #342c50; }
}
@media (max-width: 540px) {
  #editor-view > .cloud-bar { padding: 14px; }
}