.vpt-tool{--vpt-accent:var(--color-accent);--vpt-accent-bright:var(--color-accent-bright);--vpt-accent-bg:#ff7a001a;--vpt-accent-bd:#ff7a004d;--vpt-ok:#15803d;--vpt-ok-bg:#15803d1a;--vpt-ok-bd:#15803d47;--vpt-warn:#b45309;--vpt-warn-bg:#b453091a;--vpt-warn-bd:#b4530947;--vpt-err:#b91c1c;--vpt-err-bg:#b91c1c1a;--vpt-err-bd:#b91c1c47;--vpt-info:#0e7490;--vpt-info-bg:#0e74901a;--vpt-info-bd:#0e749047;font-family:inherit}:root.dark .vpt-tool{--vpt-accent-bg:#ff7a0024;--vpt-accent-bd:#ff7a0061;--vpt-ok:#4ade80;--vpt-ok-bg:#4ade801f;--vpt-ok-bd:#4ade804d;--vpt-warn:#fbbf24;--vpt-warn-bg:#fbbf241f;--vpt-warn-bd:#fbbf244d;--vpt-err:#f87171;--vpt-err-bg:#f871711f;--vpt-err-bd:#f871714d;--vpt-info:#38bdf8;--vpt-info-bg:#38bdf81f;--vpt-info-bd:#38bdf84d}.vpt-tool .vpt-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 30px -12px #00000059}.vpt-tool .vpt-card:hover{border-color:var(--vpt-accent-bd)}.vpt-tool .vpt-tile{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline)}:root.dark .vpt-tool .vpt-tile{background-color:var(--color-canvas-soft-2)}.vpt-tool .vpt-metric{position:relative;overflow:hidden}.vpt-tool .vpt-metric:before{content:"";background:var(--vpt-rail,var(--vpt-accent));opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.vpt-tool .vpt-chip{background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-body);cursor:pointer;user-select:none;transition:all .15s ease-in-out}.vpt-tool .vpt-chip:hover:not(:disabled){border-color:var(--vpt-accent-bd);color:var(--color-ink)}.vpt-tool .vpt-chip.chip-active{box-shadow:0 0 0 1px var(--vpt-accent), 0 0 14px -2px #ff7a0059;border-color:var(--vpt-accent)!important;background-color:var(--vpt-accent-bg)!important;color:var(--color-ink)!important}.vpt-tool .vpt-chip:disabled{opacity:.4;cursor:not-allowed}.vpt-tool .btn-vpt-primary{background-color:var(--vpt-accent);color:#0a0a0a;cursor:pointer;transition:transform .1s,box-shadow .15s,background-color .15s;box-shadow:0 8px 22px -8px #ff7a008c}.vpt-tool .btn-vpt-primary:hover:not(:disabled){background-color:var(--vpt-accent-bright);transform:translateY(-1px);box-shadow:0 10px 28px -8px #ff7a00b3}.vpt-tool .btn-vpt-primary:active:not(:disabled){transform:scale(.98)}.vpt-tool .btn-vpt-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.vpt-tool .btn-vpt-stop{background-color:var(--vpt-err);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px -6px #dc262680}.vpt-tool .btn-vpt-stop:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 26px -6px #dc2626a6}.vpt-tool .btn-vpt-ghost{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body);cursor:pointer;transition:all .15s}.vpt-tool .btn-vpt-ghost:hover:not(:disabled){border-color:var(--vpt-accent-bd);color:var(--color-ink)}.vpt-tool .btn-vpt-ghost:disabled{opacity:.4;cursor:not-allowed}.vpt-tool .vpt-badge{border:1px solid var(--color-hairline);background-color:var(--color-canvas-soft);color:var(--color-mute);align-items:center;gap:.375rem;display:inline-flex}.vpt-tool .vpt-badge-ok{color:var(--vpt-ok);background-color:var(--vpt-ok-bg);border-color:var(--vpt-ok-bd)}.vpt-tool .vpt-badge-warn{color:var(--vpt-warn);background-color:var(--vpt-warn-bg);border-color:var(--vpt-warn-bd)}.vpt-tool .vpt-badge-err{color:var(--vpt-err);background-color:var(--vpt-err-bg);border-color:var(--vpt-err-bd)}.vpt-tool .vpt-badge-info{color:var(--vpt-info);background-color:var(--vpt-info-bg);border-color:var(--vpt-info-bd)}.vpt-tool .vpt-badge-accent{color:var(--vpt-accent);background-color:var(--vpt-accent-bg);border-color:var(--vpt-accent-bd)}.vpt-tool .vpt-player-viewport{aspect-ratio:16/9;border:1px solid var(--vpt-accent-bd);background-color:#050505;border-radius:1rem;width:100%;max-height:72vh;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #0009,inset 0 0 70px -34px #ff7a0040}.vpt-tool .vpt-player-viewport.is-playing{border-color:var(--vpt-accent);box-shadow:0 24px 50px -20px #000000a6,inset 0 0 70px -30px #ff7a0052,0 0 22px -6px #ff7a0040}.vpt-tool .vpt-player-viewport video{background:#000;width:100%;height:100%;display:block}@media (width<=640px){.vpt-tool .vpt-player-viewport{aspect-ratio:16/9;max-height:60vh}}.vpt-tool .vpt-player-viewport:fullscreen{aspect-ratio:auto;border:none;border-radius:0;height:100vh;max-height:none}.vpt-tool .vpt-hud-chip{-webkit-backdrop-filter:blur(10px);color:#e5e5e5;background-color:#0a0a0ad1;border:1px solid #ffffff1f}.vpt-tool .vpt-ctrl-btn{color:#e5e5e5;cursor:pointer;background-color:#ffffff14;border:1px solid #0000;transition:background-color .15s,color .15s}.vpt-tool .vpt-ctrl-btn:hover:not(:disabled){color:#fff;background-color:#ff7a0038}.vpt-tool .vpt-ctrl-btn:focus-visible{outline:2px solid var(--vpt-accent);outline-offset:2px}.vpt-tool .vpt-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.vpt-tool .vpt-ctrl-select{color:#e5e5e5;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff24}.vpt-tool .vpt-ctrl-select:focus-visible{outline:2px solid var(--vpt-accent);outline-offset:1px}.vpt-tool .vpt-overlay{-webkit-backdrop-filter:blur(3px);background:radial-gradient(120% 120% at 50% 40%,#0a0a0a8c 0%,#050505d1 100%);transition:opacity .2s}.vpt-tool .vpt-range-scrubber{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:9999px;outline:none;height:5px;transition:height .15s,background .15s}.vpt-tool .vpt-range-scrubber:hover{height:7px}.vpt-tool .vpt-range-scrubber::-webkit-slider-thumb{appearance:none;background:var(--vpt-accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 10px #ff7a00d9}.vpt-tool .vpt-range-scrubber::-webkit-slider-thumb:hover{transform:scale(1.2)}.vpt-tool .vpt-range-scrubber::-moz-range-thumb{background:var(--vpt-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #ff7a00d9}.vpt-tool .vpt-range-scrubber:focus-visible{outline:2px solid var(--vpt-accent);outline-offset:4px}.vpt-tool .vpt-volume-slider{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:9999px;outline:none;height:4px}.vpt-tool .vpt-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--vpt-accent-bright);cursor:pointer;border-radius:50%;width:11px;height:11px}.vpt-tool .vpt-volume-slider::-moz-range-thumb{background:var(--vpt-accent-bright);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.vpt-tool .vpt-chart-container{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:.75rem;width:100%;height:11rem;position:relative;overflow:hidden}:root.dark .vpt-tool .vpt-chart-container{background-color:#0b0b0b}.vpt-tool .vpt-chart-grid{stroke:var(--color-hairline)}.vpt-tool .vpt-table-wrap{scrollbar-width:thin;overflow-x:auto}.vpt-tool .vpt-table-wrap::-webkit-scrollbar{height:6px}.vpt-tool .vpt-table-wrap::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:9999px}.vpt-tool .vpt-table th{color:var(--color-mute)}.vpt-tool .vpt-table tbody tr:hover{background-color:var(--color-canvas-soft)}.vpt-tool .vpt-faq-question{cursor:pointer;transition:background .15s}.vpt-tool .vpt-faq-question:hover{background-color:var(--color-canvas-soft)}.vpt-tool .vpt-faq-icon{transition:transform .2s}@media (prefers-reduced-motion:reduce){.vpt-tool .animate-pulse,.vpt-tool .animate-ping{animation:none!important}.vpt-tool .vpt-range-scrubber{transition:none!important}.vpt-tool .vpt-range-scrubber::-webkit-slider-thumb{transition:none!important}}@media print{.vpt-tool .vpt-player-viewport,.vpt-tool #vpt-btn-start,.vpt-tool #vpt-btn-reset{display:none!important}}