.vst-tool{--vst-accent:var(--color-accent);--vst-accent-bright:var(--color-accent-bright);--vst-accent-deep:#c95d00;--vst-ok:#15803d;--vst-ok-bg:#15803d1a;--vst-ok-bd:#15803d47;--vst-warn:#b45309;--vst-warn-bg:#b453091a;--vst-warn-bd:#b4530947;--vst-err:#b91c1c;--vst-err-bg:#b91c1c1a;--vst-err-bd:#b91c1c47;--vst-accent-bg:#ff7a001a;--vst-accent-bd:#ff7a004d;--vst-chart-fps:#ff7a00;--vst-chart-ft:#fbbf24}:root.dark .vst-tool{--vst-ok:#4ade80;--vst-ok-bg:#4ade801f;--vst-ok-bd:#4ade804d;--vst-warn:#fbbf24;--vst-warn-bg:#fbbf241f;--vst-warn-bd:#fbbf244d;--vst-err:#f87171;--vst-err-bg:#f871711f;--vst-err-bd:#f871714d;--vst-accent-bg:#ff7a0024;--vst-accent-bd:#ff7a0061}.vst-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:.75rem;transition:border-color .2s,box-shadow .2s,transform .15s}.vst-card:hover{border-color:var(--vst-accent-bd)}.vst-tile{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:.625rem}:root.dark .vst-tool .vst-tile{background-color:var(--color-canvas-soft-2)}.vst-canvas-container{aspect-ratio:16/9;border:1px solid var(--vst-accent-bd);background-color:#050505;border-radius:1.25rem;width:100%;min-height:320px;max-height:620px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #0009,inset 0 0 60px -30px #ff7a0047}@media (width<=640px){.vst-canvas-container{aspect-ratio:4/3;min-height:260px;max-height:420px}}.vst-canvas-container.is-running{border-color:#ff7a008c;box-shadow:0 24px 50px -20px #0009,0 0 28px #ff7a0038,inset 0 0 60px -28px #ff7a0066}.vst-canvas-container:fullscreen{aspect-ratio:auto;border:none;border-radius:0;min-height:0;max-height:none}#vst-canvas{width:100%;height:100%;display:block}.vst-hud-pill{-webkit-backdrop-filter:blur(10px);color:#e5e5e5;background-color:#0a0a0ad1;border:1px solid #ffffff1f}.vst-overlay-scrim{-webkit-backdrop-filter:blur(4px);background:#050505d1;transition:opacity .3s}.vst-btn-primary{background-color:var(--vst-accent);color:#0a0a0a;transition:transform .1s,box-shadow .15s,background-color .15s;box-shadow:0 8px 22px -8px #ff7a0099}.vst-btn-primary:hover{background-color:var(--vst-accent-bright);box-shadow:0 10px 26px -6px #ff7a00b3}.vst-btn-primary:active{transform:scale(.98)}.vst-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vst-btn-danger{background-color:var(--vst-err)!important;color:#fff!important;box-shadow:0 8px 22px -8px #dc26268c!important}.vst-btn-secondary{background-color:var(--color-canvas-soft);color:var(--color-body);border:1px solid var(--color-hairline);transition:transform .1s,border-color .15s,color .15s,background-color .15s}:root.dark .vst-tool .vst-btn-secondary{background-color:var(--color-canvas-soft-2)}.vst-btn-secondary:hover{border-color:var(--vst-accent-bd);color:var(--color-ink)}.vst-btn-secondary:active{transform:scale(.98)}.vst-metric-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);transition:border-color .2s,transform .2s;position:relative}.vst-metric-card:hover{border-color:var(--vst-accent-bd);transform:translateY(-2px)}.vst-badge{border:1px solid var(--color-hairline);background-color:var(--color-canvas-soft);color:var(--color-mute);border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:11px;font-weight:600;display:inline-flex}:root.dark .vst-tool .vst-badge{background-color:var(--color-canvas-soft-2)}.vst-badge-ok{color:var(--vst-ok);background-color:var(--vst-ok-bg);border-color:var(--vst-ok-bd)}.vst-badge-warn{color:var(--vst-warn);background-color:var(--vst-warn-bg);border-color:var(--vst-warn-bd)}.vst-badge-err{color:var(--vst-err);background-color:var(--vst-err-bg);border-color:var(--vst-err-bd)}.vst-badge-accent{color:var(--vst-accent);background-color:var(--vst-accent-bg);border-color:var(--vst-accent-bd)}.vst-tooltip-trigger{cursor:help;justify-content:center;align-items:center;display:inline-flex;position:relative}.vst-tooltip-trigger .vst-tooltip-box{visibility:hidden;opacity:0;pointer-events:none;background:var(--color-canvas);border:1px solid var(--color-hairline-strong);width:220px;color:var(--color-body);z-index:50;border-radius:.5rem;padding:.5rem .65rem;font-size:.6875rem;line-height:1.35;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 25px -5px #00000059}.vst-tooltip-trigger:hover .vst-tooltip-box,.vst-tooltip-trigger:focus-within .vst-tooltip-box{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.vst-progress-track{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:9999px;height:6px;overflow:hidden}.vst-progress-fill{background:linear-gradient(90deg, var(--vst-accent-deep) 0%, var(--vst-accent) 55%, var(--vst-accent-bright) 100%);border-radius:9999px;width:0%;height:100%;transition:width .15s linear}.vst-opt-btn{user-select:none;color:var(--color-body);border:1px solid #0000;transition:all .15s;position:relative}.vst-opt-btn:hover{color:var(--color-ink);background-color:color-mix(in srgb, var(--vst-accent) 8%, transparent)}.vst-opt-btn.chip-active{box-shadow:0 0 0 1px var(--vst-accent), 0 0 14px -2px #ff7a0059;font-weight:600;border-color:var(--vst-accent)!important;background-color:var(--vst-accent-bg)!important;color:var(--color-ink)!important}.vst-config-locked{opacity:.7;pointer-events:none}.vst-faq-item{transition:border-color .2s,background-color .2s}.vst-faq-item[data-open=true]{border-color:var(--vst-accent-bd)}.vst-faq-trigger{text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.vst-faq-icon{transition:transform .25s}.vst-faq-item[data-open=true] .vst-faq-icon{transform:rotate(180deg)}.vst-faq-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .2s;display:grid}.vst-faq-item[data-open=true] .vst-faq-content{opacity:1;grid-template-rows:1fr}.vst-faq-inner{overflow:hidden}.vst-tool button:focus-visible,.vst-tool a:focus-visible,.vst-tool [tabindex]:focus-visible{outline:2px solid var(--vst-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.vst-tool .animate-pulse,.vst-tool .animate-ping{animation:none!important}}