:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .25rem;font-size:1.5rem}.lede{color:canvastext;opacity:.75;margin:0 0 1.5rem}section{margin-bottom:1.5rem}h2{margin:0 0 .5rem;font-size:1rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}button,select{border:1px solid color-mix(in srgb, CanvasText 25%, transparent);color:canvastext;background:canvas;border-radius:.375rem;padding:.4rem .75rem}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}select{max-width:100%}.notice{background:color-mix(in srgb, #ca8a04 12%, Canvas);border:1px solid #ca8a0466;border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}canvas{--viz-bg:color-mix(in srgb, CanvasText 8%, Canvas);--viz-bar:#0d9488;border-radius:.375rem;width:100%;height:6rem;display:block}.status{font-variant-numeric:tabular-nums;margin:.25rem 0 0}.error{color:tomato;white-space:pre-wrap;border:1px solid #ff634773;border-radius:.375rem;margin-top:1rem;padding:.75rem .9rem}