:root{--vc-direction-code-accent-hsl: 148 100% 54%;--vc-direction-code-foreground-hsl: 147 86% 8%;--vc-direction-code-text-hsl: 146 88% 20%;--vc-direction-design-accent-hsl: 286 92% 68%;--vc-direction-design-foreground-hsl: 286 66% 9%;--vc-direction-design-text-hsl: 286 92% 82%;--vc-direction-design-surface-hsl: 286 58% 16%;--vc-direction-design-surface-foreground-hsl: 286 92% 88%;--vc-direction-design-media-filter: hue-rotate(190deg) saturate(1.18)}:root:not(.dark){--vc-direction-design-accent-hsl: 286 78% 54%;--vc-direction-design-text-hsl: 286 72% 31%;--vc-direction-design-surface-hsl: 286 68% 95%;--vc-direction-design-surface-foreground-hsl: 286 58% 22%}body[data-ui-env=preview]{--vc-direction-current: code;--vc-direction-current-accent-hsl: var(--vc-direction-code-accent-hsl);--vc-direction-current-foreground-hsl: var(--vc-direction-code-foreground-hsl);--vc-direction-current-text-hsl: var(--vc-direction-code-text-hsl);--vc-direction-current-surface-hsl: var(--accent);--vc-direction-current-surface-foreground-hsl: var(--accent-foreground);--vc-direction-current-accent: hsl(var(--vc-direction-current-accent-hsl));--vc-direction-current-foreground: hsl(var(--vc-direction-current-foreground-hsl));--vc-direction-current-text: hsl(var(--vc-direction-current-text-hsl));--vc-direction-current-surface: hsl(var(--vc-direction-current-surface-hsl));--vc-direction-current-surface-foreground: hsl(var(--vc-direction-current-surface-foreground-hsl));--vc-direction-code-accent: hsl(var(--vc-direction-code-accent-hsl));--vc-direction-design-accent: hsl(var(--vc-direction-design-accent-hsl));--vc-direction-code-primary: var(--primary);--vc-direction-code-primary-foreground: var(--primary-foreground);--vc-direction-code-ring: var(--ring);--vc-direction-code-surface: var(--accent);--vc-direction-code-surface-foreground: var(--accent-foreground);--vc-direction-code-media-filter: none;--vc-direction-design-primary: var(--vc-direction-design-accent-hsl);--vc-direction-design-primary-foreground: var(--vc-direction-design-foreground-hsl);--vc-direction-design-ring: var(--vc-direction-design-accent-hsl);--vc-direction-design-surface: var(--vc-direction-design-surface-hsl);--vc-direction-design-surface-foreground: var(--vc-direction-design-surface-foreground-hsl);--vc-direction-active-accent: var(--vc-direction-code-accent);--vc-direction-active-primary: var(--vc-direction-code-primary);--vc-direction-active-primary-foreground: var(--vc-direction-code-primary-foreground);--vc-direction-active-ring: var(--vc-direction-code-ring);--vc-direction-active-surface: var(--vc-direction-code-surface);--vc-direction-active-surface-foreground: var(--vc-direction-code-surface-foreground);--vc-direction-active-media-filter: var(--vc-direction-code-media-filter);--vc-direction-code: hsl(var(--vc-direction-code-accent-hsl));--vc-direction-design: hsl(var(--vc-direction-design-accent-hsl));--vc-direction-active: var(--vc-direction-current-accent)}body[data-ui-env=preview][data-vibe-direction=vibe-design]{--vc-direction-current: design;--vc-direction-current-accent-hsl: var(--vc-direction-design-accent-hsl);--vc-direction-current-foreground-hsl: var(--vc-direction-design-foreground-hsl);--vc-direction-current-text-hsl: var(--vc-direction-design-text-hsl);--vc-direction-current-surface-hsl: var(--vc-direction-design-surface-hsl);--vc-direction-current-surface-foreground-hsl: var(--vc-direction-design-surface-foreground-hsl);--vc-direction-active-accent: var(--vc-direction-design-accent);--vc-direction-active-primary: var(--vc-direction-design-primary);--vc-direction-active-primary-foreground: var(--vc-direction-design-primary-foreground);--vc-direction-active-ring: var(--vc-direction-design-ring);--vc-direction-active-surface: var(--vc-direction-design-surface);--vc-direction-active-surface-foreground: var(--vc-direction-design-surface-foreground);--vc-direction-active-media-filter: var(--vc-direction-design-media-filter)}