/* Shared appearance controls. Media and authored page contents are never filtered. */
html{color-scheme:var(--app-color-scheme,dark)}
.color-mode-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border,#383838);border-radius:8px;background:var(--panel-raised,#202020);color:var(--text,#eee);font:500 11px var(--font-body,'Urbanist',Arial,sans-serif);line-height:1;white-space:nowrap;cursor:pointer;touch-action:manipulation}
.color-mode-toggle svg{width:17px;height:17px;display:block;flex-shrink:0;pointer-events:none}
.color-mode-toggle:hover{border-color:var(--muted,#999)}
.color-mode-toggle:focus-visible{outline:2px solid var(--text,#eee);outline-offset:3px}
.ve-heading-actions .color-mode-toggle,.pg-editor-save .color-mode-toggle{height:32px;min-width:32px;padding:0 8px}
.ve-heading-actions .color-mode-toggle span,.pg-editor-save .color-mode-toggle span{display:none}
.ve-catalogue-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.auth-panel>.color-mode-toggle{position:absolute;top:32px;left:32px}
.auth-panel{position:relative}
.v-nav-wrap>.color-mode-toggle{margin-left:14px}
.v-nav-wrap>.color-mode-toggle span{display:none}
@media(max-width:760px){.color-mode-toggle{min-width:34px;padding:0 8px}.color-mode-toggle span{display:none}.auth-panel>.color-mode-toggle{top:20px;left:20px}.v-nav-wrap>.color-mode-toggle{margin-left:4px}}
@media(max-width:759px){.auth-panel>.color-mode-toggle{position:static;align-self:flex-start;margin-bottom:20px}}
/* Light tokens also win over administrator presentation overrides. Switching back
   restores the exact configured dark identity; no settings are overwritten. */
html[data-color-mode="light"]{
 --bg:#f7f7f8;--panel:#fff;--raised:#f0f0f2;--panel-raised:#f0f0f2;--border:#d5d5db;--border-soft:#e5e5e9;--text:#202025;--muted:#60606b;--soft:#64646e;--accent:#242429;--primary:#242429;--button-text:#fff;
 --custom-background:#f7f7f8!important;--custom-surface:#fff!important;--custom-raised:#f0f0f2!important;--custom-text:#202025!important;--custom-muted:#60606b!important;--custom-border:#d5d5db!important;--custom-primary:#242429!important;--custom-button-text:#fff!important;--custom-success:#236c48!important;--custom-danger:#a02c33!important;
}
html[data-color-mode="light"] body{color-scheme:light}
html[data-color-mode="light"] .color-mode-toggle{background:#fff;color:#303039;border-color:#d5d5db}
html[data-color-mode="light"] .color-mode-toggle:hover{background:#ededf0;border-color:#8b8b96}
html[data-color-mode="light"] .color-mode-toggle:focus-visible{outline-color:#303039}
/* The logo is a monochrome brand asset, not uploaded customer artwork. */
html[data-color-mode="light"] img[src$="/brand-mark.svg"]{filter:brightness(.3)}
/* Contrast over real video thumbnails remains white; the composited output and
   authored pages retain their original colors in either appearance. */
html[data-color-mode="light"] .ve-preview-stage{background:#050505;color-scheme:dark}
html[data-color-mode="light"] .ve-preview-stage .ve-preview-text{color:inherit}
html[data-color-mode="light"] .ve-track-video .ve-clip-inner{color:#fff;background:linear-gradient(#000b,#0006);text-shadow:0 1px 2px #000}
html[data-color-mode="light"] .ve-track-video .ve-clip-inner :is(strong,small){color:#fff!important}
html[data-color-mode="light"] .hero-edition{color:#eee}
html[data-color-mode="light"] :is(.ve-inspector-tabs,.ve-inspector-actions,.ve-full,.ac-hero){box-shadow:none}
html[data-color-mode="light"] .pg-canvas-wrap iframe{color-scheme:normal}
html[data-color-mode="light"] :is(.commerce-dialog,.ve-dialog,.pg-dialog,.su-dialog,.ac-dialog){box-shadow:0 24px 80px #14141c26}
html[data-color-mode="light"] ::selection{background:#303039;color:#fff}
html[data-color-mode="light"] input:-webkit-autofill{-webkit-text-fill-color:#202025;box-shadow:0 0 0 1000px #fff inset}
@media(prefers-reduced-motion:reduce){.color-mode-toggle{transition:none}}