body[data-ui-env=preview]{--vc-direction-preset: vibe-code;--vc-direction-primary: hsl(var(--primary));--vc-direction-primary-raw: var(--primary);--vc-direction-foreground: hsl(var(--primary-foreground));--vc-direction-accent: hsl(var(--accent));--vc-direction-accent-raw: var(--accent);--vc-direction-surface: color-mix(in srgb, hsl(var(--primary)) 10%, hsl(var(--card)) 90%);--vc-direction-surface-strong: color-mix(in srgb, hsl(var(--primary)) 18%, hsl(var(--card)) 82%);--vc-direction-border: color-mix(in srgb, hsl(var(--primary)) 28%, hsl(var(--border)) 72%);--vc-direction-border-strong: color-mix(in srgb, hsl(var(--primary)) 52%, hsl(var(--border)) 48%);--vc-direction-text-muted: color-mix(in srgb, hsl(var(--muted-foreground)) 82%, hsl(var(--primary)) 18%);--vc-direction-glow: 0 18px 48px color-mix(in srgb, hsl(var(--primary)) 18%, transparent);--vc-direction-gradient: linear-gradient(135deg, hsl(var(--primary) / .18), hsl(var(--accent) / .08));--vc-direction-code-color: hsl(148 100% 54%);--vc-direction-design-color: hsl(286 92% 68%);--vc-direction-analytics-color: hsl(199 94% 56%);--vc-direction-automation-color: hsl(82 84% 53%);--vc-direction-business-color: hsl(37 91% 55%);--vc-direction-infra-color: hsl(171 67% 47%);--vc-direction-future-grid: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));--vc-direction-preset-radius: max(var(--radius, var(--vc-radius-4)), var(--vc-radius-4));--vc-direction-preset-gap: .78rem;--vc-direction-preset-transition: background var(--vc-motion-duration-fast) ease, border-color var(--vc-motion-duration-fast) ease, color var(--vc-motion-duration-fast) ease, box-shadow var(--vc-motion-duration-fast) ease}body[data-ui-env=preview][data-vibe-direction=vibe-code]{--vc-direction-preset: vibe-code;--vc-direction-primary-raw: 146 85% 55%;--vc-direction-accent-raw: 146 85% 55%}body[data-ui-env=preview][data-vibe-direction=vibe-design]{--vc-direction-preset: vibe-design;--vc-direction-primary-raw: 286 92% 68%;--vc-direction-accent-raw: 286 58% 16%}html:not(.dark) body[data-ui-env=preview][data-vibe-direction=vibe-design]{--vc-direction-primary-raw: 286 78% 54%;--vc-direction-accent-raw: 286 68% 95%}body[data-ui-env=preview][data-vibe-direction=vibe-analytics]{--vc-direction-preset: vibe-analytics;--vc-direction-primary-raw: 199 94% 56%;--vc-direction-accent-raw: 188 84% 18%}html:not(.dark) body[data-ui-env=preview][data-vibe-direction=vibe-analytics]{--vc-direction-primary-raw: 200 98% 40%;--vc-direction-accent-raw: 199 84% 94%}body[data-ui-env=preview][data-vibe-direction=vibe-automation]{--vc-direction-preset: vibe-automation;--vc-direction-primary-raw: 82 84% 53%;--vc-direction-accent-raw: 96 44% 17%}html:not(.dark) body[data-ui-env=preview][data-vibe-direction=vibe-automation]{--vc-direction-primary-raw: 82 78% 34%;--vc-direction-accent-raw: 84 66% 91%}body[data-ui-env=preview][data-vibe-direction=vibe-business]{--vc-direction-preset: vibe-business;--vc-direction-primary-raw: 37 91% 55%;--vc-direction-accent-raw: 30 55% 18%}html:not(.dark) body[data-ui-env=preview][data-vibe-direction=vibe-business]{--vc-direction-primary-raw: 34 88% 46%;--vc-direction-accent-raw: 38 78% 93%}body[data-ui-env=preview][data-vibe-direction=vibe-infra]{--vc-direction-preset: vibe-infra;--vc-direction-primary-raw: 171 67% 47%;--vc-direction-accent-raw: 166 42% 17%}html:not(.dark) body[data-ui-env=preview][data-vibe-direction=vibe-infra]{--vc-direction-primary-raw: 171 67% 34%;--vc-direction-accent-raw: 158 52% 91%}body[data-ui-env=preview][data-vibe-direction^=vibe-]{--vc-direction-primary: hsl(var(--vc-direction-primary-raw));--vc-direction-accent: hsl(var(--vc-direction-accent-raw));--vc-direction-surface: color-mix(in srgb, hsl(var(--vc-direction-primary-raw)) 10%, hsl(var(--card)) 90%);--vc-direction-surface-strong: color-mix(in srgb, hsl(var(--vc-direction-primary-raw)) 18%, hsl(var(--card)) 82%);--vc-direction-border: color-mix(in srgb, hsl(var(--vc-direction-primary-raw)) 28%, hsl(var(--border)) 72%);--vc-direction-border-strong: color-mix(in srgb, hsl(var(--vc-direction-primary-raw)) 52%, hsl(var(--border)) 48%);--vc-direction-text-muted: color-mix(in srgb, hsl(var(--muted-foreground)) 82%, hsl(var(--vc-direction-primary-raw)) 18%);--vc-direction-glow: 0 18px 48px color-mix(in srgb, hsl(var(--vc-direction-primary-raw)) 18%, transparent);--vc-direction-gradient: linear-gradient( 135deg, hsl(var(--vc-direction-primary-raw) / .18), hsl(var(--vc-direction-accent-raw) / .08) )}body[data-ui-env=preview] [data-vc-direction-surface]{border:1px solid var(--vc-direction-border);border-radius:var(--vc-direction-preset-radius);background:var(--vc-direction-gradient),var(--vc-direction-surface);color:hsl(var(--foreground));box-shadow:var(--vc-direction-glow);transition:var(--vc-direction-preset-transition)}body[data-ui-env=preview] [data-vc-direction-muted]{color:var(--vc-direction-text-muted)}@media(prefers-reduced-motion:reduce){body[data-ui-env=preview]{--vc-direction-preset-transition: none}}