.pst-tool{--pst-accent:var(--color-accent);--pst-accent-bright:var(--color-accent-bright);--pst-ok:#15803d;--pst-ok-bg:#15803d1a;--pst-ok-bd:#15803d47;--pst-warn:#b45309;--pst-warn-bg:#b453091a;--pst-warn-bd:#b4530947;--pst-err:#b91c1c;--pst-err-bg:#b91c1c1a;--pst-err-bd:#b91c1c47;--pst-accent-bg:#ff7a001a;--pst-accent-bd:#ff7a004d}:root.dark .pst-tool{--pst-ok:#4ade80;--pst-ok-bg:#4ade801f;--pst-ok-bd:#4ade804d;--pst-warn:#fbbf24;--pst-warn-bg:#fbbf241f;--pst-warn-bd:#fbbf244d;--pst-err:#f87171;--pst-err-bg:#f871711f;--pst-err-bd:#f871714d;--pst-accent-bg:#ff7a0024;--pst-accent-bd:#ff7a0061}.pst-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:.75rem;transition:border-color .2s,box-shadow .2s}.pst-card:hover{border-color:var(--pst-accent-bd)}:root:not(.dark) .pst-card{box-shadow:0 1px 2px #12100c0a,0 8px 24px -16px #12100c2e}.pst-tile{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:.625rem}:root.dark .pst-tool .pst-tile{background-color:var(--color-canvas-soft-2)}.pst-canvas-container{aspect-ratio:16/9;border:1px solid var(--pst-accent-bd);background-color:#050505;border-radius:1.25rem;width:100%;min-height:300px;max-height:620px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #0000008c,inset 0 0 60px -30px #ff7a0040}.pst-canvas-container.is-running{border-color:var(--pst-accent);box-shadow:0 24px 50px -20px #0009,0 0 26px -4px #ff7a0059,inset 0 0 60px -28px #ff7a0066}@media (width<=640px){.pst-canvas-container{aspect-ratio:4/3;max-height:440px}}.pst-canvas-container:fullscreen{aspect-ratio:auto;border:none;border-radius:0;max-height:none}#pst-canvas{width:100%;height:100%;display:block}.pst-hud-chip{-webkit-backdrop-filter:blur(10px);color:#e5e5e5;background-color:#0a0a0ad1;border:1px solid #ffffff1f}.pst-viewport-overlay{-webkit-backdrop-filter:blur(3px);background-color:#050505c7}.pst-btn-primary{background-color:var(--pst-accent);color:#0a0a0a;transition:transform .1s,box-shadow .15s,background-color .15s;box-shadow:0 8px 22px -8px #ff7a0099}.pst-btn-primary:hover{background-color:var(--pst-accent-bright)}.pst-btn-primary:active{transform:scale(.98)}.pst-btn-secondary{background-color:var(--color-canvas);color:var(--color-body);border:1px solid var(--color-hairline);transition:border-color .2s,color .2s,background-color .2s}.pst-btn-secondary:hover{border-color:var(--pst-accent-bd);color:var(--color-ink)}.pst-btn-danger{background-color:var(--pst-err-bg);color:var(--pst-err);border:1px solid var(--pst-err-bd);transition:background-color .15s,border-color .15s}.pst-btn-danger:hover{border-color:var(--pst-err)}.pst-opt-btn{user-select:none;border:1px solid var(--color-hairline);background-color:var(--color-canvas);color:var(--color-body);transition:border-color .15s,color .15s,background-color .15s;position:relative}.pst-opt-btn:hover{border-color:var(--pst-accent-bd);color:var(--color-ink)}.pst-opt-btn.chip-active{box-shadow:0 0 0 1px var(--pst-accent), 0 0 14px -2px #ff7a0059;font-weight:600;border-color:var(--pst-accent)!important;background-color:var(--pst-accent-bg)!important;color:var(--color-ink)!important}.pst-opt-btn.chip-active:after{content:"";background-color:var(--pst-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.pst-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:10px;font-weight:600;display:inline-flex}.pst-badge-ok{color:var(--pst-ok);background-color:var(--pst-ok-bg);border-color:var(--pst-ok-bd)}.pst-badge-warn{color:var(--pst-warn);background-color:var(--pst-warn-bg);border-color:var(--pst-warn-bd)}.pst-badge-err{color:var(--pst-err);background-color:var(--pst-err-bg);border-color:var(--pst-err-bd)}.pst-badge-accent{color:var(--pst-accent);background-color:var(--pst-accent-bg);border-color:var(--pst-accent-bd)}.pst-metric-card{border-left:2px solid var(--color-hairline-strong);transition:border-color .2s,transform .2s;position:relative}.pst-metric-card:hover{transform:translateY(-2px)}.pst-metric-card.is-accent{border-left-color:var(--pst-accent)}.pst-progress-track{background-color:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:9999px;height:6px;overflow:hidden}.pst-progress-fill{background:linear-gradient(90deg, var(--pst-accent) 0%, var(--pst-accent-bright) 100%);border-radius:9999px;width:0%;height:100%;transition:width .15s linear}.pst-progress-fill.is-warmup{background:var(--color-hairline-strong)}.pst-tooltip-trigger{cursor:help;justify-content:center;align-items:center;display:inline-flex;position:relative}.pst-tooltip-trigger .pst-tooltip-box{visibility:hidden;opacity:0;pointer-events:none;background-color: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}.pst-tooltip-trigger:hover .pst-tooltip-box,.pst-tooltip-trigger:focus-within .pst-tooltip-box{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.pst-scaling-table tr{transition:background-color .15s}.pst-scaling-table tbody tr:hover{background-color:var(--color-canvas-soft)}.pst-chart-surface{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline)}:root.dark .pst-tool .pst-chart-surface{background-color:var(--color-canvas-soft-2)}.pst-chart-grid{stroke:var(--color-hairline)}.pst-chart-line-fps{stroke:var(--pst-accent)}.pst-chart-line-ft,.pst-chart-baseline-ok{stroke:var(--pst-ok)}.pst-chart-baseline-accent{stroke:var(--pst-accent)}.pst-chart-crosshair{stroke:var(--color-ink)}.pst-fps-grad-stop{stop-color:var(--pst-accent)}.pst-ft-grad-stop{stop-color:var(--pst-ok)}.pst-faq-item{transition:border-color .2s,background-color .2s}.pst-faq-trigger{text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.pst-faq-icon{transition:transform .25s}.pst-tool button:focus-visible,.pst-tool a:focus-visible{outline:2px solid var(--pst-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.pst-tool .animate-pulse,.pst-tool .animate-ping{animation:none!important}.pst-progress-fill{transition:none}}