:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--hit: 32px;--border-w: 1px;--icon-chrome: 20px;--slider-thumb: 20px;--radius-sm: 4px;--radius-1: 8px;--radius-2: 14px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--font-ui: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--font-display: var(--font-ui);--weight-display: 600;--tracking-display: .01em;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--lh-ui: 1.4;--lh-display: 1.3;--z-panels: 10;--z-toolbar: 20;--z-surface-floating: 30;--z-sheet: 40;--z-modal: 50;--z-tooltip: 60;--z-drag-preview: 70}@media(any-pointer:coarse){:root{--hit: 44px}}.vx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root,:root[data-theme=dark]{color-scheme:dark;--bg-0: #141419;--bg-1: #1d1d24;--bg-2: #282833;--bg-3: #33333f;--ink: #e8e8ee;--ink-dim: #9a9aa8;--ink-disabled: #6e6e7c;--ink-muted: var(--ink-dim);--fill-hover: rgb(255 255 255 / .05);--fill-press: rgb(255 255 255 / .08);--fill-selected: rgb(255 255 255 / .1);--border: #33333d;--border-strong: #454551;--accent: #ffc94d;--accent-fill: #ffc94d;--accent-ink: #241a00;--accent-soft: rgb(255 201 77 / .18);--danger: #ff6464;--danger-ink: #240404;--danger-soft: rgb(255 100 100 / .16);--elevation: 0 12px 32px rgb(0 0 0 / .45);--shadow-color: rgb(0 0 0 / .55);--checker-a: #c9c9ce;--checker-b: #bfbfc6;--vp-bg: #16161c;--vp-grid: rgb(232 232 238 / .08);--vp-grid-major: rgb(232 232 238 / .16);--vp-axis-x: #d9534f;--vp-axis-y: #3aa65c;--vp-axis-z: #3d7cc9;--vp-hover: #ffffff;--vp-hover-halo: #000000;--vp-carve: #ff4d4d;--vp-blocked: var(--ink-dim);--vp-active: var(--accent)}:root[data-theme=light]{color-scheme:light;--bg-0: #ececed;--bg-1: #f8f8f9;--bg-2: #e4e4e8;--bg-3: #d6d6dc;--ink: #1b1b21;--ink-dim: #5c5c68;--ink-disabled: #8c8c98;--ink-muted: var(--ink-dim);--fill-hover: rgb(0 0 0 / .05);--fill-press: rgb(0 0 0 / .08);--fill-selected: rgb(0 0 0 / .1);--border: #d0d0d8;--border-strong: #b2b2be;--accent: #8a5800;--accent-fill: #ffc94d;--accent-ink: #241a00;--accent-soft: rgb(255 193 64 / .34);--danger: #b02525;--danger-ink: #ffffff;--danger-soft: rgb(176 37 37 / .14);--elevation: 0 12px 32px rgb(28 28 34 / .18);--shadow-color: rgb(28 28 34 / .35);--checker-a: #e8e8ec;--checker-b: #dedee4;--vp-bg: #c4c4cc;--vp-grid: rgb(27 27 33 / .08);--vp-grid-major: rgb(27 27 33 / .16);--vp-axis-x: #d9534f;--vp-axis-y: #3aa65c;--vp-axis-z: #3d7cc9;--vp-hover: #ffffff;--vp-hover-halo: #000000;--vp-carve: #dd2222;--vp-blocked: var(--ink-dim);--vp-active: var(--accent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--lh-ui);background:var(--bg-0);color:var(--ink)}.vx-elevated{border:var(--border-w) solid var(--border);border-radius:var(--radius-2);box-shadow:var(--elevation)}@media(any-pointer:coarse){input[class],textarea[class],select[class],input,textarea,select,.vx-number-input__el,.vx-select__el,.vx-hex-input{font-size:16px}}.shell,.vx-modal-scrim,.vx-panel-sheet,.vx-popover{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable],.vx-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.vx-iconbtn[aria-pressed=true],.vx-tool-chip[aria-pressed=true],.vx-tabs__tab[data-selected],.vx-toolbar__lane-tab[aria-selected=true],.vx-anchor-picker__cell[data-selected],.vx-dither-panel__scale-option[data-selected],.vx-lospec__chip[data-active]{background:Highlight;color:HighlightText;forced-color-adjust:none}.vx-slider__fill,.vx-export-progress__fill,.vx-layer-row__check[data-checked],.vx-toggle[data-checked] .vx-toggle__knob{background:Highlight;forced-color-adjust:none}.vx-dither-thumb[data-selected],.vx-frame-thumb[data-active]{outline:3px solid Highlight;outline-offset:-3px}.vx-elevated{border-width:2px}.vx-checker-bg,.vx-palette-grid__swatch,.vx-recent-colors__swatch,.vx-color-swatch-pair__swatch,.vx-harmony-panel__chip,.vx-dither-panel__swatch,.vx-shade-preview__swatch{forced-color-adjust:none}}.vx-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4)}.vx-placeholder h1{margin:0;font-size:var(--text-lg);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}.vx-placeholder p{margin:0;color:var(--ink-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.vx-placeholder__canvas{width:320px;height:240px;border-radius:var(--radius-1);overflow:hidden;background:var(--vp-bg)}