.vc-editor-theme,.vc-editor-theme[data-theme=dark],[data-theme=dark] .vc-editor-theme{color-scheme:dark;--anim-fast: .2s;--anim-normal: .3s;--anim-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-spring: cubic-bezier(.32, .72, 0, 1);--color-surface-base: 11 12 12;--color-surface-alt: 14 14 14;--color-surface-1: 23 24 26;--color-surface-2: 28 29 31;--color-surface-3: 33 34 37;--color-surface-4: 38 39 42;--color-preview-ground: 28 29 31;--color-text-primary: 222 222 222;--color-text-secondary: 153 153 153;--color-text-tertiary: 125 125 125;--color-text-inverse: 0 0 0;--color-text-on-color: 255 255 255;--color-overlay: 255 255 255;--color-accent: 59 130 246;--color-accent-hover: 96 165 250;--color-accent-active: 37 99 235;--color-status-success: 16 185 129;--color-status-warning: 245 158 11;--color-status-error: 239 68 68;--color-semantic-preset: 147 51 234;--color-semantic-scripture: 59 130 246;--color-semantic-song: 217 119 6;--color-semantic-verse: 96 165 250;--color-semantic-media: 168 85 247;--color-semantic-slide: 78 205 196;--color-border-default: rgba(255, 255, 255, .08);--color-border-visible: rgba(255, 255, 255, .13);--color-border-strong: rgba(255, 255, 255, .2);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-focus: rgba(59, 130, 246, 1);--color-divider: rgba(255, 255, 255, .07);--color-surface-backdrop: rgba(8, 8, 8, .92);--color-surface-glass: rgba(17, 17, 19, .95)}.vc-editor-theme[data-theme=light],[data-theme=light] .vc-editor-theme{color-scheme:light;--color-surface-base: 240 235 228;--color-surface-alt: 235 230 222;--color-surface-1: 250 247 242;--color-surface-2: 238 233 225;--color-surface-3: 225 219 210;--color-surface-4: 205 199 190;--color-preview-ground: 28 29 31;--color-text-primary: 40 35 30;--color-text-secondary: 115 105 93;--color-text-tertiary: 105 98 90;--color-text-inverse: 250 247 242;--color-text-on-color: 255 255 255;--color-overlay: 60 50 40;--color-accent: 37 99 235;--color-accent-hover: 29 78 216;--color-accent-active: 30 64 175;--color-status-success: 5 150 105;--color-status-warning: 217 119 6;--color-status-error: 220 38 38;--color-semantic-preset: 126 34 206;--color-semantic-scripture: 29 78 216;--color-semantic-song: 180 83 9;--color-semantic-verse: 37 99 235;--color-semantic-media: 126 34 206;--color-semantic-slide: 13 148 136;--color-border-default: rgba(0, 0, 0, .08);--color-border-visible: rgba(0, 0, 0, .12);--color-border-strong: rgba(0, 0, 0, .2);--color-border-subtle: rgba(0, 0, 0, .04);--color-border-focus: rgba(37, 99, 235, 1);--color-divider: rgba(0, 0, 0, .07);--color-surface-backdrop: rgba(8, 8, 8, .92);--color-surface-glass: rgba(245, 245, 247, .85)}.vc-editor-theme{--shadow-popover: 0 8px 24px rgba(0, 0, 0, .18);--shadow-canvas: 0 4px 24px rgba(0, 0, 0, .3);--shadow-track-inset: inset 0 1px 2px rgba(0, 0, 0, .15);--shadow-card: 0 4px 16px rgba(0, 0, 0, .15)}.vc-editor-theme{background-color:rgb(var(--color-surface-base));color:rgb(var(--color-text-primary))}.vc-editor-theme{--editor-rail-width: 72px;--editor-side-panel-width: 360px}.vc-editor-theme .vc-asset-rail{width:var(--editor-rail-width);flex-shrink:0}.vc-editor-theme .vc-asset-panel{width:var(--editor-side-panel-width);flex-shrink:0;overflow:hidden}@keyframes vc-asset-panel-expand{0%{width:0;opacity:0}to{width:var(--editor-side-panel-width);opacity:1}}@keyframes vc-asset-panel-collapse{0%{width:var(--editor-side-panel-width);opacity:1}to{width:0;opacity:0}}.vc-editor-theme .vc-asset-panel--enter{animation:vc-asset-panel-expand var(--anim-fast) var(--ease-out) forwards}.vc-editor-theme .vc-asset-panel--exit{animation:vc-asset-panel-collapse var(--anim-fast) var(--ease-in) forwards}@keyframes tab-dot-scale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.category-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.vc-editor-theme .category-tab{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--anim-fast) var(--ease-out),color var(--anim-fast) var(--ease-out)}.category-tab--active{background-color:rgb(var(--color-accent));color:rgb(var(--color-text-on-color))}.category-tab--inactive{color:rgb(var(--color-text-secondary))}.category-tab--inactive:hover{color:rgb(var(--color-text-primary));background-color:rgb(var(--color-overlay) / .05)}.mode-tabs{display:flex;align-items:center;padding:2px;background-color:rgb(var(--color-surface-2));border-radius:8px}.vc-editor-theme .mode-tab{flex:1;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;cursor:pointer;transition:background-color var(--anim-fast) var(--ease-out),color var(--anim-fast) var(--ease-out)}.mode-tab--active{background-color:rgb(var(--color-accent));color:rgb(var(--color-text-inverse))}.mode-tab--inactive{color:rgb(var(--color-text-secondary))}.mode-tab--inactive:hover{color:rgb(var(--color-text-primary))}@keyframes preset-dropdown-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes preset-dropdown-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.vc-editor-theme .preset-dropdown{will-change:transform,opacity}.vc-editor-theme .preset-dropdown--opening{animation:preset-dropdown-open .12s var(--ease-out) forwards}.vc-editor-theme .preset-dropdown--closing{animation:preset-dropdown-close .12s var(--ease-in) forwards}.vc-editor-theme .vc-switch{transition:background-color var(--anim-fast) var(--ease-out)}.vc-editor-theme .vc-switch__knob,.vc-editor-theme .vc-disclosure__chevron{transition:transform var(--anim-fast) var(--ease-out)}.vc-editor-theme .vc-disclosure__body{transition:grid-template-rows var(--anim-fast) var(--ease-out),opacity var(--anim-fast) var(--ease-out),visibility 0s linear var(--anim-fast)}.vc-editor-theme .vc-disclosure__body--open{transition:grid-template-rows var(--anim-fast) var(--ease-out),opacity var(--anim-fast) var(--ease-out),visibility 0s}@media(prefers-reduced-motion:reduce){.category-tab,.mode-tab{animation:none!important;transition:none!important}.vc-editor-theme .preset-dropdown--opening,.vc-editor-theme .preset-dropdown--closing,.vc-editor-theme .vc-asset-panel--enter,.vc-editor-theme .vc-asset-panel--exit{animation:none!important}.vc-editor-theme .vc-switch,.vc-editor-theme .vc-switch__knob,.vc-editor-theme .vc-disclosure__chevron,.vc-editor-theme .vc-disclosure__body,.vc-editor-theme .vc-disclosure__body--open{transition:none!important}}