.gpu-tool{--gpu-accent:var(--color-accent);--gpu-accent-bright:var(--color-accent-bright);--gpu-accent-bg:#ff7a001a;--gpu-accent-bd:#ff7a004d;--gpu-ok:#15803d;--gpu-ok-bg:#15803d1a;--gpu-ok-bd:#15803d47;--gpu-warn:#b45309;--gpu-warn-bg:#b453091a;--gpu-warn-bd:#b4530947;--gpu-err:#b91c1c;--gpu-err-bg:#b91c1c1a;--gpu-err-bd:#b91c1c47;font-family:inherit}:root.dark .gpu-tool{--gpu-accent-bg:#ff7a0024;--gpu-accent-bd:#ff7a0061;--gpu-ok:#4ade80;--gpu-ok-bg:#4ade801f;--gpu-ok-bd:#4ade804d;--gpu-warn:#fbbf24;--gpu-warn-bg:#fbbf241f;--gpu-warn-bd:#fbbf244d;--gpu-err:#f87171;--gpu-err-bg:#f871711f;--gpu-err-bd:#f871714d}.gpu-tool .gpu-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}.gpu-tool .gpu-card:hover{border-color:var(--gpu-accent-bd)}.gpu-tool .gpu-card-monitor{border-color:var(--gpu-accent-bd);box-shadow:0 16px 40px -16px #ff7a0033}.gpu-tool .gpu-tile{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline)}:root.dark .gpu-tool .gpu-tile{background-color:var(--color-canvas-soft-2)}.gpu-tool .gpu-chip{background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-body);transition:all .15s ease-in-out}.gpu-tool .gpu-chip:hover:not(:disabled){border-color:var(--gpu-accent-bd);color:var(--color-ink)}.gpu-tool .gpu-chip.active{box-shadow:0 0 0 1px var(--gpu-accent), 0 0 14px -2px #ff7a0059;border-color:var(--gpu-accent)!important;background-color:var(--gpu-accent-bg)!important;color:var(--color-ink)!important}.gpu-tool .btn-gpu-primary{background-color:var(--gpu-accent);color:#0a0a0a;transition:transform .1s,box-shadow .15s,background-color .15s;box-shadow:0 8px 22px -8px #ff7a008c}.gpu-tool .btn-gpu-primary:hover:not(:disabled){background-color:var(--gpu-accent-bright);box-shadow:0 10px 28px -8px #ff7a00b3}.gpu-tool .btn-gpu-primary:active:not(:disabled){transform:scale(.98)}.gpu-tool .btn-gpu-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gpu-tool .btn-stop-pulse{background-color:var(--gpu-err);color:#fff;transition:all .2s;box-shadow:0 6px 20px -6px #dc262680}.gpu-tool .btn-stop-pulse:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 26px -6px #dc2626a6}.gpu-tool .btn-stop-pulse:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.gpu-tool .gpu-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}.gpu-tool .gpu-badge-ok{color:var(--gpu-ok);background-color:var(--gpu-ok-bg);border-color:var(--gpu-ok-bd)}.gpu-tool .gpu-badge-warn{color:var(--gpu-warn);background-color:var(--gpu-warn-bg);border-color:var(--gpu-warn-bd)}.gpu-tool .gpu-badge-err{color:var(--gpu-err);background-color:var(--gpu-err-bg);border-color:var(--gpu-err-bd)}.gpu-tool .gpu-badge-accent{color:var(--gpu-accent);background-color:var(--gpu-accent-bg);border-color:var(--gpu-accent-bd)}.gpu-tool .gpu-canvas-container{aspect-ratio:16/9;border:1px solid var(--gpu-accent-bd);background-color:#050505;border-radius:1rem;width:100%;max-height:520px;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #0009,inset 0 0 70px -34px #ff7a0047}.gpu-tool .gpu-canvas-container canvas{width:100%;height:100%;display:block}@media (width<=640px){.gpu-tool .gpu-canvas-container{aspect-ratio:4/3;max-height:380px}}.gpu-tool .gpu-canvas-container:fullscreen{aspect-ratio:auto;border:none;border-radius:0;height:100vh;max-height:none}.gpu-tool .gpu-hud-chip{-webkit-backdrop-filter:blur(10px);color:#e5e5e5;background-color:#0a0a0acc;border:1px solid #ffffff1f}.gpu-tool .fps-chart-container{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:.75rem;width:100%;height:180px;position:relative;overflow:hidden}:root.dark .gpu-tool .fps-chart-container{background-color:#0b0b0b}.gpu-tool .fps-chart-container canvas{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.gpu-tool .animate-pulse,.gpu-tool .animate-ping{animation:none!important}}@media print{.gpu-tool .btn-stop-pulse,.gpu-tool #btn-start-gpu-test,.gpu-tool #btn-reset-gpu-test,.gpu-tool #btn-canvas-fullscreen{display:none!important}}