.s3vp[data-v-c3aacb1f]{position:relative;overflow:hidden;width:100%;height:100%;background:var(--s3vp-bg)}canvas[data-v-c3aacb1f]{display:block;width:100%;height:100%;outline:none;touch-action:none}.vbar[data-v-c3aacb1f]{position:absolute;top:10px;display:flex;gap:6px;align-items:center;z-index:3}.vbar.l[data-v-c3aacb1f]{left:12px}.vbar.c[data-v-c3aacb1f]{left:50%;transform:translate(-50%)}.vbar.r[data-v-c3aacb1f]{right:12px}.hud[data-v-c3aacb1f]{position:absolute;left:12px;bottom:10px;z-index:3;font:11px var(--s3vp-c-mono);color:var(--s3vp-c-muted);background:var(--s3vp-hud-bg);border:1px solid var(--s3vp-c-line);padding:5px 10px;border-radius:8px;display:flex;gap:14px;pointer-events:none}.hud b[data-v-c3aacb1f]{color:var(--s3vp-c-text);font-weight:400}.hint[data-v-c3aacb1f]{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:3;padding:7px 14px;border-radius:20px;background:var(--s3vp-glass);border:1px solid var(--s3vp-c-line2);color:var(--s3vp-c-muted);font-size:12px;white-space:nowrap;transition:opacity .4s;pointer-events:none}.hint.off[data-v-c3aacb1f]{opacity:0}.hint b[data-v-c3aacb1f]{color:var(--s3vp-c-amber2);font-weight:800}