:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#14162b;--color-surface:#252a49;--color-surface-raised:#343c60;--color-border:#45406b;--color-text:#eceaf7;--color-text-muted:#c3bedd;--color-accent:#ad78ff;--color-on-accent:#14162b;--color-focus:#ffd166;--color-ok:#6ee7a8;--color-warn:#ffb653;--color-danger:#ff7a85;--color-notice-bg:#4b1e2e;--color-notice-text:#ffd9de;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--radius:.5rem;--touch-target:44px;--content-width:94rem;--transition:.15s ease-out}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);flex-direction:column;margin:0;font-size:1rem;line-height:1.5;display:flex}h1,h2{margin:0 0 var(--space-2);letter-spacing:.04em;line-height:1.2}h1{font-size:clamp(1.5rem,4vw,2rem)}p{margin:0 0 var(--space-3)}.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}.skip-link{left:var(--space-4);top:calc(-1 * var(--touch-target) - var(--space-4));z-index:10;min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:absolute}.skip-link:focus{top:var(--space-2)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}main:focus{outline:none}.site-header,.layout,.site-footer{width:100%;max-width:var(--content-width);padding-inline:var(--space-4);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.brand{letter-spacing:.2em;text-transform:uppercase;margin:0;font-weight:700}.layout{gap:var(--space-4);padding-block:var(--space-4);flex:1;display:grid}.intro p{max-width:70ch;color:var(--color-text-muted)}.button{min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;transition:background-color var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:inline-flex}.button:hover{background:var(--color-surface-raised);border-color:var(--color-accent)}.button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.button:disabled{cursor:not-allowed;opacity:.6}.button--compact{padding:0 var(--space-3)}.language-switch,.control-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.controls{gap:var(--space-3) var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;display:flex}.control-label{color:var(--color-text-muted);margin-inline-end:var(--space-1);font-size:.875rem}.stage{margin:0}.stage__canvas{aspect-ratio:1600/760;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;display:block}.metrics__list{gap:var(--space-2);margin:0 0 var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.metric dt{color:var(--color-text-muted);font-size:.875rem}.metric dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem}.run-state{color:var(--color-text-muted)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-notice-bg);color:var(--color-notice-text);margin:0}.site-footer{padding-block:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.health{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.health__dot{background:var(--color-text-muted);border-radius:50%;width:.75rem;height:.75rem}.health[data-state=online] .health__dot{background:var(--color-ok)}.health[data-state=degraded] .health__dot{background:var(--color-warn)}.health[data-state=offline] .health__dot{background:var(--color-danger)}@media (min-width:48rem){.metrics__list{grid-template-columns:repeat(4,minmax(0,1fr))}.layout{padding-block:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button[aria-pressed=true]{outline:2px solid buttontext}}