.vx-mask{--vx-gold:var(--accent-gold,oklch(67.86% .1368 80.5));gap:var(--space-3);min-inline-size:0;padding:var(--space-3);border:1px solid var(--border);border-radius:calc(var(--radius-lg,var(--radius)) + var(--space-3));background:var(--card);color:var(--foreground);display:grid}.vx-mask[data-tone=dark]{background:var(--vx-theme-deep,var(--surface-deep))}.vx-mask{--vx-mask-base-surface:var(--muted,var(--card));--vx-mask-revealed-surface:var(--card);--vx-mask-ground:var(--card)}.vx-mask[data-tone=dark]{--vx-mask-base-surface:var(--vx-theme-deep,var(--surface-deep));--vx-mask-revealed-surface:var(--card);--vx-mask-ground:var(--vx-theme-deep,var(--surface-deep))}.vx-mask-surface{border-radius:var(--radius-lg,var(--radius));isolation:isolate;touch-action:pan-y;outline:none;min-inline-size:0;display:grid;position:relative;overflow:hidden}.vx-mask-surface:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.vx-mask-layer{border-radius:inherit;grid-area:1/1;align-content:stretch;min-inline-size:0;display:grid}.vx-mask-layer[data-layer=base]{background:linear-gradient(var(--vx-mask-base-surface), var(--vx-mask-base-surface)), var(--vx-mask-ground)}.vx-mask-layer[data-layer=revealed]{background:linear-gradient(var(--vx-mask-revealed-surface), var(--vx-mask-revealed-surface)), var(--vx-mask-ground)}.vx-mask-layer>*{min-inline-size:0}.vx-mask-layer[data-layer=base]{z-index:1;transition:opacity .32s}.vx-mask-layer[data-layer=revealed]{z-index:0}.vx-mask-surface[data-lamp=on]>.vx-mask-layer[data-layer=base]{-webkit-mask-image:radial-gradient(circle var(--vx-mask-r) at var(--vx-mask-x) var(--vx-mask-y), transparent 0%, transparent var(--vx-mask-inner,35%), black 100%);-webkit-mask-image:radial-gradient(circle var(--vx-mask-r) at var(--vx-mask-x) var(--vx-mask-y), transparent 0%, transparent var(--vx-mask-inner,35%), black 100%);mask-image:radial-gradient(circle var(--vx-mask-r) at var(--vx-mask-x) var(--vx-mask-y), transparent 0%, transparent var(--vx-mask-inner,35%), black 100%)}.vx-mask[data-revealed=true] .vx-mask-layer[data-layer=base]{opacity:0;pointer-events:none}.vx-mask[data-revealed=true] .vx-mask-layer[data-layer=revealed]{z-index:2}.vx-mask-lamp{z-index:3;pointer-events:none;block-size:0;inline-size:0;display:none;position:absolute;inset-block-start:var(--vx-mask-y);inset-inline-start:var(--vx-mask-x)}.vx-mask[data-live=true] .vx-mask-lamp{display:block}.vx-mask-halo,.vx-mask-cursor{border-radius:999px;position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -50%}.vx-mask-halo{inline-size:calc(var(--vx-mask-r) * 2);block-size:calc(var(--vx-mask-r) * 2);opacity:0}.vx-mask[data-glow=true] .vx-mask-surface[data-lamp=on] .vx-mask-halo{opacity:1;border:1px solid color-mix(in oklab, var(--vx-gold) 38%, transparent);box-shadow:0 0 var(--space-6) color-mix(in oklab, var(--vx-gold) 30%, transparent), inset 0 0 var(--space-8) color-mix(in oklab, var(--vx-gold) 18%, transparent)}.vx-mask-cursor{border:2px solid var(--vx-gold);background:color-mix(in oklab, var(--vx-gold) 22%, transparent);block-size:18px;inline-size:18px;box-shadow:0 0 0 1px color-mix(in oklab, var(--background) 60%, transparent);opacity:0}.vx-mask-surface[data-lamp=on] .vx-mask-cursor{opacity:1}.vx-mask[data-revealed=true] .vx-mask-lamp{display:none}@media (hover:hover) and (pointer:fine){.vx-mask[data-live=true][data-revealed=false] .vx-mask-surface{cursor:none}}.vx-mask[data-live=true][data-touch=drag] .vx-mask-surface{-webkit-user-select:none;user-select:none}.vx-mask-foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-inline:var(--space-1);flex-wrap:wrap;display:flex}.vx-mask-hint{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.4}.vx-mask-toggle{align-items:center;gap:var(--space-2);min-block-size:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:color-mix(in oklab, var(--foreground) 6%, transparent);color:var(--foreground);font:inherit;cursor:pointer;border-radius:999px;font-size:.875rem;font-weight:600;transition:background-color .16s,border-color .16s;display:inline-flex}.vx-mask-toggle:hover{border-color:color-mix(in oklab, var(--vx-gold) 60%, var(--border))}.vx-mask-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vx-mask-toggle-dot{border:2px solid var(--vx-gold);border-radius:999px;block-size:10px;inline-size:10px;transition:background-color .16s}.vx-mask-toggle[aria-pressed=true]{border-color:var(--vx-gold);background:color-mix(in oklab, var(--vx-gold) 16%, transparent)}.vx-mask-toggle[aria-pressed=true] .vx-mask-toggle-dot{background:var(--vx-gold)}.vx-mask[data-editing=true] .vx-mask-surface>[data-puck-dropzone]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.vx-mask[data-editing=true] .vx-mask-surface{overflow:visible}@media (prefers-reduced-motion:reduce){.vx-mask-layer[data-layer=base],.vx-mask-toggle,.vx-mask-toggle-dot{transition:none}}