.st-tool{position:relative;width:100%}.st-dashboard{display:flex;flex-direction:column;gap:1.5rem;max-width:980px;margin:0 auto 2.5rem}.st-status-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:.75rem}.st-status-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.st-server-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-textMuted, #94a3b8);background:#1e293b99;border:1px solid var(--color-borderSubtle, #232f42);border-radius:9999px}.st-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55ecc;transition:background .3s ease,box-shadow .3s ease}.st-live-dot--running{animation:st-pulse 1.5s infinite}@keyframes st-pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 8px #22c55ecc}50%{transform:scale(1.3);opacity:.75;box-shadow:0 0 16px #22c55e}}.st-state-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:9999px}.st-progress-track{width:100%;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:.25rem}.st-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#10b981,#22c55e,#38bdf8);transition:width .25s ease}.st-hero-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.25rem 1.5rem 1.75rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #0006}.st-gauge-wrap{position:relative;width:100%;max-width:440px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media(min-width:640px){.st-gauge-wrap{height:275px}}.st-gauge-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.st-gauge-bg-arc{fill:none;stroke:#ffffff17;stroke-width:14;stroke-linecap:round}.st-gauge-fill-arc{fill:none;stroke:#22c55e;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .15s ease-out,stroke .3s ease;filter:drop-shadow(0 0 10px rgba(34,197,94,.55))}.st-gauge-fill-arc--upload{stroke:#38bdf8;filter:drop-shadow(0 0 10px rgba(56,189,248,.55))}.st-gauge-ticks text{font-size:14px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:700;fill:#f1f5f9;letter-spacing:-.02em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.95))}.st-gauge-major-ticks line{stroke:#cbd5e1;filter:drop-shadow(0 0 2px rgba(255,255,255,.25));transition:stroke .2s ease}.st-gauge-subticks line{stroke:#64748b}.st-gauge-center{position:relative;z-index:2;text-align:center;transform:translateY(-8px);width:100%;max-width:280px}.st-gauge-phase-tag{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#22c55e;margin-bottom:.25rem}.st-gauge-phase-tag--upload{color:#38bdf8}.st-gauge-value{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:clamp(2.75rem,5.5vw,3.875rem);font-weight:800;line-height:1;color:var(--color-text, #f8fafc);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:font-size .2s ease}.st-gauge-value--medium{font-size:clamp(2.25rem,4.5vw,3rem)}.st-gauge-value--compact{font-size:clamp(1.875rem,3.6vw,2.5rem)}.st-gauge-unit{font-size:.9375rem;font-weight:600;color:var(--color-textMuted, #94a3b8);margin-top:.35rem;text-transform:uppercase;letter-spacing:.06em}.st-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}@media(min-width:600px){.st-metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:900px){.st-metrics-grid{grid-template-columns:repeat(5,1fr)}}.st-metric-card{display:flex;flex-direction:column;padding:1.125rem .875rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:.875rem;transition:transform .2s ease,border-color .2s ease;position:relative;overflow:hidden}@media(max-width:599px){.st-metric-card--loss{grid-column:1 / -1}}.st-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.st-metric-card--download:before{background:#22c55e}.st-metric-card--upload:before{background:#38bdf8}.st-metric-card--ping:before{background:#a855f7}.st-metric-card--jitter:before{background:#f59e0b}.st-metric-card--loss:before{background:#10b981}.st-metric-card--loss-alert:before{background:#ef4444}.st-metric-card--active{border-color:#22c55e8c;box-shadow:0 0 20px #22c55e2e}.st-metric-card--upload.st-metric-card--active{border-color:#38bdf88c;box-shadow:0 0 20px #38bdf82e}.st-metric-card--ping.st-metric-card--active,.st-metric-card--jitter.st-metric-card--active,.st-metric-card--loss.st-metric-card--active{border-color:#a855f78c;box-shadow:0 0 20px #a855f72e}.st-metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.st-metric-label{font-size:.8125rem;font-weight:600;color:var(--color-textMuted, #94a3b8);text-transform:uppercase;letter-spacing:.04em}.st-metric-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.5rem}.st-metric-icon--download{color:#22c55e;background:#22c55e1f}.st-metric-icon--upload{color:#38bdf8;background:#38bdf81f}.st-metric-icon--ping{color:#a855f7;background:#a855f71f}.st-metric-icon--jitter{color:#f59e0b;background:#f59e0b1f}.st-metric-icon--loss{color:#10b981;background:#10b9811f}.st-metric-icon--loss-alert{color:#ef4444;background:#ef44441f}.st-metric-body{display:flex;align-items:baseline;gap:.35rem;margin-top:auto}.st-metric-num{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.875rem;font-weight:800;color:var(--color-text, #f8fafc);line-height:1.1;font-variant-numeric:tabular-nums}.st-metric-unit{font-size:.8125rem;font-weight:600;color:var(--color-textMuted, #64748b)}.st-metric-sub{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-textMuted, #94a3b8);margin-top:.5rem;min-height:1.125rem;flex-wrap:wrap}.st-metric-sep{opacity:.5}.st-scores-card{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;padding:1.25rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:.875rem}@media(min-width:640px){.st-scores-card{grid-template-columns:repeat(3,1fr)}}.st-score-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff05;border:1px solid var(--color-borderSubtle, #232f42);border-radius:.625rem}.st-score-info{display:flex;align-items:center;gap:.625rem}.st-score-name{font-size:.875rem;font-weight:600;color:var(--color-text, #f8fafc)}.st-score-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:.375rem;background:#ffffff0d;color:var(--color-textMuted, #94a3b8)}.st-score-badge--great{background:#22c55e29;color:#22c55e}.st-score-badge--good{background:#38bdf829;color:#38bdf8}.st-score-badge--average{background:#f59e0b29;color:#f59e0b}.st-score-badge--poor,.st-score-badge--bad{background:#ef444429;color:#ef4444}.st-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.875rem}.st-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 2rem;font-size:1rem;font-weight:700;color:#0b1118;background:#22c55e;border:1px solid #16a34a;border-radius:9999px;cursor:pointer;box-shadow:0 4px 16px #22c55e59;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.st-btn-primary:hover:not(:disabled){background:#4ade80;transform:translateY(-1px);box-shadow:0 6px 22px #22c55e73}.st-btn-primary:active:not(:disabled){transform:translateY(0)}.st-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.st-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text, #f8fafc);background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:9999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.st-btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-textMuted, #64748b)}.st-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.st-toast{font-size:.8125rem;font-weight:500;color:#22c55e;opacity:0;transition:opacity .2s ease}.st-toast--visible{opacity:1}@media(max-width:767px){.tool-page-head{margin-bottom:.875rem}.tool-page-head__title{font-size:1.75rem;line-height:1.2}.tool-page-head__lead{font-size:.875rem;line-height:1.45}.st-dashboard{gap:.875rem;margin-bottom:1.5rem}.st-status-bar{order:1;padding:.625rem .875rem;gap:.5rem}.st-hero-panel{order:2;padding:1.25rem .875rem 1rem}.st-gauge-wrap{height:210px;max-width:340px}.st-gauge-value{font-size:3.25rem}.st-gauge-unit{font-size:.875rem}.st-actions{order:3;display:flex;flex-wrap:wrap;gap:.5rem;width:100%;margin-top:0}.st-btn-primary{width:100%;order:1;padding:.875rem 1.5rem;font-size:1.0625rem}.st-btn-secondary{flex:1 1 calc(50% - .25rem);min-width:0;order:2;padding:.625rem;font-size:.8125rem;justify-content:center}.st-btn-secondary[data-speed-calc-link]{flex:1 1 100%;order:3}.st-toast{order:4;width:100%;text-align:center}.st-metrics-grid{order:4}.st-scores-card{order:5}}