.vs-ugc{--background:var(--vs-info-50);--foreground:var(--vs-neutral-900);--card:var(--vs-neutral-0);--card-foreground:var(--vs-neutral-900);--popover:var(--vs-neutral-0);--popover-foreground:var(--vs-neutral-900);--primary:var(--vs-neutral-900);--primary-foreground:var(--vs-neutral-0);--primary-container:var(--vs-blue-50);--on-primary-container:var(--vs-blue-600);--secondary:var(--vs-neutral-0);--secondary-foreground:var(--vs-neutral-600);--muted:var(--vs-info-50);--muted-foreground:var(--vs-neutral-600);--accent:var(--vs-blue-50);--accent-foreground:var(--vs-blue-600);--border:var(--vs-neutral-200);--input:var(--vs-neutral-200);--ring:var(--vs-blue-500);--surface:var(--vs-neutral-0);--surface-bright:var(--vs-neutral-0);--surface-low:var(--vs-neutral-50);--surface-lowest:var(--vs-neutral-0);--surface-high:var(--vs-neutral-200);--surface-highest:var(--vs-neutral-300);--outline:var(--vs-neutral-500);--outline-variant:var(--vs-neutral-300);--field:var(--vs-neutral-0);--glow-primary:47 91 255;--accent-warm:var(--vs-violet-600);--accent-warm-strong:var(--vs-violet-500);--ink-cream:var(--vs-neutral-900);--hairline:var(--vs-neutral-200);--ugc-blue:var(--vs-blue-500);--ugc-blue-soft:var(--vs-blue-400);--ugc-chip:var(--vs-blue-50);--ugc-ink:var(--vs-neutral-900);--ugc-slate:var(--vs-neutral-600);--ugc-field:var(--vs-info-50);--ugc-field-top:color-mix(in oklab,var(--vs-info-50) 50%,#ffffff);--ugc-card:var(--vs-neutral-0);--ugc-hairline:var(--vs-neutral-200);--ugc-hairline-brand:rgb(47 91 255/0.25);--ugc-cta:var(--vs-neutral-900);--ugc-cta-hover:var(--vs-neutral-800);--ugc-save:var(--vs-success-600);--ugc-radius:0.75rem;--ugc-shadow:var(--elevation-3);--ugc-shadow-soft:var(--elevation-1);font-family:var(--font-bricolage,"Bricolage Grotesque"),system-ui,sans-serif;color-scheme:light}.vs-ugc ::selection{background-color:rgb(47 91 255/.18);color:var(--foreground)}.vs-ugc-field{background:linear-gradient(180deg,var(--ugc-field-top) 0,var(--ugc-field) 42%)}body:has(.vs-ugc-field){background-color:var(--vs-info-50)}.vs-ugc .ugc-chip{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--ugc-chip);color:var(--ugc-blue)}.vs-ugc .ugc-card{background:var(--ugc-card);border:1px solid var(--border-card);border-radius:var(--ugc-radius);box-shadow:var(--ugc-shadow-soft)}.vs-ugc .ugc-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--ugc-cta);color:#ffffff;border-radius:9999px;font-weight:600;box-shadow:var(--button-raised);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.vs-ugc .ugc-cta:hover{background:var(--ugc-cta-hover);box-shadow:var(--button-raised-hover)}.vs-ugc .ugc-cta:active{box-shadow:var(--button-pressed)}.vs-ugc .ugc-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (prefers-reduced-motion:no-preference){.vs-ugc .ugc-cta:not(:disabled):hover{transform:translateY(-1px)}}.vs-ugc .ugc-panel{background:var(--ugc-card);border:1px solid var(--ugc-hairline);border-radius:var(--ugc-radius)}.vs-ugc .ugc-rail{background:var(--vs-neutral-0);border-right:1px solid var(--ugc-hairline)}.vs-ugc .ugc-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--vs-neutral-0);color:var(--ugc-ink);border:1px solid var(--border-strong);border-radius:9999px;font-weight:600;box-shadow:var(--button-raised);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.vs-ugc .ugc-btn-secondary:hover{border-color:var(--input-hover);background:var(--surface-hover);box-shadow:var(--button-raised-hover)}.vs-ugc .ugc-btn-secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.vs-ugc .ugc-select{height:2rem;width:100%;min-width:0;appearance:none;border:1px solid var(--input);border-radius:.5rem;background-color:var(--field);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6778' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:1rem;padding:.25rem 2.25rem .25rem .625rem;font-size:.875rem;color:var(--ugc-ink);transition:border-color .2s ease,box-shadow .2s ease}.vs-ugc .ugc-select:hover{border-color:var(--input-hover)}.vs-ugc .ugc-select:focus-visible{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.vs-ugc .ugc-status{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1rem;white-space:nowrap}.vs-ugc .ugc-status-neutral{background:var(--neutral-subtle);color:var(--text-neutral)}.vs-ugc .ugc-status-blue{background:var(--brand-subtle);color:var(--text-brand)}.vs-ugc .ugc-status-green{background:var(--success-subtle);color:var(--text-success)}.vs-ugc .ugc-status-amber{background:var(--warning-subtle);color:var(--text-warning)}.vs-ugc .ugc-status-red{background:var(--error-subtle);color:var(--text-error)}.vs-ugc .ugc-status-violet{background:var(--brand-secondary-subtle);color:var(--text-brand-secondary)}.vs-ugc .ugc-num{font-variant-numeric:tabular-nums}.vs-ugc :focus-visible{outline:2px solid var(--ugc-blue);outline-offset:2px}