.vpt{--vpt-bg:var(--ui-bg-panel,var(--bg-secondary));--vpt-line:var(--ui-line,#ffffff14);--vpt-text:var(--ui-text,var(--text-primary));--vpt-mut:var(--ui-muted,var(--text-secondary));--vpt-dim:var(--ui-dim,var(--text-tertiary));--vpt-elev:var(--ui-bg-elev,var(--bg-tertiary));--vpt-accent:var(--ui-violet,var(--accent));--vpt-accent-rgb:var(--ui-violet-rgb,var(--accent-rgb));border:.5px solid var(--vpt-line);border-radius:var(--radius-sm,6px);background:var(--vpt-bg);height:28px;color:var(--vpt-text);font-family:var(--ui-font-sans,var(--font-sans,system-ui));font-size:var(--text-sm,12px);align-items:center;gap:4px;padding:0 3px;display:inline-flex}.vpt-presets{align-items:center;gap:2px;display:inline-flex}.vpt-preset{border-radius:var(--radius-sm,6px);width:26px;height:24px;color:var(--vpt-mut);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .12s,background .12s;display:inline-grid}.vpt-preset:hover:not(:disabled){background:var(--vpt-elev);color:var(--vpt-text);box-shadow:none}.vpt-preset.vpt-on,.vpt-preset.vpt-on:hover:not(:disabled){background:rgba(var(--vpt-accent-rgb), .16);color:var(--vpt-accent);box-shadow:inset 0 0 0 .5px rgba(var(--vpt-accent-rgb), .4)}.vpt-sep{background:var(--vpt-line);width:1px;height:14px}.vpt-dims{align-items:center;gap:3px;display:inline-flex}.vpt-num{border:.5px solid var(--vpt-line);border-radius:var(--radius-sm,6px);background:var(--vpt-elev);width:46px;height:24px;color:var(--vpt-text);text-align:center;outline:0;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.vpt-num:focus{border-color:rgba(var(--vpt-accent-rgb), .5)}.vpt-num:disabled{opacity:.5;cursor:default}.vpt-num::-webkit-outer-spin-button{appearance:none;margin:0}.vpt-num::-webkit-inner-spin-button{appearance:none;margin:0}.vpt-num[type=number]{-moz-appearance:textfield;appearance:textfield}.vpt-x{color:var(--vpt-dim);user-select:none;font-size:10px}.vpt-icon{border-radius:var(--radius-sm,6px);width:24px;height:24px;color:var(--vpt-mut);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .12s,background .12s;display:inline-grid}.vpt-icon:hover:not(:disabled){background:var(--vpt-elev);color:var(--vpt-text);box-shadow:none}.vpt-icon:disabled{opacity:.45;cursor:default}.vpt-zoom{align-items:center;gap:1px;display:inline-flex}.vpt-zoom-v{border-radius:var(--radius-sm,6px);min-width:40px;height:24px;color:var(--vpt-mut);text-align:center;cursor:pointer;background:0 0;border:0;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;transition:color .12s,background .12s}.vpt-zoom-v:hover:not(:disabled){background:var(--vpt-elev);color:var(--vpt-text);box-shadow:none}