vd-stage{display:block}vd-stage figure{border:1px solid var(--vd-line);background:var(--vd-surface);border-radius:12px;overflow:hidden}.vd-stage-body{background-image:radial-gradient(var(--vd-line) 1px, transparent 1px);background-size:16px 16px;height:320px;position:relative;overflow:hidden}[data-stage-canvas]{position:absolute;inset:0}.vd-stage-frame{color-scheme:normal;background:0 0;border:0;width:100%;height:100%;display:block}[data-stage-overlay]{pointer-events:none;z-index:2;position:absolute;inset:0}.vd-stage-bar{border-top:1px solid var(--vd-line);color:var(--vd-muted);justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;font-size:12px;display:flex}.vd-stage-controls{gap:4px;display:flex}.vd-stage-bar button{appearance:none;font:inherit;color:var(--vd-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 8px}.vd-stage-bar button:hover{color:var(--vd-ink);background:var(--vd-paper)}.vd-stage-autoplay,.vd-stage-play{align-items:center;gap:5px;display:inline-flex}.vd-stage-bar svg{fill:currentColor}vd-stage:not([data-autoplay]) .vd-stage-autoplay,vd-stage[data-autoplay] .vd-stage-play{display:none}.vd-ghost-cursor{opacity:0;will-change:transform;z-index:4;width:0;height:0;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.3,.7,.3,1);position:absolute;top:0;left:0}.vd-ghost-cursor svg{display:block;position:absolute}.vd-cursor-arrow{top:-1.5px;left:-4.5px}.vd-cursor-hand{top:-12px;left:-10px}.vd-ghost-cursor[data-grab] .vd-cursor-arrow,.vd-ghost-cursor:not([data-grab]) .vd-cursor-hand{display:none}.vd-cursor-eye{top:-8px;left:-12px}.vd-ghost-cursor:not([data-persona=gaze]) .vd-cursor-eye,.vd-ghost-cursor[data-persona=gaze] .vd-cursor-arrow,.vd-ghost-cursor[data-persona=gaze] .vd-cursor-hand{display:none}.vd-cursor-touch{border:1.5px solid var(--vd-ink,#1c1a17);background:color-mix(in oklab, var(--vd-ink,#1c1a17) 14%, transparent);width:22px;height:22px;box-shadow:0 0 0 1px var(--vd-paper,#fff);opacity:.55;border-radius:50%;transition:scale .12s ease-out,opacity .12s ease-out;display:none;position:absolute;top:-11px;left:-11px}.vd-ghost-cursor[data-persona=touch] .vd-cursor-touch{display:block}.vd-ghost-cursor[data-persona=touch] .vd-cursor-arrow,.vd-ghost-cursor[data-persona=touch] .vd-cursor-hand{display:none}.vd-ghost-cursor[data-contact] .vd-cursor-touch{opacity:.95;scale:.8}.vd-cursor-force{background:var(--vd-accent);opacity:.55;scale:var(--vd-force,0);border-radius:50%;transition:scale .1s linear;position:absolute;inset:1px}.vd-cursor-pinch{--vd-pinch-sign:1;border:1.5px solid var(--vd-ink,#1c1a17);background:color-mix(in oklab, var(--vd-ink,#1c1a17) 14%, transparent);width:22px;height:22px;box-shadow:0 0 0 1px var(--vd-paper,#fff);opacity:.95;transform:rotate(var(--vd-pinch-turn,45deg)) translate(calc(var(--vd-pinch,0px) * var(--vd-pinch-sign)), 0);border-radius:50%;transition:transform .1s linear;display:none;position:absolute;top:-11px;left:-11px}.vd-cursor-pinch--b{--vd-pinch-sign:-1}.vd-ghost-cursor[data-gesture=pinch] .vd-cursor-pinch{display:block}.vd-ghost-cursor[data-gesture=pinch] .vd-cursor-touch,.vd-ghost-cursor[data-gesture=pinch] .vd-cursor-arrow,.vd-ghost-cursor[data-gesture=pinch] .vd-cursor-hand{display:none}.vd-ghost-cursor[data-visible]{opacity:1}.vd-user-touch{opacity:0;pointer-events:none;will-change:transform;z-index:5;width:0;height:0;transition:opacity .12s ease-out;position:absolute;top:0;left:0}.vd-user-touch[data-visible]{opacity:1}.vd-user-touch-disc{border:1.5px solid var(--vd-ink,#1c1a17);background:color-mix(in oklab, var(--vd-ink,#1c1a17) 14%, transparent);width:22px;height:22px;box-shadow:0 0 0 1px var(--vd-paper,#fff);opacity:.55;border-radius:50%;transition:scale .12s ease-out,opacity .12s ease-out;position:absolute;top:-11px;left:-11px}.vd-user-touch[data-contact] .vd-user-touch-disc{opacity:.95;scale:.8}.vd-fx-arc{opacity:0;pointer-events:none;border:2px solid #0000;border-radius:50%;width:24px;height:24px;position:absolute;top:-12px;left:-12px}.vd-fx-arc--left{border-left-color:var(--vd-accent)}.vd-fx-arc--right{border-right-color:var(--vd-accent)}.vd-fx-arc:not(.vd-fx-arc--held){animation:.45s ease-out forwards vd-arc-ripple}.vd-fx-arc--held{border-width:3.5px;animation:.2s ease-out forwards vd-arc-hold}.vd-fx-arc--held.vd-fx-arc--release{animation:.35s ease-out forwards vd-arc-ripple}.vd-fx-tap{border:2px solid var(--vd-accent);opacity:0;pointer-events:none;border-radius:50%;width:24px;height:24px;animation:.45s ease-out forwards vd-arc-ripple;position:absolute;top:-12px;left:-12px}.vd-fx-pinch{border:2.5px solid #0000;border-left-color:var(--vd-accent);border-right-color:var(--vd-accent);opacity:0;pointer-events:none;border-radius:50%;width:24px;height:24px;animation:.4s ease-in forwards vd-pinch-close;position:absolute;top:-12px;left:-12px}@keyframes vd-pinch-close{0%{opacity:.4;scale:1.5}70%{opacity:1;scale:.55}to{opacity:0;scale:.5}}@keyframes vd-arc-ripple{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.5}}@keyframes vd-arc-hold{0%{opacity:0;scale:.6}to{opacity:.95;scale:1}}.vd-fx-caret{border:2px solid var(--vd-accent);opacity:0;pointer-events:none;border-bottom:0;border-right:0;width:12px;height:12px;position:absolute;left:-6px}.vd-fx-caret--up{top:-22px;transform:rotate(45deg)}.vd-fx-caret--down{top:10px;transform:rotate(225deg)}.vd-fx-caret--up:not(.vd-fx-caret--pulse){animation:.5s ease-out forwards vd-caret-travel-up}.vd-fx-caret--down:not(.vd-fx-caret--pulse){animation:.5s ease-out forwards vd-caret-travel-down}.vd-fx-caret--pulse{animation:.5s ease-out forwards vd-caret-pulse}@keyframes vd-caret-pulse{0%{opacity:0}25%{opacity:.9}to{opacity:0}}@keyframes vd-caret-travel-up{0%{opacity:.9;translate:0}to{opacity:0;translate:0 -12px}}@keyframes vd-caret-travel-down{0%{opacity:.9;translate:0}to{opacity:0;translate:0 12px}}.vd-subject-pin{font-family:var(--font-mono);color:var(--vd-paper);background:var(--vd-ink);white-space:nowrap;pointer-events:none;opacity:0;z-index:3;border-radius:6px;padding:3px 9px;font-size:11px;transition:opacity .2s;position:absolute;transform:translate(-50%,-100%)}.vd-subject-pin[data-side=below]{transform:translate(-50%)}.vd-subject-pin[data-visible]{opacity:1}.vd-subject-pin:after{content:"";background:var(--vd-ink);width:1px;height:7px;position:absolute;top:100%;left:50%}.vd-subject-pin[data-side=below]:after{top:auto;bottom:100%}.vd-spotlight{border:2px solid var(--vd-accent);pointer-events:none;opacity:0;border-radius:10px;transition:opacity .2s;position:absolute;box-shadow:0 0 0 9999px #0c0a0866}.vd-spotlight[data-visible]{opacity:1}.vd-key-hud{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.vd-key-chip{font-family:var(--font-mono);color:var(--vd-ink);background:var(--vd-surface);border:1px solid var(--vd-line);border-bottom-width:2px;border-radius:6px;padding:3px 8px;font-size:11px;animation:1.1s both vd-chip}.vd-key-chip[data-live]{animation:.2s both vd-chip-in}.vd-key-chip[data-done]{animation:.6s both vd-chip-out}@keyframes vd-chip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes vd-chip-out{0%{opacity:1}to{opacity:0}}@keyframes vd-chip{0%{opacity:0;transform:translateY(4px)}15%,75%{opacity:1;transform:translateY(0)}to{opacity:0}}