:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d13;--surface-1:#131620;--surface-2:#1c2033;--surface-3:#272d42;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f626;--accent:linear-gradient(135deg, #3b82f6, #8b5cf6);--secondary:#64748b;--secondary-hover:#475569;--text:#e2e8f0;--text-muted:#94a3b8;--border:#1e293bcc;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--activated:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #00000040;--shadow-lg:0 8px 40px #00000059;--transition:.2s cubic-bezier(.4, 0, .2, 1);--focus-ring:3px solid var(--primary);--focus-offset:2px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--text-base:1rem;--text-lg:1.125rem;--text-sm:.875rem;--text-xs:.75rem;--sidebar-w:260px;--content-pad:2rem;--sidebar-bg:#131620f2;--overlay-bg:#131620e6}.high-contrast{--bg:#000;--surface-1:#111;--surface-2:#1a1a1a;--surface-3:#252525;--primary:#00e5ff;--text:#fff;--text-muted:#bbb;--border:#555;--focus-ring:3px solid #ff0}.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--surface-1:#fff;--surface-2:#f0f2f5;--surface-3:#e4e7ec;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb1f;--accent:linear-gradient(135deg, #2563eb, #7c3aed);--secondary:#8392a5;--secondary-hover:#6b7d95;--text:#1a1d23;--text-muted:#5a6170;--border:#0000001f;--success:#16a34a;--warning:#d97706;--error:#dc2626;--activated:#d97706;--shadow:0 4px 24px #00000014;--shadow-lg:0 8px 40px #0000001f;--sidebar-bg:#fffffff2;--overlay-bg:#ffffffeb}.light-theme.high-contrast{--bg:#fff;--surface-1:#f5f5f5;--surface-2:#eaeaea;--surface-3:#d4d4d4;--primary:#1d4ed8;--text:#000;--text-muted:#333;--border:#666;--focus-ring:3px solid #005fcc}.text-large{--text-base:1.15rem;--text-lg:1.3rem;--text-sm:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;line-height:1.6;overflow:hidden}button,select,input,textarea{font:inherit}button,[role=button]{min-width:44px;min-height:44px}button,[role=button],a,input,select,textarea{-webkit-tap-highlight-color:transparent}#root{width:100%;height:100vh;display:flex}.skip-link{background:var(--primary);color:#fff;z-index:10000;padding:1rem;transition:top .3s;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.tester-panel__header{margin-bottom:2rem;animation:.4s ease-out fadeSlideIn}.tester-panel__header h2{letter-spacing:-.03em;background:var(--accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.tester-panel__header p{color:var(--text-muted);max-width:80ch;font-size:var(--text-sm)}.tester-panel__body{flex-direction:column;gap:1.5rem;animation:.5s ease-out .1s both fadeSlideIn;display:flex}.section-title{border-bottom:1px solid var(--border);color:var(--text);letter-spacing:-.01em;margin-top:.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.btn{background-color:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;font-weight:600;font-family:var(--font);font-size:var(--text-sm);transition:all var(--transition);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;display:inline-flex}.btn:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn:active{transform:translateY(0)}.btn:disabled{background-color:var(--surface-2);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.btn--primary{background:var(--accent);color:#fff;border-color:#0000}.btn--primary:hover{box-shadow:0 4px 20px var(--primary-glow);filter:brightness(1.1)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.info-grid--2-col{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.info-grid--large-text .info-card p{font-size:2.25rem;line-height:1.1}.info-card{background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius);text-align:center;border:1px solid var(--border);transition:all var(--transition);padding:1.25rem;position:relative;overflow:hidden}.info-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f608,#0000);position:absolute;inset:0}.info-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.info-card h3,.info-card h4{color:var(--text-muted);text-transform:uppercase;font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.info-card p{font-size:var(--text-lg);color:var(--text);font-weight:600;font-family:var(--font-mono);word-break:break-all}.controls-bar{background:linear-gradient(135deg, var(--surface-1), var(--surface-2));border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}select,input[type=text]{background-color:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;font-family:inherit;font-size:var(--text-sm);transition:all var(--transition);padding:.5rem .75rem}select:focus,input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=range].slider{appearance:none;background:var(--surface-3);width:100%;height:6px;transition:background var(--transition);border-radius:3px;outline:none}input[type=range].slider:hover{background:var(--secondary-hover)}input[type=range].slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--primary-glow);transition:all var(--transition);border-radius:50%}input[type=range].slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px var(--primary-glow);transform:scale(1.2)}.status-display{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--surface-2), var(--surface-1));text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--border);min-height:2.5rem;color:var(--text-muted);justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.quality-dot{background-color:var(--surface-3);width:10px;height:10px;transition:all var(--transition);border-radius:50%;display:inline-block}.quality-dot.excellent{background-color:var(--success);box-shadow:0 0 8px var(--success)}.quality-dot.good{background-color:#52b788;box-shadow:0 0 6px #52b788}.quality-dot.fair{background-color:var(--warning);box-shadow:0 0 6px var(--warning)}.quality-dot.poor{background-color:var(--error);box-shadow:0 0 6px var(--error)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(8)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=1200px){.tester-main-area{grid-template-columns:1fr!important}}@media (width<=1024px){:root{--content-pad:1.5rem}.tester-panel__header h2{font-size:1.75rem}.controls-bar{flex-direction:column;align-items:stretch}}@media (width<=768px){:root{--content-pad:1rem}.info-grid,.info-grid--2-col,.info-grid--large-text{grid-template-columns:1fr 1fr}}@media (width<=480px){.info-grid,.info-grid--2-col,.info-grid--large-text{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}