:root{--vi-grey-1000:#0d0d0d;--vi-grey-975:#121212;--vi-grey-950:#181818;--vi-grey-900:#1a1a1a;--vi-grey-850:#1e1e1e;--vi-grey-800:#222;--vi-grey-750:#252525;--vi-grey-700:#2a2a2a;--vi-grey-650:#303030;--vi-grey-600:#3a3a3a;--vi-grey-550:#454545;--vi-grey-500:#4f4f4f;--vi-grey-450:#606060;--vi-grey-400:#707070;--vi-grey-350:#8a8a8a;--vi-grey-300:#a0a0a0;--vi-grey-250:silver;--vi-grey-200:#d0d0d0;--vi-grey-150:#e0e0e0;--vi-grey-100:#f0f0f0;--vi-grey-50:#fafafa;--vi-alpha-white-3:#ffffff08;--vi-alpha-white-5:#ffffff0d;--vi-alpha-white-8:#ffffff14;--vi-alpha-white-10:#ffffff1a;--vi-alpha-white-15:#ffffff26;--vi-alpha-white-20:#fff3;--vi-alpha-black-20:#0003;--vi-alpha-black-40:#0006;--vi-alpha-black-60:#0009;--vi-alpha-black-80:#000c;--vi-blue-300:#93c5fd;--vi-blue-400:#60a5fa;--vi-blue-500:#3b82f6;--vi-blue-600:#2563eb;--vi-blue-700:#1d4ed8;--vi-blue-900:#172554;--vi-violet-400:#a78bfa;--vi-violet-500:#8b5cf6;--vi-violet-600:#7c3aed;--vi-green-400:#34d399;--vi-green-500:#10b981;--vi-green-600:#059669;--vi-amber-400:#fbbf24;--vi-amber-500:#f59e0b;--vi-amber-600:#d97706;--vi-red-400:#f87171;--vi-red-500:#ef4444;--vi-red-600:#dc2626;--vi-red-700:#b91c1c;--vi-cyan-400:#22d3ee;--vi-cyan-500:#06b6d4;--vi-pink-500:#ec4899;--vi-lime-500:#84cc16;--vi-orange-500:#f97316;--vi-surface-sunken:var(--vi-grey-975);--vi-surface-canvas:var(--vi-grey-950);--vi-surface-chrome:var(--vi-grey-900);--vi-surface-panel:var(--vi-grey-850);--vi-surface-raised:var(--vi-grey-750);--vi-surface-overlay:var(--vi-grey-750);--vi-surface-inset:var(--vi-grey-650);--vi-surface-hover:var(--vi-alpha-white-5);--vi-surface-active:var(--vi-alpha-white-10);--vi-surface-selected:#3b82f626;--vi-surface-scrim:var(--vi-alpha-black-60);--vi-border-subtle:var(--vi-alpha-white-5);--vi-border-default:var(--vi-grey-700);--vi-border-strong:var(--vi-grey-600);--vi-border-hover:var(--vi-grey-550);--vi-border-focus:var(--vi-blue-500);--vi-border-danger:var(--vi-red-500);--vi-text-strong:var(--vi-grey-150);--vi-text-default:var(--vi-grey-200);--vi-text-secondary:var(--vi-grey-300);--vi-text-muted:var(--vi-grey-400);--vi-text-disabled:var(--vi-grey-450);--vi-text-inverse:var(--vi-grey-1000);--vi-text-on-accent:#fff;--vi-text-link:var(--vi-blue-400);--vi-icon-default:var(--vi-grey-350);--vi-icon-muted:var(--vi-grey-400);--vi-icon-strong:var(--vi-grey-150);--vi-icon-accent:var(--vi-blue-500);--vi-accent:var(--vi-blue-500);--vi-accent-hover:var(--vi-blue-400);--vi-accent-active:var(--vi-blue-600);--vi-accent-subtle:#3b82f61f;--vi-accent-border:#3b82f659;--vi-accent-glow:#3b82f633;--vi-brand-gradient:linear-gradient(135deg, var(--vi-blue-500), var(--vi-violet-500));--vi-logo-primary:#fff;--vi-logo-secondary:#2a475e;--vi-success:var(--vi-green-500);--vi-success-subtle:#10b9811f;--vi-warning:var(--vi-amber-500);--vi-warning-subtle:#f59e0b1f;--vi-danger:var(--vi-red-500);--vi-danger-subtle:#ef44441f;--vi-info:var(--vi-cyan-500);--vi-info-subtle:#06b6d41f;--vi-axis-x:#ff5f56;--vi-axis-y:#6dd400;--vi-axis-z:#3b82f6;--vi-axis-w:var(--vi-text-default);--vi-axis-x-dim:#ff5f5659;--vi-axis-y-dim:#6dd40059;--vi-axis-z-dim:#3b82f659;--vi-gizmo-hover:#ffd60a;--vi-gizmo-locked:var(--vi-grey-500);--vi-viewport-bg:#1c2028;--vi-viewport-grid:#ffffff0f;--vi-viewport-grid-major:#ffffff1f;--vi-viewport-selection:#ff9500;--vi-viewport-hover:#ffd60a;--vi-viewport-bounds:#ffffff4d;--vi-viewport-collider:#6dd400;--vi-viewport-light:#ffd60a;--vi-viewport-camera:#a0a0a0;--vi-viewport-nav:#22d3ee;--vi-playmode-tint:#3b82f612;--vi-playmode-accent:var(--vi-blue-500);--vi-paused-accent:var(--vi-amber-500);--vi-recording:var(--vi-red-500);--vi-pin-exec:#e0e0e0;--vi-pin-bool:#ef4444;--vi-pin-int:#22d3ee;--vi-pin-float:#84cc16;--vi-pin-string:#ec4899;--vi-pin-vector:#f59e0b;--vi-pin-color:#a78bfa;--vi-pin-object:#3b82f6;--vi-pin-struct:#8b5cf6;--vi-pin-texture:#06b6d4;--vi-pin-event:#f97316;--vi-pin-wildcard:#a0a0a0;--vi-node-event:#7f1d1d;--vi-node-flow:#374151;--vi-node-math:#14532d;--vi-node-logic:#1e3a5f;--vi-node-asset:#164e63;--vi-node-custom:#4c1d95;--vi-asset-scene:#3b82f6;--vi-asset-actor:#22d3ee;--vi-asset-mesh:#f59e0b;--vi-asset-material:#8b5cf6;--vi-asset-texture:#06b6d4;--vi-asset-shader:#ec4899;--vi-asset-script:#84cc16;--vi-asset-audio:#f97316;--vi-asset-anim:#10b981;--vi-asset-font:var(--vi-text-secondary);--vi-asset-folder:var(--vi-text-muted);--vi-log-trace:var(--vi-text-muted);--vi-log-info:var(--vi-text-default);--vi-log-success:var(--vi-green-500);--vi-log-warn:var(--vi-amber-500);--vi-log-error:var(--vi-red-500);--vi-log-fatal:#ff2d55;--vi-vcs-added:var(--vi-green-500);--vi-vcs-modified:var(--vi-amber-500);--vi-vcs-deleted:var(--vi-red-500);--vi-vcs-conflict:#ff2d55;--vi-vcs-ignored:var(--vi-grey-450);--vi-vcs-locked:var(--vi-violet-500);--vi-override-bar:var(--vi-blue-500);--vi-override-text:var(--vi-blue-400);--vi-inherited-text:var(--vi-text-muted);--vi-font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vi-font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--vi-text-2xs:10px;--vi-text-xs:11px;--vi-text-sm:12px;--vi-text-md:13px;--vi-text-base:14px;--vi-text-lg:15px;--vi-text-xl:16px;--vi-text-2xl:18px;--vi-text-3xl:20px;--vi-text-4xl:24px;--vi-text-5xl:30px;--vi-weight-normal:400;--vi-weight-medium:500;--vi-weight-semibold:600;--vi-weight-bold:700;--vi-leading-none:1;--vi-leading-tight:1.25;--vi-leading-snug:1.4;--vi-leading-base:1.5;--vi-leading-loose:1.7;--vi-tracking-tight:-.01em;--vi-tracking-normal:0;--vi-tracking-wide:.02em;--vi-tracking-caps:.06em;--vi-space-0:0px;--vi-space-px:1px;--vi-space-1:2px;--vi-space-2:4px;--vi-space-3:6px;--vi-space-4:8px;--vi-space-5:10px;--vi-space-6:12px;--vi-space-7:14px;--vi-space-8:16px;--vi-space-10:20px;--vi-space-12:24px;--vi-space-14:28px;--vi-space-16:32px;--vi-space-20:40px;--vi-space-24:48px;--vi-space-32:64px;--vi-radius-none:0px;--vi-radius-xs:2px;--vi-radius-sm:3px;--vi-radius-md:4px;--vi-radius-lg:6px;--vi-radius-xl:8px;--vi-radius-2xl:12px;--vi-radius-full:999px;--vi-control-xs:18px;--vi-control-sm:22px;--vi-control-md:26px;--vi-control-lg:32px;--vi-control-xl:38px;--vi-icon-xs:12px;--vi-icon-sm:14px;--vi-icon-md:16px;--vi-icon-lg:20px;--vi-icon-xl:24px;--vi-titlebar-h:48px;--vi-toolbar-h:36px;--vi-tabstrip-h:30px;--vi-statusbar-h:28px;--vi-panel-min-w:220px;--vi-row-h:22px;--vi-row-h-lg:28px;--vi-splitter-w:4px;--vi-label-w:110px;--vi-shadow-none:none;--vi-shadow-xs:0 1px 2px #0000004d;--vi-shadow-sm:0 2px 4px #00000059;--vi-shadow-md:0 4px 12px #0006;--vi-shadow-lg:0 8px 24px #00000080;--vi-shadow-xl:0 16px 48px #0009;--vi-shadow-inner:inset 0 1px 2px #00000059;--vi-shadow-accent:0 0 0 1px var(--vi-accent-border), 0 4px 16px var(--vi-accent-glow);--vi-focus-ring:0 0 0 1px var(--vi-surface-canvas), 0 0 0 3px #3b82f673;--vi-duration-instant:80ms;--vi-duration-fast:.12s;--vi-duration-base:.16s;--vi-duration-slow:.22s;--vi-ease-out:cubic-bezier(.16, 1, .3, 1);--vi-ease-in:cubic-bezier(.4, 0, 1, 1);--vi-ease-inout:cubic-bezier(.4, 0, .2, 1);--vi-ease-snap:cubic-bezier(.2, 0, 0, 1);--vi-transition-colors:color var(--vi-duration-fast) var(--vi-ease-snap), background-color var(--vi-duration-fast) var(--vi-ease-snap), border-color var(--vi-duration-fast) var(--vi-ease-snap);--vi-transition-all:all var(--vi-duration-fast) var(--vi-ease-snap);--vi-z-base:0;--vi-z-docked:10;--vi-z-overlay:20;--vi-z-sticky:30;--vi-z-chrome:50;--vi-z-dropdown:100;--vi-z-popover:200;--vi-z-tooltip:300;--vi-z-modal:400;--vi-z-toast:500;--vi-z-dragging:900}[data-density=compact]{--vi-row-h:20px;--vi-row-h-lg:24px;--vi-control-sm:20px;--vi-control-md:24px;--vi-space-6:10px;--vi-space-8:12px}[data-density=comfortable]{--vi-row-h:26px;--vi-row-h-lg:32px;--vi-control-sm:26px;--vi-control-md:30px}[data-contrast=high]{--vi-border-default:var(--vi-grey-500);--vi-border-subtle:var(--vi-grey-600);--vi-text-muted:var(--vi-grey-300);--vi-text-secondary:var(--vi-grey-200);--vi-text-disabled:var(--vi-grey-400);--vi-icon-default:var(--vi-grey-200)}@media (prefers-reduced-motion:reduce){:root{--vi-duration-instant:0s;--vi-duration-fast:0s;--vi-duration-base:0s;--vi-duration-slow:0s}}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--vi-font-ui);font-size:var(--vi-text-sm);line-height:var(--vi-leading-snug);color:var(--vi-text-default);background:var(--vi-surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;cursor:default;overflow:hidden}.vi-selectable,input,textarea,code,pre,[contenteditable]{-webkit-user-select:text;user-select:text}img,svg,video,canvas{max-width:100%;display:block}svg{flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:default}a{color:var(--vi-text-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-tight)}:focus{outline:none}:focus-visible{box-shadow:var(--vi-focus-ring);border-radius:var(--vi-radius-md);z-index:1;outline:none;position:relative}*{scrollbar-width:thin;scrollbar-color:var(--vi-grey-600) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--vi-grey-700);border-radius:var(--vi-radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--vi-grey-550);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}.vi-scroll-auto{overflow:auto}.vi-scroll-y{overflow:hidden auto}.vi-mono{font-family:var(--vi-font-mono);font-size:var(--vi-text-xs);letter-spacing:-.01em}.vi-num{font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.vi-eyebrow{font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted)}.vi-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vi-text-strong{color:var(--vi-text-strong)}.vi-text-secondary{color:var(--vi-text-secondary)}.vi-text-muted{color:var(--vi-text-muted)}.vi-text-disabled{color:var(--vi-text-disabled)}.vi-text-accent{color:var(--vi-accent)}.vi-text-success{color:var(--vi-success)}.vi-text-warning{color:var(--vi-warning)}.vi-text-danger{color:var(--vi-danger)}.vi-row{align-items:center;display:flex}.vi-col{flex-direction:column;display:flex}.vi-fill{flex:1;min-width:0;min-height:0}.vi-center{justify-content:center;align-items:center;display:flex}.vi-between{justify-content:space-between;align-items:center;display:flex}.vi-wrap{flex-wrap:wrap}.vi-gap-1{gap:var(--vi-space-1)}.vi-gap-2{gap:var(--vi-space-2)}.vi-gap-3{gap:var(--vi-space-3)}.vi-gap-4{gap:var(--vi-space-4)}.vi-gap-6{gap:var(--vi-space-6)}.vi-gap-8{gap:var(--vi-space-8)}.vi-divider{background:var(--vi-border-default);flex-shrink:0}.vi-divider-h{width:100%;height:1px}.vi-divider-v{width:1px;height:100%}.vi-sep{background:var(--vi-alpha-white-10);width:1px;height:16px;margin-inline:var(--vi-space-2);flex-shrink:0}.vi-splitter{background:var(--vi-border-default);transition:background var(--vi-duration-fast) var(--vi-ease-snap);flex-shrink:0;position:relative}.vi-splitter:after{content:"";position:absolute;inset:-3px}.vi-splitter:hover,.vi-splitter[data-dragging]{background:var(--vi-accent)}.vi-splitter-v{cursor:col-resize;width:1px}.vi-splitter-h{cursor:row-resize;height:1px}[disabled],.vi-is-disabled,[aria-disabled=true]{opacity:.4;pointer-events:none;cursor:not-allowed}.vi-is-loading{cursor:progress}.vi-drag-handle{cursor:grab}.vi-drag-handle:active{cursor:grabbing}.vi-drop-target{outline:1px dashed var(--vi-accent);outline-offset:-1px;background:var(--vi-accent-subtle)}.vi-drop-line{background:var(--vi-accent);height:2px;box-shadow:0 0 6px var(--vi-accent-glow)}@keyframes vi-spin{to{transform:rotate(360deg)}}@keyframes vi-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes vi-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vi-pop-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}@keyframes vi-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes vi-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes vi-indeterminate{0%{transform:translate(-100%)scaleX(.4)}to{transform:translate(250%)scaleX(.4)}}@keyframes vi-rec-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes vi-check-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
.vi-btn{justify-content:center;align-items:center;gap:var(--vi-space-3);height:var(--vi-control-md);padding-inline:var(--vi-space-6);border-radius:var(--vi-radius-lg);font-size:var(--vi-text-sm);font-weight:var(--vi-weight-medium);white-space:nowrap;cursor:default;transition:var(--vi-transition-colors), box-shadow var(--vi-duration-fast) var(--vi-ease-snap);border:1px solid #0000;flex-shrink:0;line-height:1;display:inline-flex}.vi-btn:active:not([disabled]){transform:translateY(.5px)}.vi-btn-primary{background:var(--vi-accent);color:var(--vi-text-on-accent);box-shadow:0 1px 2px #00000040, 0 0 12px var(--vi-accent-glow)}.vi-btn-primary:hover:not([disabled]){background:var(--vi-accent-hover)}.vi-btn-primary:active:not([disabled]){background:var(--vi-accent-active)}.vi-btn-secondary{background:var(--vi-alpha-white-5);border-color:var(--vi-border-subtle);color:var(--vi-text-default)}.vi-btn-secondary:hover:not([disabled]){background:var(--vi-alpha-white-10);color:var(--vi-text-strong);border-color:var(--vi-border-strong)}.vi-btn-secondary:active:not([disabled]){background:var(--vi-alpha-white-15)}.vi-btn-ghost{color:var(--vi-text-muted)}.vi-btn-ghost:hover:not([disabled]){background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-btn-ghost:active:not([disabled]){background:var(--vi-surface-active)}.vi-btn-subtle{background:var(--vi-surface-inset);color:var(--vi-text-secondary)}.vi-btn-subtle:hover:not([disabled]){background:var(--vi-grey-550);color:var(--vi-text-strong)}.vi-btn-danger{background:var(--vi-danger);color:#fff}.vi-btn-danger:hover:not([disabled]){background:var(--vi-red-400)}.vi-btn-danger:active:not([disabled]){background:var(--vi-red-600)}.vi-btn-danger-outline{border-color:var(--vi-border-danger);color:var(--vi-red-400)}.vi-btn-danger-outline:hover:not([disabled]){background:var(--vi-danger-subtle)}.vi-btn-link{color:var(--vi-text-link);height:auto;padding-inline:0}.vi-btn-link:hover{text-decoration:underline}.vi-btn-xs{height:var(--vi-control-xs);padding-inline:var(--vi-space-3);font-size:var(--vi-text-2xs);gap:var(--vi-space-2);border-radius:var(--vi-radius-sm)}.vi-btn-sm{height:var(--vi-control-sm);padding-inline:var(--vi-space-4);font-size:var(--vi-text-xs);gap:var(--vi-space-2);border-radius:var(--vi-radius-md)}.vi-btn-lg{height:var(--vi-control-lg);padding-inline:var(--vi-space-8);font-size:var(--vi-text-md)}.vi-btn-xl{height:var(--vi-control-xl);padding-inline:var(--vi-space-10);font-size:var(--vi-text-base)}.vi-btn-icon{width:var(--vi-control-md);padding:0}.vi-btn-icon.vi-btn-xs{width:var(--vi-control-xs)}.vi-btn-icon.vi-btn-sm{width:var(--vi-control-sm)}.vi-btn-icon.vi-btn-lg{width:var(--vi-control-lg)}.vi-btn-icon.vi-btn-xl{width:var(--vi-control-xl)}.vi-btn-block{width:100%}.vi-btn-row{gap:var(--vi-space-3);width:100%;display:flex}.vi-btn-row>.vi-btn{flex:1 1 0;min-width:0;overflow:hidden}.vi-btn-row>.vi-btn>.vi-btn-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vi-btn[data-active=true]{background:var(--vi-accent-subtle);color:var(--vi-accent-hover);border-color:var(--vi-accent-border)}.vi-btn[data-loading=true]{color:#0000;pointer-events:none;position:relative}.vi-btn[data-loading=true]:after{content:"";width:12px;height:12px;color:var(--vi-text-on-accent);border:1.5px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite vi-spin;position:absolute}.vi-btn-group{display:inline-flex}.vi-btn-group>.vi-btn{border-radius:0;margin-left:-1px}.vi-btn-group>.vi-btn:first-child{border-radius:var(--vi-radius-lg) 0 0 var(--vi-radius-lg);margin-left:0}.vi-btn-group>.vi-btn:last-child{border-radius:0 var(--vi-radius-lg) var(--vi-radius-lg) 0}.vi-btn-group>.vi-btn:hover{z-index:1}.vi-segment{background:var(--vi-surface-sunken);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);gap:2px;padding:2px;display:inline-flex}.vi-segment-item{align-items:center;gap:var(--vi-space-2);height:calc(var(--vi-control-md) - 6px);padding-inline:var(--vi-space-5);border-radius:var(--vi-radius-md);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-medium);color:var(--vi-text-muted);transition:var(--vi-transition-colors);white-space:nowrap;display:inline-flex}.vi-segment-item:hover{color:var(--vi-text-default);background:var(--vi-surface-hover)}.vi-segment-item[data-active=true]{background:var(--vi-grey-600);color:var(--vi-text-strong);box-shadow:var(--vi-shadow-xs)}.vi-segment-item[data-active=true].vi-segment-accent{background:var(--vi-accent);color:#fff}.vi-input{align-items:center;gap:var(--vi-space-3);height:var(--vi-control-md);padding-inline:var(--vi-space-4);background:var(--vi-surface-inset);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);color:var(--vi-text-default);font-size:var(--vi-text-sm);width:100%;transition:var(--vi-transition-colors), box-shadow var(--vi-duration-fast) var(--vi-ease-snap);display:flex}.vi-input::placeholder{color:var(--vi-text-muted)}.vi-input:hover{border-color:var(--vi-border-hover)}.vi-input:focus-within,.vi-input:focus{border-color:var(--vi-border-focus);background:var(--vi-surface-sunken);box-shadow:0 0 0 2px var(--vi-accent-glow)}.vi-input[data-invalid=true]{border-color:var(--vi-danger);box-shadow:0 0 0 2px #ef444433}.vi-input-sm{height:var(--vi-control-sm);font-size:var(--vi-text-xs);padding-inline:var(--vi-space-3)}.vi-input-lg{height:var(--vi-control-lg)}.vi-field{align-items:center;width:100%;display:flex;position:relative}.vi-field>.vi-field-icon{left:var(--vi-space-4);color:var(--vi-icon-muted);pointer-events:none;transition:color var(--vi-duration-fast) var(--vi-ease-snap);display:flex;position:absolute}.vi-field:focus-within>.vi-field-icon{color:var(--vi-accent)}.vi-field>.vi-field-icon~.vi-input{padding-left:28px}.vi-field>.vi-field-suffix{right:var(--vi-space-3);align-items:center;gap:var(--vi-space-2);color:var(--vi-text-muted);font-size:var(--vi-text-2xs);display:flex;position:absolute}.vi-field>.vi-field-suffix~.vi-input{padding-right:44px}textarea.vi-input{height:auto;min-height:64px;padding:var(--vi-space-4);resize:vertical;line-height:var(--vi-leading-base)}.vi-numfield{align-items:center;min-width:0;display:flex}.vi-numfield-label{width:16px;height:var(--vi-control-sm);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);color:var(--vi-text-muted);background:var(--vi-grey-700);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md) 0 0 var(--vi-radius-md);cursor:ew-resize;transition:var(--vi-transition-colors);border-right:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vi-numfield-label:hover{background:var(--vi-grey-600);color:var(--vi-text-strong)}.vi-numfield-input{height:var(--vi-control-sm);width:100%;min-width:0;padding-inline:var(--vi-space-3);background:var(--vi-surface-inset);border:1px solid var(--vi-border-default);border-radius:0 var(--vi-radius-md) var(--vi-radius-md) 0;font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums;font-size:var(--vi-text-xs);color:var(--vi-text-default);transition:var(--vi-transition-colors)}.vi-numfield:not(:has(.vi-numfield-label)) .vi-numfield-input{border-radius:var(--vi-radius-md)}.vi-numfield-input:hover{border-color:var(--vi-border-hover)}.vi-numfield-input:focus{border-color:var(--vi-border-focus);background:var(--vi-surface-sunken)}.vi-numfield[data-axis=x] .vi-numfield-label{color:var(--vi-axis-x);background:#ff5f561f;border-color:#ff5f5640}.vi-numfield[data-axis=y] .vi-numfield-label{color:var(--vi-axis-y);background:#6dd4001f;border-color:#6dd40040}.vi-numfield[data-axis=z] .vi-numfield-label{color:var(--vi-axis-z);background:#3b82f61f;border-color:#3b82f640}.vi-numfield[data-axis=w] .vi-numfield-label{color:var(--vi-axis-w)}.vi-vector{gap:var(--vi-space-2);min-width:0;display:grid}.vi-vector-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-vector-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vi-vector-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vi-select{justify-content:space-between;align-items:center;gap:var(--vi-space-3);height:var(--vi-control-sm);padding-inline:var(--vi-space-4) var(--vi-space-3);background:var(--vi-surface-inset);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);font-size:var(--vi-text-xs);color:var(--vi-text-default);width:100%;transition:var(--vi-transition-colors);display:flex}.vi-select:hover{border-color:var(--vi-border-hover);background:var(--vi-grey-600)}.vi-select[data-open=true]{border-color:var(--vi-border-focus)}.vi-select-md{height:var(--vi-control-md);font-size:var(--vi-text-sm)}.vi-select-caret{color:var(--vi-icon-muted);flex-shrink:0}.vi-check{appearance:none;background:var(--vi-surface-sunken);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-xs);width:14px;height:14px;color:var(--vi-text-on-accent);transition:background var(--vi-duration-fast) var(--vi-ease-snap), border-color var(--vi-duration-fast) var(--vi-ease-snap), box-shadow var(--vi-duration-fast) var(--vi-ease-snap), transform var(--vi-duration-instant) var(--vi-ease-snap);flex-shrink:0;position:relative}.vi-check:before{content:"";border-radius:var(--vi-radius-sm);position:absolute;inset:-4px}.vi-check:hover{background:var(--vi-surface-inset);border-color:var(--vi-border-hover)}.vi-check:active{transform:scale(.88)}.vi-check:checked,.vi-check:indeterminate{background:var(--vi-accent);border-color:var(--vi-accent)}.vi-check:checked:hover,.vi-check:indeterminate:hover{background:var(--vi-accent-hover);border-color:var(--vi-accent-hover)}.vi-check:checked:after,.vi-check:indeterminate:after{content:"";animation:vi-check-pop var(--vi-duration-fast) var(--vi-ease-out);background:currentColor;position:absolute;inset:0}.vi-check:checked:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3 4.9 8.7 9.5 3.5'/%3E%3C/svg%3E") 50%/10px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3 4.9 8.7 9.5 3.5'/%3E%3C/svg%3E") 50%/10px no-repeat}.vi-check:indeterminate:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.6' y='5.1' width='6.8' height='1.8' rx='.9' fill='%23000'/%3E%3C/svg%3E") 50%/10px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.6' y='5.1' width='6.8' height='1.8' rx='.9' fill='%23000'/%3E%3C/svg%3E") 50%/10px no-repeat}.vi-check:focus-visible{border-radius:var(--vi-radius-xs);border-color:var(--vi-accent)}.vi-check-radio:focus-visible,.vi-check-radio{border-radius:var(--vi-radius-full)}.vi-check-radio:checked:after{background:currentColor;border-radius:50%;inset:3px;-webkit-mask:none;mask:none}.vi-check-lg{width:16px;height:16px}.vi-check-lg:checked:after{-webkit-mask-size:11px;mask-size:11px}.vi-check:disabled{opacity:.45}.vi-check:disabled:checked{background:var(--vi-grey-500);border-color:var(--vi-grey-500)}.vi-checkline{align-items:center;gap:var(--vi-space-4);font-size:var(--vi-text-sm);color:var(--vi-text-default);display:flex}.vi-checkline:hover{color:var(--vi-text-strong)}.vi-switch{appearance:none;background:var(--vi-grey-600);border-radius:var(--vi-radius-full);width:28px;height:16px;transition:background var(--vi-duration-fast) var(--vi-ease-snap);flex-shrink:0;position:relative}.vi-switch:after{content:"";background:var(--vi-grey-200);width:12px;height:12px;transition:transform var(--vi-duration-fast) var(--vi-ease-snap), background var(--vi-duration-fast);border-radius:50%;position:absolute;top:2px;left:2px}.vi-switch:checked{background:var(--vi-accent)}.vi-switch:checked:after{background:#fff;transform:translate(12px)}.vi-slider{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:14px}.vi-slider::-webkit-slider-runnable-track{border-radius:var(--vi-radius-full);background:var(--vi-grey-650);height:3px}.vi-slider::-webkit-slider-thumb{appearance:none;background:var(--vi-grey-150);border:1px solid var(--vi-grey-900);width:11px;height:11px;box-shadow:var(--vi-shadow-xs);transition:transform var(--vi-duration-fast) var(--vi-ease-snap), background var(--vi-duration-fast);border-radius:50%;margin-top:-4px}.vi-slider:hover::-webkit-slider-thumb{background:#fff;transform:scale(1.15)}.vi-slider:active::-webkit-slider-thumb{background:var(--vi-accent)}.vi-slider::-moz-range-track{background:var(--vi-grey-650);border-radius:99px;height:3px}.vi-slider::-moz-range-thumb{border:1px solid var(--vi-grey-900);background:var(--vi-grey-150);border-radius:50%;width:11px;height:11px}.vi-slider-row{gap:var(--vi-space-4);grid-template-columns:1fr 56px;align-items:center;display:grid}.vi-swatch{height:var(--vi-control-sm);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-md);background-image:linear-gradient(45deg, var(--vi-grey-600) 25%, transparent 25%), linear-gradient(-45deg, var(--vi-grey-600) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--vi-grey-600) 75%), linear-gradient(-45deg, transparent 75%, var(--vi-grey-600) 75%);min-width:48px;transition:border-color var(--vi-duration-fast) var(--vi-ease-snap);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:relative;overflow:hidden}.vi-swatch:hover{border-color:var(--vi-border-hover)}.vi-swatch:after{content:"";background:linear-gradient(to right, var(--swatch,#3b82f6) 0 60%, color-mix(in srgb, var(--swatch,#3b82f6) 55%, transparent) 60% 100%);position:absolute;inset:0}.vi-swatch-full:after{background:var(--swatch,#3b82f6)}.vi-gradient-field{height:var(--vi-control-sm);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-md);background:var(--gradient,linear-gradient(90deg, #000, #fff));width:100%}.vi-curve-field{height:var(--vi-control-sm);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-md);background:var(--vi-surface-sunken);width:100%;position:relative;overflow:hidden}.vi-badge{align-items:center;gap:var(--vi-space-2);height:16px;padding-inline:var(--vi-space-3);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-wide);text-transform:uppercase;background:var(--vi-alpha-white-10);color:var(--vi-text-secondary);white-space:nowrap;display:inline-flex}.vi-badge-accent{background:var(--vi-accent-subtle);color:var(--vi-accent-hover)}.vi-badge-success{background:var(--vi-success-subtle);color:var(--vi-green-400)}.vi-badge-warning{background:var(--vi-warning-subtle);color:var(--vi-amber-400)}.vi-badge-danger{background:var(--vi-danger-subtle);color:var(--vi-red-400)}.vi-badge-info{background:var(--vi-info-subtle);color:var(--vi-cyan-400)}.vi-badge-outline{border:1px solid var(--vi-border-strong);background:0 0}.vi-badge-dot:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.vi-count{border-radius:var(--vi-radius-full);min-width:16px;height:16px;font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);font-variant-numeric:tabular-nums;background:var(--vi-grey-600);color:var(--vi-text-default);justify-content:center;align-items:center;padding-inline:4px;display:inline-flex}.vi-count-danger{background:var(--vi-danger);color:#fff}.vi-count-warn{background:var(--vi-warning);color:#000}.vi-chip{align-items:center;gap:var(--vi-space-2);height:20px;padding-inline:var(--vi-space-4) var(--vi-space-2);border-radius:var(--vi-radius-full);background:var(--vi-surface-inset);border:1px solid var(--vi-border-default);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);display:inline-flex}.vi-chip:hover{border-color:var(--vi-border-hover);color:var(--vi-text-strong)}.vi-chip-close{color:var(--vi-icon-muted);border-radius:50%;padding:1px;display:flex}.vi-chip-close:hover{background:var(--vi-alpha-white-15);color:var(--vi-text-strong)}.vi-kbd{min-width:16px;height:16px;font-family:var(--vi-font-ui);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-medium);color:var(--vi-text-muted);background:var(--vi-alpha-white-5);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-sm);border-bottom-width:2px;justify-content:center;align-items:center;padding-inline:4px;display:inline-flex}.vi-dot{background:var(--vi-grey-450);border-radius:50%;flex-shrink:0;width:6px;height:6px}.vi-dot-success{background:var(--vi-success);box-shadow:0 0 6px #10b98199}.vi-dot-warning{background:var(--vi-warning)}.vi-dot-danger{background:var(--vi-danger)}.vi-dot-accent{background:var(--vi-accent)}.vi-dot-live{animation:vi-pulse 1.6s var(--vi-ease-inout) infinite}.vi-tabs{height:var(--vi-tabstrip-h);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.vi-tabs::-webkit-scrollbar{display:none}.vi-tab{align-items:center;gap:var(--vi-space-3);padding-inline:var(--vi-space-6);font-size:var(--vi-text-xs);color:var(--vi-text-muted);border-right:1px solid var(--vi-border-default);white-space:nowrap;transition:var(--vi-transition-colors);display:inline-flex;position:relative}.vi-tab:hover{background:var(--vi-surface-hover);color:var(--vi-text-default)}.vi-tab[data-active=true]{background:var(--vi-surface-panel);color:var(--vi-text-strong)}.vi-tab[data-active=true]:before{content:"";background:var(--vi-accent);height:2px;position:absolute;inset:0 0 auto}.vi-tab[data-dirty=true] .vi-tab-close:before{content:"";background:var(--vi-text-muted);border-radius:50%;width:6px;height:6px}.vi-tab-close{border-radius:var(--vi-radius-xs);width:14px;height:14px;color:var(--vi-icon-muted);opacity:0;transition:var(--vi-transition-all);justify-content:center;align-items:center;display:flex}.vi-tab:hover .vi-tab-close,.vi-tab[data-active=true] .vi-tab-close{opacity:1}.vi-tab-close:hover{background:var(--vi-alpha-white-15);color:var(--vi-text-strong)}.vi-tabs-underline{border-bottom:1px solid var(--vi-border-default);gap:var(--vi-space-2);background:0 0;height:auto}.vi-tabs-underline .vi-tab{padding:var(--vi-space-4) var(--vi-space-3);font-size:var(--vi-text-sm);font-weight:var(--vi-weight-medium);border-right:none}.vi-tabs-underline .vi-tab[data-active=true]{background:0 0}.vi-tabs-underline .vi-tab[data-active=true]:before{inset:auto 0 0}.vi-menubar{align-items:center;gap:1px;display:flex}.vi-menubar-item{height:24px;padding-inline:var(--vi-space-4);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);border-radius:var(--vi-radius-sm);transition:var(--vi-transition-colors);align-items:center;display:inline-flex}.vi-menubar-item:hover,.vi-menubar-item[data-open=true]{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-menu{min-width:200px;padding:var(--vi-space-2);background:var(--vi-surface-raised);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-lg);box-shadow:var(--vi-shadow-lg);z-index:var(--vi-z-dropdown);animation:vi-pop-in var(--vi-duration-fast) var(--vi-ease-out)}.vi-menu-item{align-items:center;gap:var(--vi-space-4);height:24px;padding-inline:var(--vi-space-4);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-xs);color:var(--vi-text-default);transition:var(--vi-transition-colors);width:100%;display:flex}.vi-menu-item:hover{background:var(--vi-accent);color:#fff}.vi-menu-item:hover .vi-menu-shortcut,.vi-menu-item:hover .vi-menu-icon{color:#ffffffbf}.vi-menu-item[data-checked=true]{color:var(--vi-accent-hover)}.vi-menu-item[data-danger=true]{color:var(--vi-red-400)}.vi-menu-item[data-danger=true]:hover{background:var(--vi-danger);color:#fff}.vi-menu-icon{color:var(--vi-icon-muted);flex-shrink:0;justify-content:center;width:14px;display:flex}.vi-menu-label{text-align:left;flex:1}.vi-menu-shortcut{color:var(--vi-text-disabled);font-size:var(--vi-text-2xs);font-variant-numeric:tabular-nums}.vi-menu-sep{background:var(--vi-border-default);height:1px;margin:var(--vi-space-2) var(--vi-space-2)}.vi-menu-group-label{padding:var(--vi-space-3) var(--vi-space-4) var(--vi-space-2);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted)}.vi-tooltip{max-width:260px;padding:var(--vi-space-3) var(--vi-space-4);background:var(--vi-grey-1000);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-md);box-shadow:var(--vi-shadow-md);font-size:var(--vi-text-xs);color:var(--vi-text-default);z-index:var(--vi-z-tooltip);animation:vi-fade-in var(--vi-duration-fast) var(--vi-ease-out);pointer-events:none;flex-direction:column;gap:2px;display:inline-flex}.vi-tooltip-hint{color:var(--vi-text-muted);font-size:var(--vi-text-2xs)}.vi-popover{padding:var(--vi-space-6);background:var(--vi-surface-raised);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-lg);box-shadow:var(--vi-shadow-lg);z-index:var(--vi-z-popover);animation:vi-pop-in var(--vi-duration-fast) var(--vi-ease-out)}.vi-card{background:var(--vi-surface-raised);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);transition:var(--vi-transition-colors), box-shadow var(--vi-duration-base) var(--vi-ease-snap);overflow:hidden}.vi-card-interactive:hover{border-color:var(--vi-border-hover);box-shadow:var(--vi-shadow-md)}.vi-card-interactive[data-selected=true]{border-color:var(--vi-accent);box-shadow:var(--vi-shadow-accent)}.vi-card-header{align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-5) var(--vi-space-6);border-bottom:1px solid var(--vi-border-default);font-size:var(--vi-text-md);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong);display:flex}.vi-card-body{padding:var(--vi-space-6)}.vi-card-footer{justify-content:flex-end;align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-5) var(--vi-space-6);border-top:1px solid var(--vi-border-default);background:var(--vi-alpha-black-20);display:flex}.vi-scrim{background:var(--vi-surface-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--vi-z-modal);animation:vi-fade-in var(--vi-duration-base) var(--vi-ease-out);position:fixed;inset:0}.vi-modal{background:var(--vi-surface-overlay);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-xl);width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--vi-shadow-xl);z-index:var(--vi-z-modal);animation:vi-pop-in var(--vi-duration-base) var(--vi-ease-out);flex-direction:column;display:flex;overflow:hidden}.vi-modal-header{align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-8);border-bottom:1px solid var(--vi-border-default);display:flex}.vi-modal-title{font-size:var(--vi-text-xl);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong);letter-spacing:var(--vi-tracking-tight)}.vi-modal-body{padding:var(--vi-space-8);font-size:var(--vi-text-base);line-height:var(--vi-leading-base);color:var(--vi-text-secondary);flex:1;overflow-y:auto}.vi-modal-footer{justify-content:flex-end;align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-6) var(--vi-space-8);border-top:1px solid var(--vi-border-default);background:var(--vi-alpha-black-20);display:flex}.vi-toast-stack{bottom:var(--vi-space-8);right:var(--vi-space-8);gap:var(--vi-space-4);z-index:var(--vi-z-toast);flex-direction:column;display:flex;position:fixed}.vi-toast{align-items:flex-start;gap:var(--vi-space-4);width:320px;padding:var(--vi-space-5) var(--vi-space-6);background:var(--vi-surface-raised);border:1px solid var(--vi-border-strong);border-left:2px solid var(--vi-accent);border-radius:var(--vi-radius-lg);box-shadow:var(--vi-shadow-lg);animation:vi-slide-up var(--vi-duration-slow) var(--vi-ease-out);display:flex}.vi-toast-success{border-left-color:var(--vi-success)}.vi-toast-warning{border-left-color:var(--vi-warning)}.vi-toast-danger{border-left-color:var(--vi-danger)}.vi-toast-title{font-size:var(--vi-text-sm);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong)}.vi-toast-desc{font-size:var(--vi-text-xs);color:var(--vi-text-muted);line-height:var(--vi-leading-base);margin-top:2px}.vi-progress{background:var(--vi-surface-sunken);border-radius:var(--vi-radius-full);width:100%;height:4px;overflow:hidden}.vi-progress-bar{height:100%;width:var(--value,50%);background:var(--vi-accent);border-radius:inherit;transition:width var(--vi-duration-slow) var(--vi-ease-snap)}.vi-progress-bar-success{background:var(--vi-success)}.vi-progress-bar-warning{background:var(--vi-warning)}.vi-progress-bar-danger{background:var(--vi-danger)}.vi-progress-sm{height:2px}.vi-progress-lg{height:6px}.vi-progress-indeterminate .vi-progress-bar{width:100%;animation:vi-indeterminate 1.2s var(--vi-ease-inout) infinite}.vi-meter{gap:1px;width:100%;height:4px;display:flex}.vi-meter-seg{background:var(--vi-grey-700);border-radius:1px;flex:1}.vi-meter-seg[data-on=true]{background:var(--vi-accent)}.vi-meter-seg[data-warn=true]{background:var(--vi-warning)}.vi-spinner{border:1.5px solid var(--vi-grey-600);border-top-color:var(--vi-accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite vi-spin}.vi-spinner-lg{border-width:2px;width:24px;height:24px}.vi-skeleton{background:linear-gradient(90deg, var(--vi-grey-800) 25%, var(--vi-grey-700) 50%, var(--vi-grey-800) 75%);border-radius:var(--vi-radius-md);background-size:200% 100%;animation:1.4s linear infinite vi-shimmer}.vi-row-item{align-items:center;gap:var(--vi-space-3);height:var(--vi-row-h);padding-inline:var(--vi-space-4);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);border-radius:var(--vi-radius-sm);transition:background var(--vi-duration-instant) linear, color var(--vi-duration-instant) linear;white-space:nowrap;display:flex;position:relative}.vi-row-item:hover{background:var(--vi-surface-hover);color:var(--vi-text-default)}.vi-row-item[data-selected=true]{background:var(--vi-surface-selected);color:var(--vi-text-strong)}.vi-row-item[data-selected=true]:before{content:"";background:var(--vi-accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:0;bottom:0;left:0}.vi-row-item[data-cut=true]{opacity:.45}.vi-row-twisty{width:14px;height:14px;color:var(--vi-icon-muted);transition:transform var(--vi-duration-fast) var(--vi-ease-snap);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vi-row-twisty[data-open=true]{transform:rotate(90deg)}.vi-row-twisty-spacer{flex-shrink:0;width:14px}.vi-row-actions{opacity:0;transition:opacity var(--vi-duration-fast);align-items:center;gap:2px;margin-left:auto;display:flex}.vi-row-item:hover .vi-row-actions,.vi-row-item[data-selected=true] .vi-row-actions,.vi-row-actions [data-persist=true]{opacity:1}.vi-table{flex-direction:column;width:100%;display:flex}.vi-table-head{align-items:center;gap:var(--vi-space-6);height:28px;padding-inline:var(--vi-space-8);border-bottom:1px solid var(--vi-border-default);background:var(--vi-surface-chrome);z-index:var(--vi-z-sticky);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);display:grid;position:sticky;top:0}.vi-table-head-cell{align-items:center;gap:var(--vi-space-2);display:flex}.vi-table-head-cell[data-sortable]:hover{color:var(--vi-text-default)}.vi-table-head-cell[data-sorted]{color:var(--vi-accent)}.vi-table-row{align-items:center;gap:var(--vi-space-6);min-height:52px;padding-inline:var(--vi-space-8);border-bottom:1px solid var(--vi-border-subtle);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);transition:background var(--vi-duration-instant) linear;display:grid}.vi-table-row:hover{background:var(--vi-surface-hover)}.vi-table-row[data-selected=true]{background:var(--vi-surface-selected)}.vi-empty{justify-content:center;align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-24) var(--vi-space-8);text-align:center;flex-direction:column;display:flex}.vi-empty-icon{width:44px;height:44px;margin-bottom:var(--vi-space-2);border-radius:var(--vi-radius-xl);background:var(--vi-surface-raised);border:1px solid var(--vi-border-default);color:var(--vi-icon-muted);justify-content:center;align-items:center;display:flex}.vi-empty-title{font-size:var(--vi-text-base);font-weight:var(--vi-weight-semibold);color:var(--vi-text-default)}.vi-empty-desc{font-size:var(--vi-text-sm);color:var(--vi-text-muted);max-width:320px;line-height:var(--vi-leading-base)}.vi-breadcrumb{align-items:center;gap:var(--vi-space-1);font-size:var(--vi-text-xs);min-width:0;display:flex}.vi-breadcrumb-item{padding:var(--vi-space-1) var(--vi-space-3);border-radius:var(--vi-radius-sm);color:var(--vi-text-muted);transition:var(--vi-transition-colors)}.vi-breadcrumb-item:hover{background:var(--vi-surface-hover);color:var(--vi-text-default)}.vi-breadcrumb-item[aria-current=page]{color:var(--vi-text-strong);font-weight:var(--vi-weight-medium)}.vi-breadcrumb-sep{color:var(--vi-text-disabled);display:flex}.vi-ctx{z-index:var(--vi-z-popover);min-width:190px;position:fixed}.vi-ctx[hidden]{display:none}.vi-ctx-scrim{z-index:calc(var(--vi-z-popover) - 1);position:fixed;inset:0}.vi-ctx-scrim[hidden]{display:none}.vi-picker{background:var(--vi-surface-raised);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-lg);width:268px;max-height:340px;box-shadow:var(--vi-shadow-lg);z-index:var(--vi-z-popover);animation:vi-pop-in var(--vi-duration-fast) var(--vi-ease-out);flex-direction:column;display:flex;overflow:hidden}.vi-picker-search{align-items:center;gap:var(--vi-space-3);padding:var(--vi-space-3) var(--vi-space-4);border-bottom:1px solid var(--vi-border-default);flex-shrink:0;display:flex}.vi-picker-search input{min-width:0;font-size:var(--vi-text-xs);color:var(--vi-text-strong);flex:1}.vi-picker-search input::placeholder{color:var(--vi-text-muted)}.vi-picker-list{padding:var(--vi-space-2);flex:1;min-height:0;overflow-y:auto}.vi-picker-item{align-items:center;gap:var(--vi-space-4);width:100%;height:24px;padding-inline:var(--vi-space-4);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-xs);color:var(--vi-text-default);text-align:left;display:flex}.vi-picker-item:hover,.vi-picker-item[data-active=true]{background:var(--vi-accent);color:#fff}.vi-picker-item:hover .vi-menu-icon,.vi-picker-item[data-active=true] .vi-menu-icon{color:#fffc}.vi-picker-empty{padding:var(--vi-space-8);text-align:center;font-size:var(--vi-text-xs);color:var(--vi-text-muted)}.vi-picker-item mark{color:inherit;font-weight:var(--vi-weight-bold);background:0 0;text-decoration:underline}.vi-palette{background:var(--vi-surface-overlay);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-xl);width:min(560px,100vw - 32px);box-shadow:var(--vi-shadow-xl);z-index:var(--vi-z-modal);animation:vi-pop-in var(--vi-duration-base) var(--vi-ease-out);overflow:hidden}.vi-palette-input{align-items:center;gap:var(--vi-space-4);height:44px;padding-inline:var(--vi-space-6);border-bottom:1px solid var(--vi-border-default);font-size:var(--vi-text-base);color:var(--vi-text-strong);width:100%;display:flex}.vi-palette-input::placeholder{color:var(--vi-text-muted)}.vi-palette-list{max-height:320px;padding:var(--vi-space-2);overflow-y:auto}.vi-palette-item{align-items:center;gap:var(--vi-space-4);height:32px;padding-inline:var(--vi-space-4);border-radius:var(--vi-radius-md);font-size:var(--vi-text-sm);color:var(--vi-text-default);width:100%;display:flex}.vi-palette-item[data-active=true]{background:var(--vi-accent);color:#fff}.vi-palette-item[data-active=true] .vi-menu-shortcut,.vi-palette-item[data-active=true] .vi-menu-icon{color:#fffc}
.vi-app{background:var(--vi-surface-canvas);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.vi-titlebar{justify-content:space-between;align-items:center;gap:var(--vi-space-8);height:var(--vi-titlebar-h);padding-inline:var(--vi-space-8);background:color-mix(in srgb, var(--vi-surface-panel) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--vi-border-subtle);z-index:var(--vi-z-chrome);-webkit-app-region:drag;flex-shrink:0;display:flex}.vi-titlebar button,.vi-titlebar input,.vi-titlebar .vi-no-drag{-webkit-app-region:no-drag}.vi-logo{width:28px;height:28px;transition:opacity var(--vi-duration-fast) var(--vi-ease-snap);flex-shrink:0;display:block}.vi-logo:hover{opacity:.8}.vi-logo-sm{width:20px;height:20px}.vi-logo-lg{width:40px;height:40px}.vi-logo-xl{width:64px;height:64px}.vi-wincontrols{align-items:center;display:flex}.vi-wincontrol{width:40px;height:var(--vi-titlebar-h);color:var(--vi-icon-muted);transition:var(--vi-transition-colors);justify-content:center;align-items:center;display:flex}.vi-wincontrol:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-wincontrol-close:hover{background:var(--vi-red-600);color:#fff}.vi-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.vi-statusbar{justify-content:space-between;align-items:center;gap:var(--vi-space-8);height:var(--vi-statusbar-h);padding-inline:var(--vi-space-8);background:var(--vi-surface-chrome);border-top:1px solid var(--vi-border-default);font-size:var(--vi-text-xs);color:var(--vi-text-muted);z-index:var(--vi-z-chrome);flex-shrink:0;display:flex}.vi-status-group{align-items:center;gap:var(--vi-space-8);display:flex}.vi-status-item{align-items:center;gap:var(--vi-space-3);padding:2px var(--vi-space-3);border-radius:var(--vi-radius-sm);transition:var(--vi-transition-colors);display:flex}.vi-status-item:hover{background:var(--vi-surface-hover);color:var(--vi-text-default)}.vi-panel{min-width:var(--vi-panel-min-w);background:var(--vi-surface-panel);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);flex-direction:column;min-height:0;display:flex;overflow:hidden}.vi-panel-header{align-items:center;gap:var(--vi-space-3);height:var(--vi-tabstrip-h);padding-inline:var(--vi-space-5) var(--vi-space-3);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);cursor:grab;flex-shrink:0;display:flex}.vi-panel-title{align-items:center;gap:var(--vi-space-3);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-semibold);color:var(--vi-text-default);letter-spacing:var(--vi-tracking-wide);display:flex}.vi-panel-actions{align-items:center;gap:1px;margin-left:auto;display:flex}.vi-panel-toolbar{align-items:center;gap:var(--vi-space-3);height:var(--vi-toolbar-h);padding-inline:var(--vi-space-4);background:var(--vi-surface-panel);border-bottom:1px solid var(--vi-border-default);flex-shrink:0;display:flex}.vi-panel-body{flex:1;min-height:0;overflow:auto}.vi-panel-body-pad{padding:var(--vi-space-4)}.vi-panel[data-focused=true]{border-color:var(--vi-accent-border)}.vi-panel[data-focused=true] .vi-panel-header{background:var(--vi-accent-subtle)}.vi-panel[data-focused=true] .vi-panel-title{color:var(--vi-text-strong)}.vi-dock-preview{background:var(--vi-accent-subtle);border:1px solid var(--vi-accent);border-radius:var(--vi-radius-md);pointer-events:none;z-index:var(--vi-z-dragging);position:absolute}.vi-toolbar{align-items:center;gap:var(--vi-space-3);height:var(--vi-toolbar-h);padding-inline:var(--vi-space-6);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);flex-shrink:0;display:flex}.vi-toolbar-group{background:var(--vi-alpha-black-20);border-radius:var(--vi-radius-md);align-items:center;gap:2px;padding:2px;display:flex}.vi-maintoolbar{align-items:center;gap:var(--vi-space-3);height:var(--vi-toolbar-h);padding-inline:var(--vi-space-6);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);z-index:var(--vi-z-sticky);flex-shrink:0;display:flex}.vi-toolbar-btn{align-items:center;gap:var(--vi-space-3);height:var(--vi-control-md);padding-inline:var(--vi-space-4);border-radius:var(--vi-radius-md);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-medium);color:var(--vi-text-secondary);white-space:nowrap;transition:var(--vi-transition-colors);display:inline-flex}.vi-toolbar-btn:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-toolbar-btn[data-open=true]{background:var(--vi-surface-active);color:var(--vi-text-strong)}.vi-toolbar-btn>svg{color:var(--vi-icon-default)}.vi-toolbar-btn:hover>svg{color:var(--vi-text-strong)}.vi-toolbar-btn-accent{color:var(--vi-accent-hover)}.vi-toolbar-btn-accent>svg{color:var(--vi-accent)}.vi-toolbar-btn-accent:hover{background:var(--vi-accent-subtle);color:var(--vi-accent-hover)}.vi-toolbar-btn-accent:hover>svg{color:var(--vi-accent)}.vi-toolbar-caret{color:var(--vi-text-disabled);margin-left:-2px}.vi-menu-anchor{display:inline-flex;position:relative}.vi-menu-anchor>.vi-menu{position:absolute;top:calc(100% + 4px);left:0}.vi-menu-anchor>.vi-menu-right{left:auto;right:0}.vi-tool{width:var(--vi-control-md);height:var(--vi-control-md);border-radius:var(--vi-radius-sm);color:var(--vi-icon-default);transition:var(--vi-transition-colors);justify-content:center;align-items:center;display:flex;position:relative}.vi-tool:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-tool[data-active=true]{background:var(--vi-accent);color:#fff}.vi-playbar{background:var(--vi-alpha-black-40);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);align-items:center;gap:2px;padding:2px;display:flex}.vi-play-btn{border-radius:var(--vi-radius-md);width:30px;height:26px;color:var(--vi-icon-default);transition:var(--vi-transition-colors);justify-content:center;align-items:center;display:flex}.vi-play-btn:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-play-btn[data-active=true]{background:var(--vi-accent);color:#fff}.vi-play-btn[data-state=paused]{background:var(--vi-warning);color:#000}.vi-play-btn[data-state=recording]{background:var(--vi-recording);color:#fff;animation:vi-rec-blink 1.2s var(--vi-ease-inout) infinite}.vi-app[data-playmode=true] .vi-workspace{position:relative}.vi-app[data-playmode=true] .vi-workspace:after{content:"";pointer-events:none;background:var(--vi-playmode-tint);box-shadow:inset 0 0 0 2px var(--vi-playmode-accent);z-index:var(--vi-z-overlay);position:absolute;inset:0}.vi-app[data-playmode=paused] .vi-workspace:after{box-shadow:inset 0 0 0 2px var(--vi-paused-accent)}.vi-viewport{background:radial-gradient(ellipse at 50% 40%, #ffffff0a, transparent 70%), var(--vi-viewport-bg);flex:1;min-height:0;position:relative;overflow:hidden}.vi-viewport-grid{pointer-events:none;background-image:linear-gradient(var(--vi-viewport-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vi-viewport-grid) 1px, transparent 1px), linear-gradient(var(--vi-viewport-grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--vi-viewport-grid-major) 1px, transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.vi-viewport-overlay{z-index:var(--vi-z-overlay);align-items:center;gap:var(--vi-space-2);padding:var(--vi-space-2);background:color-mix(in srgb, var(--vi-surface-panel) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--vi-border-subtle);border-radius:var(--vi-radius-lg);box-shadow:var(--vi-shadow-md);display:flex;position:absolute}.vi-viewport-overlay-tl{top:var(--vi-space-6);left:var(--vi-space-6)}.vi-viewport-overlay-tr{top:var(--vi-space-6);right:var(--vi-space-6)}.vi-viewport-overlay-bl{bottom:var(--vi-space-6);left:var(--vi-space-6)}.vi-viewport-overlay-br{bottom:var(--vi-space-6);right:var(--vi-space-6)}.vi-hud{z-index:var(--vi-z-overlay);padding:var(--vi-space-4) var(--vi-space-5);background:var(--vi-alpha-black-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--vi-border-subtle);border-radius:var(--vi-radius-md);font-family:var(--vi-font-mono);font-size:var(--vi-text-2xs);font-variant-numeric:tabular-nums;color:var(--vi-text-secondary);pointer-events:none;line-height:1.7;position:absolute}.vi-hud-row{justify-content:space-between;gap:var(--vi-space-8);display:flex}.vi-hud-key{color:var(--vi-text-muted)}.vi-hud-val{color:var(--vi-text-strong)}.vi-hud-val-good{color:var(--vi-success)}.vi-hud-val-warn{color:var(--vi-warning)}.vi-hud-val-bad{color:var(--vi-danger)}.vi-viewcube{top:var(--vi-space-6);right:var(--vi-space-6);width:76px;height:76px;z-index:var(--vi-z-overlay);position:absolute}.vi-viewcube-axis{width:16px;height:16px;font-size:9px;font-weight:var(--vi-weight-bold);color:#000;border-radius:50%;justify-content:center;align-items:center;margin:-8px;display:flex;position:absolute;top:50%;left:50%}.vi-viewcube-line{transform-origin:0;border-radius:1px;height:2px;position:absolute;top:50%;left:50%}.vi-selected-outline{outline:2px solid var(--vi-viewport-selection);outline-offset:1px}.vi-hover-outline{outline:1px solid var(--vi-viewport-hover);outline-offset:1px}.vi-viewport-meta{align-items:center;gap:var(--vi-space-3);font-size:var(--vi-text-2xs);font-family:var(--vi-font-mono);color:var(--vi-text-muted);display:flex}.vi-tree{padding:var(--vi-space-2)}.vi-tree .vi-row-item{padding-left:calc(var(--vi-space-3) + var(--depth,0) * 12px)}.vi-tree-guide{background:var(--vi-border-default);width:1px;position:absolute;top:0;bottom:0}.vi-node-icon{color:var(--vi-icon-muted);flex-shrink:0;display:flex}.vi-node-icon[data-kind=actor]{color:var(--vi-asset-actor)}.vi-node-icon[data-kind=light]{color:var(--vi-viewport-light)}.vi-node-icon[data-kind=camera]{color:var(--vi-viewport-camera)}.vi-node-icon[data-kind=mesh]{color:var(--vi-asset-mesh)}.vi-node-icon[data-kind=audio]{color:var(--vi-asset-audio)}.vi-node-icon[data-kind=ui]{color:var(--vi-asset-scene)}.vi-row-item[data-enabled=false] .vi-row-label{color:var(--vi-text-disabled);font-style:italic}.vi-row-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.vi-toggle-icon{border-radius:var(--vi-radius-xs);width:16px;height:16px;color:var(--vi-text-disabled);transition:var(--vi-transition-colors);justify-content:center;align-items:center;display:flex}.vi-toggle-icon:hover{background:var(--vi-alpha-white-10);color:var(--vi-text-strong)}.vi-toggle-icon[data-on=true]{color:var(--vi-text-secondary)}.vi-toggle-icon[data-on=false]{color:var(--vi-text-disabled)}.vi-override-mark{background:var(--vi-override-bar);width:2px;position:absolute;top:2px;bottom:2px;left:0}.vi-inspector{flex-direction:column;display:flex}.vi-inspector-head{gap:var(--vi-space-4);padding:var(--vi-space-6);border-bottom:1px solid var(--vi-border-default);background:var(--vi-surface-chrome);flex-direction:column;display:flex}.vi-component{border-bottom:1px solid var(--vi-border-default)}.vi-component-head{align-items:center;gap:var(--vi-space-3);height:var(--vi-row-h-lg);padding-inline:var(--vi-space-4);background:var(--vi-surface-chrome);transition:background var(--vi-duration-fast) var(--vi-ease-snap);display:flex}.vi-component-head:hover{background:var(--vi-surface-hover)}.vi-component-name{font-size:var(--vi-text-xs);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong);flex:1;min-width:0}.vi-component-icon{border-radius:var(--vi-radius-xs);background:var(--vi-accent-subtle);width:16px;height:16px;color:var(--vi-accent-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vi-component-body{padding:var(--vi-space-4) var(--vi-space-5) var(--vi-space-6)}.vi-component[data-collapsed=true] .vi-component-body{display:none}.vi-component[data-enabled=false] .vi-component-body{opacity:.45;pointer-events:none}.vi-prop{grid-template-columns:var(--vi-label-w) minmax(0, 1fr);align-items:center;gap:var(--vi-space-4);min-height:var(--vi-control-sm);margin-bottom:var(--vi-space-2);display:grid;position:relative}.vi-prop-label{font-size:var(--vi-text-xs);color:var(--vi-text-secondary);text-overflow:ellipsis;white-space:nowrap;cursor:ew-resize;overflow:hidden}.vi-prop:hover .vi-prop-label{color:var(--vi-text-default)}.vi-prop-control{min-width:0}.vi-prop-full{grid-template-columns:1fr}.vi-prop[data-overridden=true] .vi-prop-label{color:var(--vi-override-text);font-weight:var(--vi-weight-semibold)}.vi-prop[data-overridden=true]:before{content:"";background:var(--vi-override-bar);border-radius:1px;width:2px;position:absolute;top:1px;bottom:1px;left:-5px}.vi-prop[data-mixed=true] .vi-prop-control{opacity:.6}.vi-foldout{margin-bottom:var(--vi-space-2)}.vi-foldout-head{align-items:center;gap:var(--vi-space-2);height:var(--vi-control-sm);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-medium);color:var(--vi-text-secondary);display:flex}.vi-foldout-head:hover{color:var(--vi-text-strong)}.vi-foldout-body{padding-left:var(--vi-space-5);padding-top:var(--vi-space-2)}.vi-foldout[data-collapsed=true] .vi-foldout-body{display:none}.vi-objectfield{align-items:center;gap:var(--vi-space-3);height:var(--vi-control-sm);width:100%;padding-inline:var(--vi-space-3) 2px;background:var(--vi-surface-inset);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);font-size:var(--vi-text-xs);color:var(--vi-text-default);transition:var(--vi-transition-colors);display:flex}.vi-objectfield:hover{border-color:var(--vi-border-hover)}.vi-objectfield[data-empty=true]{color:var(--vi-text-muted);font-style:italic}.vi-objectfield[data-droppable=true]{border-color:var(--vi-accent);background:var(--vi-accent-subtle);border-style:dashed}.vi-objectfield-thumb{border-radius:var(--vi-radius-xs);background:var(--vi-grey-600);flex-shrink:0;width:16px;height:16px}.vi-objectfield-pick{border-radius:var(--vi-radius-xs);width:18px;height:18px;color:var(--vi-icon-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.vi-objectfield-pick:hover{background:var(--vi-alpha-white-10);color:var(--vi-text-strong)}.vi-add-component{justify-content:center;align-items:center;gap:var(--vi-space-3);height:var(--vi-control-lg);width:100%;margin:var(--vi-space-6) 0;border:1px dashed var(--vi-border-strong);border-radius:var(--vi-radius-lg);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-medium);color:var(--vi-text-secondary);transition:var(--vi-transition-colors);display:flex}.vi-add-component:hover{border-color:var(--vi-accent);color:var(--vi-accent-hover);background:var(--vi-accent-subtle);border-style:solid}.vi-assets-grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile,84px), 1fr));gap:var(--vi-space-4);padding:var(--vi-space-5);display:grid}.vi-asset-tile{gap:var(--vi-space-2);padding:var(--vi-space-2);border-radius:var(--vi-radius-md);transition:var(--vi-transition-colors);border:1px solid #0000;flex-direction:column;display:flex}.vi-asset-tile:hover{background:var(--vi-surface-hover);border-color:var(--vi-border-default)}.vi-asset-tile[data-selected=true]{background:var(--vi-surface-selected);border-color:var(--vi-accent)}.vi-asset-thumb{aspect-ratio:1;border-radius:var(--vi-radius-sm);background:var(--vi-surface-sunken);border:1px solid var(--vi-border-default);color:var(--vi-icon-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.vi-asset-name{font-size:var(--vi-text-2xs);color:var(--vi-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vi-asset-tile[data-selected=true] .vi-asset-name{color:var(--vi-text-strong)}.vi-asset-type{background:var(--vi-asset-folder);height:2px;position:absolute;bottom:0;left:0;right:0}.vi-asset-type[data-type=scene]{background:var(--vi-asset-scene)}.vi-asset-type[data-type=actor]{background:var(--vi-asset-actor)}.vi-asset-type[data-type=mesh]{background:var(--vi-asset-mesh)}.vi-asset-type[data-type=material]{background:var(--vi-asset-material)}.vi-asset-type[data-type=texture]{background:var(--vi-asset-texture)}.vi-asset-type[data-type=shader]{background:var(--vi-asset-shader)}.vi-asset-type[data-type=script]{background:var(--vi-asset-script)}.vi-asset-type[data-type=audio]{background:var(--vi-asset-audio)}.vi-asset-type[data-type=anim]{background:var(--vi-asset-anim)}.vi-asset-vcs{width:6px;height:6px;box-shadow:0 0 0 1.5px var(--vi-surface-sunken);border-radius:50%;position:absolute;top:3px;right:3px}.vi-asset-vcs[data-vcs=added]{background:var(--vi-vcs-added)}.vi-asset-vcs[data-vcs=modified]{background:var(--vi-vcs-modified)}.vi-asset-vcs[data-vcs=conflict]{background:var(--vi-vcs-conflict)}.vi-asset-vcs[data-vcs=locked]{background:var(--vi-vcs-locked)}.vi-console{flex-direction:column;min-height:0;display:flex}.vi-log{align-items:flex-start;gap:var(--vi-space-4);padding:var(--vi-space-3) var(--vi-space-5);border-bottom:1px solid var(--vi-border-subtle);font-family:var(--vi-font-mono);font-size:var(--vi-text-xs);line-height:var(--vi-leading-snug);color:var(--vi-log-info);transition:background var(--vi-duration-instant) linear;border-left:2px solid #0000;display:flex}.vi-log:hover{background:var(--vi-surface-hover)}.vi-log[data-severity=warn]{border-left-color:var(--vi-log-warn);background:#f59e0b0a}.vi-log[data-severity=error]{border-left-color:var(--vi-log-error);background:#ef44440d}.vi-log[data-severity=fatal]{border-left-color:var(--vi-log-fatal);background:#ff2d5514}.vi-log[data-severity=success]{border-left-color:var(--vi-log-success)}.vi-log[data-severity=trace]{color:var(--vi-log-trace)}.vi-log-icon{flex-shrink:0;margin-top:1px}.vi-log[data-severity=warn] .vi-log-icon{color:var(--vi-log-warn)}.vi-log[data-severity=error] .vi-log-icon,.vi-log[data-severity=fatal] .vi-log-icon{color:var(--vi-log-error)}.vi-log[data-severity=success] .vi-log-icon{color:var(--vi-log-success)}.vi-log[data-severity=info] .vi-log-icon{color:var(--vi-icon-muted)}.vi-log-body{flex:1;min-width:0}.vi-log-msg{white-space:pre-wrap;word-break:break-word}.vi-log-src{color:var(--vi-text-muted);font-size:var(--vi-text-2xs);margin-top:2px}.vi-log-time{color:var(--vi-text-disabled);font-size:var(--vi-text-2xs);flex-shrink:0}.vi-log-count{flex-shrink:0;align-self:center;margin-left:auto}.vi-log-stack{margin-top:var(--vi-space-3);padding:var(--vi-space-3) var(--vi-space-4);background:var(--vi-surface-sunken);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-2xs);color:var(--vi-text-muted);line-height:var(--vi-leading-base)}.vi-log-stack a{color:var(--vi-text-link)}.vi-graph{background:radial-gradient(circle, var(--vi-alpha-white-8) 1px, transparent 1px) 0 0 / 20px 20px, var(--vi-grey-1000);flex:1;min-height:0;position:relative;overflow:hidden}.vi-node{background:var(--vi-surface-raised);border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-lg);min-width:150px;box-shadow:var(--vi-shadow-md);transition:box-shadow var(--vi-duration-fast) var(--vi-ease-snap), border-color var(--vi-duration-fast) var(--vi-ease-snap);position:absolute;overflow:hidden}.vi-node:hover{border-color:var(--vi-border-hover)}.vi-node[data-selected=true]{border-color:var(--vi-accent);box-shadow:var(--vi-shadow-accent)}.vi-node[data-error=true]{border-color:var(--vi-danger);box-shadow:0 0 0 1px var(--vi-danger)}.vi-node-head{align-items:center;gap:var(--vi-space-3);height:24px;padding-inline:var(--vi-space-4);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-wide);color:var(--vi-text-strong);background:var(--vi-node-flow);cursor:grab;display:flex}.vi-node-head[data-category=event]{background:var(--vi-node-event)}.vi-node-head[data-category=math]{background:var(--vi-node-math)}.vi-node-head[data-category=logic]{background:var(--vi-node-logic)}.vi-node-head[data-category=asset]{background:var(--vi-node-asset)}.vi-node-head[data-category=custom]{background:var(--vi-node-custom)}.vi-node-body{padding:var(--vi-space-3) 0}.vi-port{align-items:center;gap:var(--vi-space-3);height:18px;padding-inline:var(--vi-space-4);font-size:var(--vi-text-2xs);color:var(--vi-text-secondary);display:flex}.vi-port-out{text-align:right;justify-content:flex-end}.vi-port:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-pin{background:var(--vi-surface-raised);border:1.5px solid var(--vi-pin-wildcard);width:8px;height:8px;transition:transform var(--vi-duration-fast) var(--vi-ease-snap);border-radius:50%;flex-shrink:0}.vi-pin[data-connected=true]{background:var(--vi-pin-wildcard)}.vi-pin:hover{transform:scale(1.4)}.vi-pin[data-type=exec]{background:var(--vi-pin-exec);clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%);border:none;border-radius:1px;width:9px;height:10px}.vi-pin[data-type=bool]{border-color:var(--vi-pin-bool)}.vi-pin[data-type=bool][data-connected=true]{background:var(--vi-pin-bool)}.vi-pin[data-type=int]{border-color:var(--vi-pin-int)}.vi-pin[data-type=int][data-connected=true]{background:var(--vi-pin-int)}.vi-pin[data-type=float]{border-color:var(--vi-pin-float)}.vi-pin[data-type=float][data-connected=true]{background:var(--vi-pin-float)}.vi-pin[data-type=string]{border-color:var(--vi-pin-string)}.vi-pin[data-type=string][data-connected=true]{background:var(--vi-pin-string)}.vi-pin[data-type=vector]{border-color:var(--vi-pin-vector)}.vi-pin[data-type=vector][data-connected=true]{background:var(--vi-pin-vector)}.vi-pin[data-type=color]{border-color:var(--vi-pin-color)}.vi-pin[data-type=color][data-connected=true]{background:var(--vi-pin-color)}.vi-pin[data-type=object]{border-color:var(--vi-pin-object)}.vi-pin[data-type=object][data-connected=true]{background:var(--vi-pin-object)}.vi-pin[data-type=texture]{border-color:var(--vi-pin-texture)}.vi-pin[data-type=texture][data-connected=true]{background:var(--vi-pin-texture)}.vi-pin[data-type=struct]{border-color:var(--vi-pin-struct)}.vi-pin[data-type=struct][data-connected=true]{background:var(--vi-pin-struct)}.vi-wire{fill:none;stroke-width:1.5px;stroke-linecap:round}.vi-wire-exec{stroke:var(--vi-pin-exec);stroke-width:2px}.vi-wire[data-selected=true]{stroke:var(--vi-gizmo-hover);stroke-width:2.5px}.vi-graph-comment{border:1px solid var(--comment,var(--vi-violet-500));background:color-mix(in srgb, var(--comment,var(--vi-violet-500)) 8%, transparent);border-radius:var(--vi-radius-md);position:absolute}.vi-graph-comment-label{padding:var(--vi-space-1) var(--vi-space-3);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);color:var(--comment,var(--vi-violet-400));background:color-mix(in srgb, var(--comment,var(--vi-violet-500)) 18%, transparent)}.vi-minimap{right:var(--vi-space-6);bottom:var(--vi-space-6);background:var(--vi-alpha-black-60);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:140px;height:90px;z-index:var(--vi-z-overlay);position:absolute}.vi-platform{align-items:center;gap:var(--vi-space-5);padding:var(--vi-space-5);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);background:var(--vi-surface-raised);transition:var(--vi-transition-colors);display:flex}.vi-platform:hover{border-color:var(--vi-border-hover)}.vi-platform[data-selected=true]{border-color:var(--vi-accent);background:var(--vi-accent-subtle)}.vi-platform-icon{border-radius:var(--vi-radius-md);background:var(--vi-surface-inset);width:32px;height:32px;color:var(--vi-icon-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vi-platform[data-installed=false] .vi-platform-icon{opacity:.4}.vi-settings{flex:1;min-height:0;display:flex}.vi-settings-nav{border-right:1px solid var(--vi-border-default);background:var(--vi-surface-chrome);flex-direction:column;flex-shrink:0;width:208px;display:flex;overflow-y:auto}.vi-settings-cat{align-items:center;gap:var(--vi-space-3);width:100%;height:var(--vi-row-h-lg);padding-inline:var(--vi-space-5);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);text-align:left;transition:var(--vi-transition-colors);display:flex;position:relative}.vi-settings-cat:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-settings-cat[data-active=true]{background:var(--vi-surface-selected);color:var(--vi-text-strong);font-weight:var(--vi-weight-medium)}.vi-settings-cat[data-active=true]:before{content:"";background:var(--vi-accent);width:2px;position:absolute;top:0;bottom:0;left:0}.vi-settings-cat svg{color:var(--vi-icon-muted)}.vi-settings-cat[data-active=true] svg{color:var(--vi-accent)}.vi-settings-body{min-width:0;padding:var(--vi-space-8) var(--vi-space-10);flex:1;overflow-y:auto}.vi-settings-title{font-size:var(--vi-text-2xl);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-tight);color:var(--vi-text-strong)}.vi-settings-desc{font-size:var(--vi-text-xs);color:var(--vi-text-muted);line-height:var(--vi-leading-base);margin-top:var(--vi-space-2);max-width:62ch}.vi-settings-group{margin-top:var(--vi-space-10)}.vi-settings-group-head{align-items:center;gap:var(--vi-space-4);padding-bottom:var(--vi-space-4);margin-bottom:var(--vi-space-5);border-bottom:1px solid var(--vi-border-default);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);display:flex}.vi-settings-group .vi-prop{margin-bottom:var(--vi-space-4);grid-template-columns:240px minmax(0,1fr)}.vi-settings-group .vi-prop-label{cursor:default}.vi-settings-hint{font-size:var(--vi-text-2xs);color:var(--vi-text-muted);line-height:var(--vi-leading-snug);grid-column:2;margin-top:-2px}.vi-assetpage{flex:1;min-height:0;display:flex}.vi-asset-preview{background:radial-gradient(ellipse at 50% 40%, #ffffff0d, transparent 70%), var(--vi-viewport-bg);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.vi-asset-preview-art{border-radius:var(--vi-radius-xl);width:190px;height:190px;box-shadow:var(--vi-shadow-xl);color:#ffffffd9;justify-content:center;align-items:center;display:flex}.vi-asset-side{border-left:1px solid var(--vi-border-default);background:var(--vi-surface-panel);flex-shrink:0;width:300px;overflow-y:auto}.vi-asset-meta{gap:var(--vi-space-2) var(--vi-space-4);padding:var(--vi-space-5);font-size:var(--vi-text-2xs);border-bottom:1px solid var(--vi-border-default);grid-template-columns:84px minmax(0,1fr);display:grid}.vi-asset-meta dt{color:var(--vi-text-muted)}.vi-asset-meta dd{color:var(--vi-text-default);font-family:var(--vi-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vi-asset-actions{gap:var(--vi-space-3);padding:var(--vi-space-4) var(--vi-space-5);border-top:1px solid var(--vi-border-default);background:var(--vi-surface-panel);display:flex;position:sticky;bottom:0}.vi-asset-list{padding:var(--vi-space-2)}.vi-asset-row{align-items:center;gap:var(--vi-space-4);height:var(--vi-row-h);padding-inline:var(--vi-space-4);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);grid-template-columns:18px minmax(0,1fr) 92px 74px;display:grid;position:relative}.vi-asset-row:hover{background:var(--vi-surface-hover);color:var(--vi-text-default)}.vi-asset-row[data-selected=true]{background:var(--vi-surface-selected);color:var(--vi-text-strong)}.vi-asset-row-kind{font-size:var(--vi-text-2xs);color:var(--vi-text-muted)}.vi-asset-row-size{font-family:var(--vi-font-mono);font-size:var(--vi-text-2xs);color:var(--vi-text-muted);text-align:right}.vi-asset-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.vi-graphpage{flex:1;min-height:0;display:flex}.vi-graph-palette{border-right:1px solid var(--vi-border-default);background:var(--vi-surface-panel);flex-direction:column;flex-shrink:0;width:186px;min-height:0;display:flex}.vi-graph-palette-list{padding:var(--vi-space-2);flex:1;min-height:0;overflow-y:auto}.vi-palette-node{align-items:center;gap:var(--vi-space-3);width:100%;height:var(--vi-row-h);padding-inline:var(--vi-space-3);border-radius:var(--vi-radius-sm);font-size:var(--vi-text-2xs);color:var(--vi-text-secondary);text-align:left;cursor:grab;display:flex}.vi-palette-node:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vi-palette-node:active{cursor:grabbing}.vi-palette-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.vi-graph-canvas{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.vi-graph-world{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.vi-graph-wires{pointer-events:none;position:absolute;inset:0;overflow:visible}.vi-port-value{background:var(--vi-surface-sunken);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-xs);width:54px;height:14px;font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums;color:var(--vi-text-default);text-align:right;margin-left:auto;padding-inline:4px;font-size:9px}.vi-port-value:focus{border-color:var(--vi-border-focus)}.vi-port-swatch{border-radius:var(--vi-radius-xs);border:1px solid var(--vi-border-strong);width:32px;height:12px;margin-left:auto}.vi-graph-details{border-left:1px solid var(--vi-border-default);background:var(--vi-surface-panel);flex-shrink:0;width:244px;overflow-y:auto}.vi-graph-details .vi-prop{grid-template-columns:88px minmax(0,1fr)}.vi-graph-status{align-items:center;gap:var(--vi-space-3);font-size:var(--vi-text-2xs);font-family:var(--vi-font-mono);color:var(--vi-text-muted);display:flex}
svg.icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.icon-sm{width:12px;height:12px}.icon-lg{width:16px;height:16px}.icon-xl{width:20px;height:20px}
html{scroll-behavior:smooth;height:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-user-select:text;user-select:text;cursor:auto;height:auto;min-height:100%;font-size:var(--vs-text-body);line-height:var(--vi-leading-base);color:var(--vi-text-default);background:var(--vi-surface-canvas);--vi-text-muted:var(--vi-grey-350);--vi-text-disabled:var(--vi-grey-400);overflow:visible}a,button:not([disabled]),[role=button]:not([aria-disabled=true]),summary,label[for]{cursor:pointer}a,a:hover{text-decoration:none}:root{--vs-display-1:clamp(34px, 5.6vw, 64px);--vs-display-2:clamp(26px, 3.4vw, 40px);--vs-display-3:clamp(20px, 2.2vw, 26px);--vs-display-4:clamp(17px, 1.6vw, 20px);--vs-text-lead:clamp(15px, 1.35vw, 18px);--vs-text-body:15px;--vs-tracking-display:-.032em;--vs-section-y:clamp(64px, 9vw, 128px);--vs-section-y-sm:clamp(44px, 6vw, 80px);--vs-container:1200px;--vs-container-prose:760px;--vs-gutter:clamp(20px, 4vw, 40px);--vs-header-h:56px;--vs-grid-line:var(--vi-viewport-grid);--vs-grid-line-major:var(--vi-viewport-grid-major)}.vs-container{width:100%;max-width:var(--vs-container);padding-inline:var(--vs-gutter);margin-inline:auto}.vs-container-prose{max-width:var(--vs-container-prose)}.vs-section{padding-block:var(--vs-section-y)}.vs-section-sm{padding-block:var(--vs-section-y-sm)}.vs-section-tint{background:var(--vi-surface-sunken)}.vs-section+.vs-section-tint,.vs-section-tint+.vs-section{border-top:1px solid var(--vi-border-default)}.vs-stack{flex-direction:column;display:flex}.vs-stack-2{gap:var(--vi-space-2)}.vs-stack-4{gap:var(--vi-space-4)}.vs-stack-6{gap:var(--vi-space-6)}.vs-stack-8{gap:var(--vi-space-8)}.vs-stack-12{gap:var(--vi-space-12)}.vs-stack-16{gap:var(--vi-space-16)}.vs-grid{gap:var(--vi-space-12);display:grid}.vs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.vs-grid-3,.vs-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.vs-grid-2,.vs-grid-3,.vs-grid-4{grid-template-columns:minmax(0,1fr)}}.vs-h1,.vs-h2,.vs-h3{color:var(--vi-text-strong);letter-spacing:var(--vs-tracking-display);line-height:var(--vi-leading-tight);font-weight:var(--vi-weight-semibold);text-wrap:balance}.vs-h1{font-size:var(--vs-display-1);line-height:1.04}.vs-h2{font-size:var(--vs-display-2);line-height:1.1}.vs-h3{font-size:var(--vs-display-3);letter-spacing:-.02em;line-height:1.2}.vs-lead{font-size:var(--vs-text-lead);line-height:var(--vi-leading-base);color:var(--vi-text-secondary);text-wrap:pretty;max-width:62ch}.vs-eyebrow{align-items:center;gap:var(--vi-space-3);font-size:var(--vi-text-xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);display:inline-flex}.vs-eyebrow:before{content:"";background:var(--vi-accent);width:14px;height:1px}.vs-section-head{gap:var(--vi-space-6);margin-bottom:var(--vi-space-16);flex-direction:column;max-width:68ch;display:flex}.vs-prose{color:var(--vi-text-default);font-size:var(--vs-text-body);line-height:var(--vi-leading-loose);max-width:72ch}.vs-prose>*+*{margin-top:var(--vi-space-8)}.vs-prose h1{font-size:var(--vs-display-2);color:var(--vi-text-strong);letter-spacing:var(--vs-tracking-display);margin-bottom:var(--vi-space-4);line-height:1.1}.vs-prose h2{font-size:var(--vs-display-3);color:var(--vi-text-strong);letter-spacing:-.02em;margin-top:var(--vi-space-20);scroll-margin-top:calc(var(--vs-header-h) + var(--vi-space-12));line-height:1.25}.vs-prose h3{font-size:var(--vi-text-xl);color:var(--vi-text-strong);margin-top:var(--vi-space-16);scroll-margin-top:calc(var(--vs-header-h) + var(--vi-space-12))}.vs-prose p{text-wrap:pretty}.vs-prose a{color:var(--vi-text-link);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--vi-accent-border);text-decoration-color:var(--vi-accent-border)}.vs-prose a:hover{-webkit-text-decoration-color:var(--vi-accent);text-decoration-color:var(--vi-accent)}.vs-prose strong{color:var(--vi-text-strong);font-weight:var(--vi-weight-semibold)}.vs-prose ul,.vs-prose ol{padding-left:var(--vi-space-10)}.vs-prose li+li{margin-top:var(--vi-space-3)}.vs-prose li::marker{color:var(--vi-text-muted)}.vs-prose hr{border:0;border-top:1px solid var(--vi-border-default);margin-block:var(--vi-space-16)}.vs-prose blockquote{border-left:2px solid var(--vi-accent);padding-left:var(--vi-space-8);color:var(--vi-text-secondary)}.vs-table-scroll{border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);overflow-x:auto}.vs-prose table{border-collapse:collapse;width:100%;font-size:var(--vi-text-sm);line-height:var(--vi-leading-snug)}.vs-prose thead{background:var(--vi-surface-chrome)}.vs-prose th{text-align:left;padding:var(--vi-space-4) var(--vi-space-8);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);white-space:nowrap;border-bottom:1px solid var(--vi-border-default)}.vs-prose td{padding:var(--vi-space-5) var(--vi-space-8);border-bottom:1px solid var(--vi-border-default);color:var(--vi-text-secondary);vertical-align:top}.vs-prose tbody tr:last-child td{border-bottom:0}.vs-prose tbody tr:hover{background:var(--vi-surface-hover)}.vs-prose td:first-child{color:var(--vi-text-strong);white-space:nowrap}.vs-prose code{font-family:var(--vi-font-mono);background:var(--vi-surface-sunken);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-sm);color:var(--vi-text-strong);overflow-wrap:anywhere;padding:1px 5px;font-size:.88em}.vs-code{background:var(--vi-surface-sunken);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);overflow:hidden}.vs-code-head{justify-content:space-between;align-items:center;gap:var(--vi-space-6);height:var(--vi-tabstrip-h);padding-inline:var(--vi-space-8);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);display:flex}.vs-code pre{padding:var(--vi-space-8) var(--vi-space-10);font-family:var(--vi-font-mono);font-size:var(--vi-text-sm);color:var(--vi-text-default);tab-size:2;margin:0;line-height:1.65;overflow-x:auto}.vs-code pre code{font-size:inherit;color:inherit;background:0 0;border:0;padding:0}.vs-tok-key{color:var(--vi-pin-struct)}.vs-tok-type{color:var(--vi-pin-texture)}.vs-tok-fn{color:var(--vi-pin-float)}.vs-tok-str{color:var(--vi-pin-string)}.vs-tok-num{color:var(--vi-pin-vector)}.vs-tok-com{color:var(--vi-text-disabled);font-style:italic}.vs-header{z-index:var(--vi-z-chrome);height:var(--vs-header-h);background:color-mix(in srgb, var(--vi-surface-panel) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--vi-border-default);position:sticky;top:0}.vs-header-inner{align-items:center;gap:var(--vi-space-8);height:100%;display:flex}.vs-brand{align-items:center;gap:var(--vi-space-4);flex-shrink:0;display:inline-flex}.vs-brand-word{font-size:var(--vi-text-md);font-weight:var(--vi-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--vi-text-strong)}.vs-nav{align-items:center;gap:var(--vi-space-1);display:flex}.vs-nav-link{height:var(--vi-control-md);padding-inline:var(--vi-space-6);border-radius:var(--vi-radius-md);font-size:var(--vi-text-sm);font-weight:var(--vi-weight-medium);color:var(--vi-text-secondary);transition:var(--vi-transition-colors);align-items:center;display:inline-flex}.vs-nav-link:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vs-nav-link[aria-current=page]{color:var(--vi-text-strong);background:var(--vi-surface-active)}.vs-nav-toggle{display:none}@media (max-width:860px){.vs-nav-desktop{display:none}.vs-nav-toggle{height:var(--vi-control-lg);padding-inline:var(--vi-space-7);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-md);font-size:var(--vi-text-sm);font-weight:var(--vi-weight-medium);color:var(--vi-text-secondary);background:var(--vi-surface-raised);transition:var(--vi-transition-colors);justify-content:center;align-items:center;display:inline-flex}.vs-nav-toggle:hover{color:var(--vi-text-strong);border-color:var(--vi-border-hover)}}.vs-palette-scrim{z-index:var(--vi-z-modal);padding:clamp(56px, 12vh, 128px) var(--vi-space-6) var(--vi-space-6);background:var(--vi-surface-scrim);-webkit-backdrop-filter:blur(4px);animation:vi-fade-in var(--vi-duration-fast) var(--vi-ease-out);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.vs-palette-scrim .vi-palette{flex-direction:column;max-height:100%;display:flex}.vs-palette-scrim .vi-palette-list{flex:1;max-height:none}.vs-palette-head{align-items:center;gap:var(--vi-space-4);height:44px;padding-inline:var(--vi-space-6);border-bottom:1px solid var(--vi-border-default);flex-shrink:0;display:flex}.vs-palette-head-label{font-size:var(--vi-text-md);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-wide);color:var(--vi-text-strong);flex:1}.vs-palette-item{height:44px;font-size:var(--vi-text-base)}.vs-palette-item[aria-current=page]{color:var(--vi-text-strong);background:var(--vi-surface-selected);box-shadow:inset 2px 0 0 var(--vi-accent)}.vs-palette-item[aria-current=page] .vi-menu-icon{color:var(--vi-accent)}.vs-palette-foot{align-items:center;gap:var(--vi-space-3);height:var(--vi-statusbar-h);padding-inline:var(--vi-space-6);border-top:1px solid var(--vi-border-default);background:var(--vi-surface-chrome);font-size:var(--vi-text-2xs);color:var(--vi-text-muted);flex-shrink:0;display:flex}.vs-btn{justify-content:center;align-items:center;gap:var(--vi-space-4);height:var(--vi-control-xl);padding-inline:var(--vi-space-10);border-radius:var(--vi-radius-lg);font-size:var(--vi-text-md);font-weight:var(--vi-weight-medium);white-space:nowrap;transition:var(--vi-transition-colors), box-shadow var(--vi-duration-fast) var(--vi-ease-snap);border:1px solid #0000;display:inline-flex}.vs-btn-primary{background:var(--vi-blue-600);color:var(--vi-text-on-accent);box-shadow:var(--vi-shadow-xs)}.vs-btn-primary:hover{background:var(--vi-blue-700);box-shadow:var(--vi-shadow-sm), 0 0 0 1px var(--vi-accent-border), 0 4px 16px var(--vi-accent-glow)}.vs-btn-primary:active{background:var(--vi-blue-700);box-shadow:var(--vi-shadow-xs)}.vs-btn-secondary{background:var(--vi-surface-raised);border-color:var(--vi-border-default);color:var(--vi-text-strong)}.vs-btn-secondary:hover{border-color:var(--vi-border-hover);background:var(--vi-surface-inset)}.vs-btn-ghost{color:var(--vi-text-secondary)}.vs-btn-ghost:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vs-btn-sm{height:var(--vi-control-lg);padding-inline:var(--vi-space-8);font-size:var(--vi-text-sm)}.vs-card{gap:var(--vi-space-4);padding:var(--vi-space-10);background:var(--vi-surface-panel);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);transition:var(--vi-transition-colors);flex-direction:column;display:flex}.vs-card-link:hover{border-color:var(--vi-border-hover);background:var(--vi-surface-raised)}.vs-card-title{font-size:var(--vi-text-lg);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong);letter-spacing:-.01em}.vs-card-body{font-size:var(--vi-text-base);color:var(--vi-text-secondary);line-height:var(--vi-leading-base)}.vs-chip{border-radius:var(--vi-radius-md);background:color-mix(in srgb, var(--tint,var(--vi-accent)) 14%, transparent);border:1px solid color-mix(in srgb, var(--tint,var(--vi-accent)) 32%, transparent);width:30px;height:30px;color:var(--tint,var(--vi-accent));justify-content:center;align-items:center;display:inline-flex}.vs-hero{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(48px,6vw,88px);position:relative;overflow:hidden}.vs-hero:before{content:"";background-image:linear-gradient(to right, var(--vs-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--vs-grid-line) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 60% at 50% 0,#000 20%,#0000 78%);mask-image:radial-gradient(90% 60% at 50% 0,#000 20%,#0000 78%)}.vs-hero:after{content:"";background:radial-gradient(ellipse at center, var(--vi-accent-glow), transparent 68%);opacity:.5;pointer-events:none;width:min(1000px,120%);height:560px;position:absolute;top:-280px;left:50%;transform:translate(-50%)}.vs-hero>*{z-index:1;position:relative}.vs-hero-copy{text-align:center;align-items:center;gap:var(--vi-space-8);flex-direction:column;max-width:800px;margin-inline:auto;display:flex}.vs-hero-copy .vs-lead{text-align:center}.vs-hero-kicker{font-size:var(--vi-text-xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);margin-bottom:calc(var(--vi-space-6) * -1)}.vs-hero-actions{justify-content:center;gap:var(--vi-space-4);margin-top:var(--vi-space-2);flex-wrap:wrap;display:flex}.vs-status-pill{align-items:center;gap:var(--vi-space-3);height:var(--vi-control-sm);padding-inline:var(--vi-space-4) var(--vi-space-5);border-radius:var(--vi-radius-full);border:1px solid var(--vi-border-default);background:var(--vi-surface-raised);font-size:var(--vi-text-xs);color:var(--vi-text-secondary);display:inline-flex}.vs-status-dot{border-radius:var(--vi-radius-full);background:var(--vi-warning);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--vi-warning) 20%, transparent);animation:vi-pulse 2.4s var(--vi-ease-inout) infinite}@media (prefers-reduced-motion:reduce){.vs-status-dot{animation:none}}.vs-shot{margin:0}.vs-shot-frame{border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-xl);background:var(--vi-surface-canvas);width:100%;position:relative;overflow:hidden}.vs-shot-hero{margin-top:clamp(40px,5vw,72px)}.vs-shot-hero .vs-shot-frame{border-radius:var(--vi-radius-2xl);box-shadow:var(--vi-shadow-xl), 0 0 0 1px var(--vi-alpha-black-40)}.vs-shot-caption{margin-top:var(--vi-space-5);font-size:var(--vi-text-xs);color:var(--vi-text-muted);line-height:var(--vi-leading-snug)}.vs-shot-empty{justify-content:center;align-items:center;gap:var(--vi-space-4);padding:var(--vi-space-10);text-align:center;color:var(--vi-text-disabled);background-image:linear-gradient(to right, var(--vs-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--vs-grid-line) 1px, transparent 1px);background-size:40px 40px;flex-direction:column;display:flex;position:absolute;inset:0}.vs-shot-empty-label{font-size:var(--vi-text-xs);font-weight:var(--vi-weight-medium);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted)}.vs-stats{border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);background:var(--vi-surface-panel);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.vs-stat{padding:var(--vi-space-10);border-right:1px solid var(--vi-border-default)}.vs-stat:last-child{border-right:0}.vs-stat-val{font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums;font-size:var(--vs-display-3);color:var(--vi-text-strong);letter-spacing:-.02em}.vs-stat-key{margin-top:var(--vi-space-2);font-size:var(--vi-text-xs);color:var(--vi-text-muted)}@media (max-width:900px){.vs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-stat:nth-child(2){border-right:0}.vs-stat:nth-child(-n+2){border-bottom:1px solid var(--vi-border-default)}}@media (max-width:520px){.vs-stats{grid-template-columns:minmax(0,1fr)}.vs-stat{border-right:0;border-bottom:1px solid var(--vi-border-default)}.vs-stat:last-child{border-bottom:0}}.vs-docs{gap:var(--vi-space-16);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.vs-docs-nav{top:calc(var(--vs-header-h) + var(--vi-space-8));max-height:calc(100vh - var(--vs-header-h) - var(--vi-space-16));padding-right:var(--vi-space-4);position:sticky;overflow-y:auto}.vs-docs-group+.vs-docs-group{margin-top:var(--vi-space-10)}.vs-docs-group-title{padding:var(--vi-space-2) var(--vi-space-4);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted)}.vs-docs-link{padding:var(--vi-space-3) var(--vi-space-4);border-radius:var(--vi-radius-md);font-size:var(--vi-text-sm);color:var(--vi-text-secondary);transition:var(--vi-transition-colors);display:block}.vs-docs-link:hover{background:var(--vi-surface-hover);color:var(--vi-text-strong)}.vs-docs-link[aria-current=page]{background:var(--vi-surface-selected);color:var(--vi-text-strong);box-shadow:inset 2px 0 0 var(--vi-accent)}@media (max-width:900px){.vs-docs{gap:var(--vi-space-10);grid-template-columns:minmax(0,1fr)}.vs-docs-nav{max-height:none;padding:var(--vi-space-6);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);background:var(--vi-surface-panel);position:static}}.vs-entry{padding-block:var(--vi-space-12);border-bottom:1px solid var(--vi-border-default)}.vs-entry:first-child{padding-top:0}.vs-entry-meta{align-items:center;gap:var(--vi-space-4);margin-bottom:var(--vi-space-5);font-size:var(--vi-text-xs);color:var(--vi-text-muted);flex-wrap:wrap;display:flex}.vs-entry-date{font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums}.vs-board{gap:var(--vi-space-8);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}@media (max-width:900px){.vs-board{grid-template-columns:minmax(0,1fr)}}.vs-board-col{border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);background:var(--vi-surface-panel);overflow:hidden}.vs-board-head{justify-content:space-between;align-items:center;gap:var(--vi-space-4);height:var(--vi-toolbar-h);padding-inline:var(--vi-space-8);background:var(--vi-surface-chrome);border-bottom:1px solid var(--vi-border-default);font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-secondary);display:flex}.vs-board-head[data-phase=now]{box-shadow:inset 0 -2px 0 var(--vi-success)}.vs-board-head[data-phase=next]{box-shadow:inset 0 -2px 0 var(--vi-accent)}.vs-board-head[data-phase=later]{box-shadow:inset 0 -2px 0 var(--vi-grey-550)}.vs-board-item{padding:var(--vi-space-8);border-bottom:1px solid var(--vi-border-default)}.vs-board-item:last-child{border-bottom:0}.vs-board-item-head{justify-content:space-between;align-items:baseline;gap:var(--vi-space-4);margin-bottom:var(--vi-space-3);display:flex}.vs-board-item-title{font-size:var(--vi-text-md);font-weight:var(--vi-weight-semibold);color:var(--vi-text-strong);letter-spacing:-.01em}.vs-board-item-body{font-size:var(--vi-text-sm);color:var(--vi-text-muted);line-height:var(--vi-leading-base)}.vs-board-tag{font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);flex-shrink:0}.vs-track{gap:0 var(--vi-space-12);border-top:1px solid var(--vi-border-default);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}@media (max-width:820px){.vs-track{grid-template-columns:minmax(0,1fr)}}.vs-track-item{align-items:start;gap:var(--vi-space-4);padding-block:var(--vi-space-5);border-bottom:1px solid var(--vi-border-default);grid-template-columns:34px 16px minmax(0,1fr);display:grid}.vs-track-n{font-family:var(--vi-font-mono);font-variant-numeric:tabular-nums;font-size:var(--vi-text-xs);color:var(--vi-text-disabled);text-align:right;padding-top:1px}.vs-track-check{color:var(--vi-success);padding-top:1px}.vs-track-title{font-size:var(--vi-text-sm);color:var(--vi-text-secondary);line-height:var(--vi-leading-snug)}.vs-track-note{margin-top:var(--vi-space-3);padding-left:var(--vi-space-6);border-left:2px solid var(--vi-accent);font-size:var(--vi-text-xs);color:var(--vi-text-muted);line-height:var(--vi-leading-base);grid-column:3}.vs-track-summary{gap:var(--vi-space-6);padding:var(--vi-space-10);border:1px solid var(--vi-border-default);border-radius:var(--vi-radius-lg);background:var(--vi-surface-panel);margin-bottom:var(--vi-space-12);flex-direction:column;display:flex}.vs-track-summary-head{justify-content:space-between;align-items:baseline;gap:var(--vi-space-4);flex-wrap:wrap;display:flex}.vs-track-summary-label{font-size:var(--vi-text-xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted)}.vs-track-summary-count{align-items:center;gap:var(--vi-space-3);font-size:var(--vi-text-md);font-weight:var(--vi-weight-medium);color:var(--vi-text-strong);display:inline-flex}.vs-track-summary-count .vi-num{color:var(--vi-text-strong)}.vs-track-summary-count svg{color:var(--vi-success)}.vs-meter-done{height:6px}.vs-meter-done .vi-meter-seg[data-on=true]{background:var(--vi-success)}.vs-track-summary-meta{align-items:center;gap:var(--vi-space-3) var(--vi-space-4);font-size:var(--vi-text-xs);color:var(--vi-text-muted);flex-wrap:wrap;display:flex}.vs-track-summary-meta .vi-num{color:var(--vi-text-secondary)}.vs-footer{border-top:1px solid var(--vi-border-default);background:var(--vi-surface-sunken);padding-block:var(--vs-section-y-sm) var(--vi-space-16)}.vs-footer-grid{gap:var(--vi-space-12);grid-template-columns:1.6fr repeat(3,minmax(0,1fr));display:grid}@media (max-width:860px){.vs-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.vs-footer-grid{grid-template-columns:minmax(0,1fr)}}.vs-footer-title{font-size:var(--vi-text-2xs);font-weight:var(--vi-weight-semibold);letter-spacing:var(--vi-tracking-caps);text-transform:uppercase;color:var(--vi-text-muted);margin-bottom:var(--vi-space-6)}.vs-footer-link{padding-block:var(--vi-space-2);font-size:var(--vi-text-sm);color:var(--vi-text-secondary);transition:var(--vi-transition-colors);display:block}.vs-footer-link:hover{color:var(--vi-text-strong)}.vs-footer-base{justify-content:space-between;align-items:center;gap:var(--vi-space-6);margin-top:var(--vs-section-y-sm);padding-top:var(--vi-space-10);border-top:1px solid var(--vi-border-default);font-size:var(--vi-text-xs);color:var(--vi-text-muted);flex-wrap:wrap;display:flex}.vs-skip-link{left:var(--vi-space-6);z-index:var(--vi-z-toast);padding:var(--vi-space-4) var(--vi-space-8);border-radius:var(--vi-radius-md);background:var(--vi-blue-600);color:var(--vi-text-on-accent);font-size:var(--vi-text-sm);font-weight:var(--vi-weight-medium);transition:top var(--vi-duration-fast) var(--vi-ease-out);position:absolute;top:-60px}.vs-skip-link:focus{top:var(--vi-space-6)}.vs-kbd{border:1px solid var(--vi-border-strong);border-radius:var(--vi-radius-sm);background:var(--vi-surface-inset);min-width:18px;height:18px;font-family:var(--vi-font-mono);font-size:var(--vi-text-2xs);color:var(--vi-text-secondary);border-bottom-width:2px;align-items:center;padding-inline:5px;display:inline-flex}.vs-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(28px,5vw,72px);display:grid}.vs-split-wide{grid-template-columns:.9fr 1.1fr}@media (max-width:900px){.vs-split,.vs-split-wide{grid-template-columns:minmax(0,1fr)}}