:root{color-scheme:dark;--p-cyan:#67e8f9;--p-violet:#a78bfa;--p-bg:#050814;--p-panel:rgba(8,15,34,.88)}
body{margin:0;background:radial-gradient(circle at 12% 0,rgba(103,232,249,.14),transparent 36rem),radial-gradient(circle at 90% 20%,rgba(167,139,250,.14),transparent 40rem),var(--p-bg);color:#f8fafc;font-family:Inter,system-ui,sans-serif}
.profiler-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(5rem,10vw,8rem) 0 2rem}
.profiler-hero h1{margin:.25rem 0;font-size:clamp(2.2rem,7vw,5rem);letter-spacing:-.04em}.profiler-hero>p:last-child{max-width:72ch;color:#cbd5e1;line-height:1.75}.profiler-kicker{color:var(--p-cyan);font:700 .72rem/1.4 ui-monospace,monospace;letter-spacing:.16em}
.profiler-boundary,.profiler-console,.profiler-results{margin-top:1.25rem;padding:clamp(1rem,3vw,1.7rem);border:1px solid rgba(103,232,249,.25);border-radius:20px;background:var(--p-panel);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.profiler-boundary ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem;color:#dbeafe;line-height:1.6}.profiler-console{display:flex;justify-content:space-between;align-items:end;gap:1rem}.profiler-controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.profiler-controls select,.profiler-controls button{min-height:44px;border:1px solid rgba(103,232,249,.45);border-radius:999px;padding:.65rem 1rem;background:#061024;color:#fff}.profiler-controls button{cursor:pointer}.profiler-controls button:disabled{opacity:.45;cursor:not-allowed}.status{color:#b8c2d8}.status.running{color:#fde68a}.status.complete{color:#86efac}.status.error{color:#fca5a5}
.profiler-table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.2);border-radius:14px}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:.85rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.16)}th{color:var(--p-cyan);background:rgba(2,6,23,.8)}pre{max-height:280px;overflow:auto;padding:1rem;border-radius:12px;background:#020617;color:#c4f1ff;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.profiler-shell :focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:760px){.profiler-console{align-items:stretch;flex-direction:column}.profiler-boundary ul{grid-template-columns:1fr}.profiler-controls>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}