:root{--dr-bg:#212124;--dr-surface:#292a2d;--dr-raised:#3a3b3f;--dr-bg-deep:#161618;--dr-border:#ffffff12;--dr-primary:#5b9dd9;--dr-primary-hover:#71acdf;--dr-secondary:var(--dr-primary);--dr-accent:#79a86c;--dr-danger:#c96a5f;--dr-text:#e4e4e6;--dr-muted:#97979c;--dr-faint:#66666c;--dr-focus:0 0 0 2px #5b9dd98c;--dr-radius:6px;--dr-radius-sm:4px;--dr-gap-xs:.3rem;--dr-gap-sm:.55rem;--dr-gap:.85rem;--dr-gap-lg:1.4rem;--dr-font:system-ui,-apple-system,"Segoe UI",sans-serif;--dr-font-mono:ui-monospace,"Cascadia Code","Source Code Pro",monospace;--dr-text-xs:.6875rem;--dr-text-sm:.75rem;--dr-text-md:.8125rem;--dr-text-lg:.9375rem;--dr-text-xl:1.1875rem;--dr-transition:.12s ease}*{box-sizing:border-box}body{background:var(--dr-bg);color:var(--dr-text);font:var(--dr-text-md) /1.5 var(--dr-font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:.01em;margin:0 0 var(--dr-gap-sm);font-weight:600}h1{font-size:var(--dr-text-xl)}h2{font-size:var(--dr-text-lg)}p{margin:0 0 var(--dr-gap-sm)}a{color:var(--dr-primary);text-decoration:none}.dr-btn,button{font:inherit;font-size:var(--dr-text-sm);color:var(--dr-text);background:var(--dr-raised);border:1px solid var(--dr-border);border-radius:var(--dr-radius-sm);cursor:pointer;transition:background var(--dr-transition),border-color var(--dr-transition);padding:.3rem .8rem}.dr-btn:hover,button:hover{background:color-mix(in srgb,var(--dr-raised) 86%,var(--dr-text))}button:disabled{opacity:.4;cursor:default}.dr-btn-primary{background:var(--dr-primary);color:#fff;border-color:#0000}.dr-btn-primary:hover{background:var(--dr-primary-hover)}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--dr-focus);outline:none}input[type=text],select{font:inherit;font-size:var(--dr-text-sm);color:var(--dr-text);background:var(--dr-bg-deep);border:1px solid var(--dr-border);border-radius:var(--dr-radius-sm);padding:.25rem .5rem}input[type=range]{appearance:none;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--dr-raised);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;-webkit-transition:background var(--dr-transition);transition:background var(--dr-transition);background:#c9c9cd;border:none;border-radius:50%;margin-top:-4.5px}input[type=range]::-webkit-slider-thumb:hover{background:var(--dr-primary)}input[type=range]:active::-webkit-slider-thumb{background:var(--dr-primary)}input[type=range]::-moz-range-track{background:var(--dr-raised);border-radius:1px;height:2px}input[type=range]::-moz-range-thumb{background:#c9c9cd;border:none;border-radius:50%;width:11px;height:11px}input[type=range]:active::-moz-range-thumb{background:var(--dr-primary)}input[type=checkbox]{accent-color:var(--dr-primary)}.dr-panel{background:var(--dr-surface);border:1px solid var(--dr-border);border-radius:var(--dr-radius);padding:var(--dr-gap)}.dr-muted{color:var(--dr-muted)}.dr-mono,.dr-muted{font-size:var(--dr-text-sm)}.dr-mono{font-family:var(--dr-font-mono);font-variant-numeric:tabular-nums}.dr-well{background:var(--dr-bg-deep);border:1px solid var(--dr-border);border-radius:var(--dr-radius)}.dr-check{justify-content:space-between;gap:var(--dr-gap);padding:var(--dr-gap-xs) var(--dr-gap-sm);border-radius:var(--dr-radius-sm);background:var(--dr-surface);border:1px solid var(--dr-border);border-left:2px solid var(--dr-danger);font-size:var(--dr-text-sm);display:flex}.dr-check[data-ok=true]{border-left-color:var(--dr-accent)}.dr-check dt{color:var(--dr-muted)}.dr-check dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}canvas{border-radius:var(--dr-radius-sm);max-width:100%;height:auto;display:block}pre.dr-log{background:var(--dr-bg-deep);border:1px solid var(--dr-border);border-radius:var(--dr-radius-sm);padding:var(--dr-gap-sm);font:var(--dr-text-xs) /1.6 var(--dr-font-mono);color:var(--dr-muted);overflow-x:auto}::selection{background:#5b9dd966}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--dr-raised);border:2px solid var(--dr-bg);border-radius:5px}::-webkit-scrollbar-track{background:0 0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shell{max-width:42rem;margin:0 auto;padding:3rem 1.5rem}pre.spike{background:var(--dr-bg-deep);border-radius:var(--dr-radius);padding:1rem;font-size:.85rem;overflow-x:auto}