/* Editor chrome only. Published styles and preview tokens stay independent. */
.ed-editor-mode {
  --studio-bg: #000;
  --studio-surface: #0b0b0b;
  --studio-raised: #141414;
  --studio-hover: #242424;
  --studio-text: #fff;
  --studio-muted: #b5b5b5;
  --studio-line: #373737;
  --ed-line: var(--studio-line);
  --ed-muted: var(--studio-muted);
  color-scheme: dark;
  background: var(--studio-bg);
  color: var(--studio-text);
}
.ed-editor-mode :is(button,a,input,select,textarea):focus-visible {
  outline-color: var(--studio-text);
}
.ed-editor-mode :is(.ed-sidebar,.ed-topbar,.ed-section-tree,.ed-properties,.ed-dialog,.ed-dialog>header) {
  background: var(--studio-bg);
  color: var(--studio-text);
}
.ed-editor-mode .ed-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  line-height: 1.1;
  margin-bottom: 28px;
}
.ed-brand-mark {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  overflow: hidden;
}
.ed-brand-mark img {
  position: absolute;
  width: 210%;
  height: 210%;
  max-width: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  filter: brightness(0) invert(1);
}
.ed-topbar-brand { display: none; }
.ed-editor-mode .ed-sidebar nav a.active {
  background: var(--studio-raised);
  color: var(--studio-text);
  box-shadow: inset 2px 0 var(--studio-text);
}
.ed-editor-mode .ed-sidebar nav a:hover:not(.active) { background: var(--studio-hover); }
.ed-editor-mode :is(.ed-icon,.ed-button,.ed-type-list button,.ed-revision-row,.ed-media-item) {
  background: var(--studio-surface);
  color: var(--studio-text);
  border-color: var(--studio-line);
}
.ed-editor-mode :is(.ed-icon,.ed-button,.ed-type-list button,.ed-revision-row,.ed-media-item):hover:not(:disabled) {
  background: var(--studio-hover);
  color: var(--studio-text);
  border-color: var(--studio-text);
}
.ed-editor-mode :is(.ed-icon.active,.ed-button.primary) {
  background: var(--studio-raised);
  color: var(--studio-text);
  border-color: var(--studio-text);
}
.ed-editor-mode :is(.ed-search-label input,.ed-search,.ed-list-toolbar select,.ed-field input,.ed-field select,.ed-field textarea) {
  background: var(--studio-surface);
  color: var(--studio-text);
  border-color: var(--studio-line);
}
.ed-editor-mode :is(input,textarea)::placeholder { color: var(--studio-muted); opacity: 1; }
.ed-editor-mode :is(input[type=range],input[type=checkbox],progress) { accent-color: var(--studio-text); }
.ed-editor-mode :is(.ed-content-properties,.ed-body-toolbar,.ed-media-preview,.ed-rule) {
  background: var(--studio-surface);
  color: var(--studio-muted);
  border-color: var(--studio-line);
}
.ed-editor-mode :is(.ed-field>span,.ed-check,.ed-body-toolbar,.ed-text-link) { color: var(--studio-text); }
.ed-editor-mode :is(#edSaveStatus,.ed-canvas-toolbar,.ed-item-fields legend,.ed-media-item small,.ed-upload-state) {
  color: var(--studio-muted);
}
.ed-editor-mode #edSaveStatus.saved::before { background: var(--studio-text); }
.ed-editor-mode :is(#edSaveStatus.error,#edSaveStatus.conflict) { color: var(--studio-text); text-decoration: underline; }
.ed-editor-mode .ed-notice {
  background: var(--studio-raised);
  color: var(--studio-text);
  border-bottom: 1px solid var(--studio-line);
}
.ed-editor-mode .ed-notice.error { border-left: 3px solid var(--studio-text); }
.ed-editor-mode .ed-state {
  color: var(--studio-muted);
  background: transparent;
  border-color: var(--studio-line);
  border-style: dashed;
}
.ed-editor-mode .ed-state.published {
  color: var(--studio-text);
  background: var(--studio-raised);
  border-color: var(--studio-muted);
  border-style: solid;
}
.ed-editor-mode .ed-section-tree li.selected {
  background: var(--studio-raised);
  border-color: var(--studio-text);
}
.ed-editor-mode .ed-layer-actions .ed-icon { background: transparent; }
.ed-editor-mode .ed-canvas { background: var(--studio-surface); }
.ed-editor-mode .ed-frame-viewport { background: var(--studio-surface); }
.ed-editor-mode :is(.ed-page-frame,.ed-preview-dialog-frame,.ed-theme-sample) { color-scheme: light; }
.ed-editor-mode .ed-dialog::backdrop { background: #000b; }
.ed-editor-mode .ed-diff del {
  color: var(--studio-muted);
  background: var(--studio-surface);
}
.ed-editor-mode .ed-diff ins {
  color: var(--studio-text);
  background: var(--studio-hover);
  border-left: 2px solid var(--studio-text);
  padding-left: 8px;
}
.ed-editor-mode .ed-page-mobile-tabs button {
  background: var(--studio-bg);
  color: var(--studio-muted);
}
.ed-editor-mode .ed-page-mobile-tabs button[aria-pressed=true] {
  color: var(--studio-text);
  background: var(--studio-raised);
  box-shadow: inset 0 -2px var(--studio-text);
}
.ed-editor-mode .ql-snow :is(.ql-picker,.ql-tooltip,.ql-picker-options) { color: var(--studio-text); }
.ed-editor-mode .ql-snow :is(.ql-picker-options,.ql-tooltip) {
  background: var(--studio-raised);
  border-color: var(--studio-line);
  box-shadow: 0 8px 24px #0008;
}
.ed-editor-mode .ql-snow .ql-stroke { stroke: var(--studio-text); }
.ed-editor-mode .ql-snow :is(.ql-fill,.ql-stroke.ql-fill) { fill: var(--studio-text); }
.ed-editor-mode .ql-snow :is(button:hover,button.ql-active,.ql-picker-label:hover,.ql-picker-label.ql-active,.ql-picker-item:hover,.ql-picker-item.ql-selected) {
  color: var(--studio-text);
  background: var(--studio-hover);
}
.ed-editor-mode .ql-snow :is(button:hover,button.ql-active,.ql-picker-label:hover,.ql-picker-item:hover) .ql-stroke { stroke: var(--studio-text); }
.ed-editor-mode .ql-snow :is(button:hover,button.ql-active,.ql-picker-label:hover,.ql-picker-item:hover) .ql-fill { fill: var(--studio-text); }
.ed-editor-mode .ql-snow .ql-picker.ql-expanded :is(.ql-picker-label,.ql-picker-options) { border-color: var(--studio-line); }
.ed-editor-mode .ql-snow .ql-tooltip :is(input[type=text],a) {
  background: var(--studio-surface);
  color: var(--studio-text);
  border-color: var(--studio-line);
}
.ed-editor-mode .ql-editor.ql-blank::before { color: var(--studio-muted); }
.ed-editor-mode .ql-editor a { color: var(--studio-text); }
.ed-editor-mode #editorialStudio:has(>.ed-access),
.ed-editor-mode #editorialStudio:has(>.ed-empty) { display: block; }
.ed-editor-mode .ed-access { padding-top: 80px; }
.ed-editor-mode .ed-access .ed-brand { font-size: 28px; gap: 20px; }
.ed-access .ed-brand-mark { width: 76px; height: 76px; }
@media(max-width:1150px) {
  .ed-editor-mode .ed-sidebar .ed-brand { font-size: 15px; gap: 8px; }
  .ed-sidebar .ed-brand-mark { width: 36px; height: 36px; }
}
@media(max-width:850px) {
  .ed-topbar-brand { display: block; }
  .ed-topbar-brand .ed-brand-mark { width: 26px; height: 26px; }
  .ed-editor-mode .ed-sidebar .ed-brand { font-size: 18px; }
  .ed-sidebar .ed-brand-mark { width: 44px; height: 44px; }
}
@media(max-width:380px) {
  .ed-editor-mode .ed-access .ed-brand { font-size: 23px; gap: 14px; }
  .ed-access .ed-brand-mark { width: 64px; height: 64px; }
}
.ed-native-fields { border-top: 1px solid #333; padding-top: 16px; margin-top: 16px; }
.ed-native-fields > h3 { font-size: 14px; margin-bottom: 12px; color: #fff; }
.ed-editor-mode .creator-shell,.ed-editor-mode .creator-dialog{color:#fff;background:#111}.ed-editor-mode .creator-form input,.ed-editor-mode .creator-form textarea,.ed-editor-mode .creator-form select{background:#202020;color:#fff;border-color:#666}.ed-editor-mode .creator-icon,.ed-editor-mode .creator-command.secondary{color:#fff;border-color:#666}.ed-editor-mode .creator-command:not(.secondary){background:#fff;color:#111}.ed-editor-mode .creator-row{border-color:#444}