:root{--bg:#faf9f6;--surface:#fff;--ink:#1a1917;--ink-soft:#5c5a55;--line:#d9d6cf;--accent:#b23c0a;--accent-ink:#fff;--warn:#8a4b00;--error:#b42318;--focus:#1d4ed8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f0e;--surface:#1a1a18;--ink:#f2f1ed;--ink-soft:#b0aea8;--line:#3a3935;--accent:#ff8a5b;--accent-ink:#1a1917;--warn:#f5b454;--error:#ff8a80;--focus:#8ab4ff}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--ink);flex-direction:column;margin:0;font:1rem/1.6 system-ui,sans-serif;display:flex}body:not(.frame-checked)>*{visibility:hidden;animation:0s 3s forwards reveal}@keyframes reveal{to{visibility:visible}}main{flex:1;width:min(100% - 2rem,90rem);margin:0 auto;padding:1.5rem 0 1rem}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;width:min(100% - 2rem,90rem);margin:0 auto;padding:1rem 0;display:flex}.brand{color:var(--ink);font:700 1.125rem/1.2 ui-monospace,monospace;text-decoration:none}.site-header ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-header a[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:none}.intro{margin-bottom:1.5rem}h1{overflow-wrap:anywhere;margin:0;font:700 2.25rem/1.1 ui-monospace,monospace}h2{margin:0;font-size:1rem}.lede{margin:.5rem 0 0;font-size:1.25rem}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.settings{flex-wrap:wrap;align-items:end;gap:1rem 1.5rem;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--ink-soft);padding:0;font-size:.875rem}.options{flex-wrap:wrap;align-items:end;gap:1rem 1.5rem;display:flex}.options>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.options[hidden]{display:none}.field{color:var(--ink-soft);flex-direction:column;font-size:.875rem;display:flex}input[type=text],select{border:1px solid var(--line);background:var(--surface);min-height:2.5rem;color:var(--ink);font:inherit;border-radius:.375rem;margin-top:.125rem;padding:.375rem .625rem;font-size:1rem}input[type=text]{width:12rem}.check{align-items:center;gap:.5rem;min-height:2.5rem;display:inline-flex}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--accent);margin:0}.segmented{flex-wrap:wrap;align-items:end;display:flex}.segmented>legend{width:100%}.segmented label{border:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;min-height:2.5rem;margin-top:.125rem;padding:.375rem .875rem;display:inline-flex;position:relative}.segmented label+label{margin-left:-1px}.segmented label:first-of-type{border-radius:.375rem 0 0 .375rem}.segmented label:last-of-type{border-radius:0 .375rem .375rem 0}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.segmented label:has(input:checked){z-index:1;border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}@media (forced-colors:active){.segmented label:has(input:checked){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}}.segmented label:has(input:focus-visible){z-index:2;outline:3px solid var(--focus);outline-offset:2px}.panes{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<56rem){.panes{grid-template-columns:1fr}}.pane{flex-direction:column;min-width:0;display:flex}.pane-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pane-head h2{margin-right:auto}button{border:1px solid var(--line);background:var(--surface);min-height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.375rem;padding:.375rem .875rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{color:var(--ink-soft);cursor:not-allowed}textarea,pre{border:1px solid var(--line);background:var(--surface);height:min(36rem,55dvh);min-height:min(16rem,50dvh);color:var(--ink);tab-size:2;border-radius:.5rem;margin:0;padding:.75rem;font:.875rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}textarea{resize:vertical;width:100%}@media (width<56rem){textarea,pre{height:min(22rem,70dvh)}}pre.stale{color:var(--ink-soft);border-style:dashed}.status{min-height:1.6em;color:var(--ink-soft);margin:.75rem 0 0}.error{border:1px solid var(--error);border-left-width:4px;border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.error[hidden]{display:none}.error p,p.error{color:var(--error);margin:0}.notes{margin-top:1rem}.notes ul{margin:.5rem 0 0;padding-left:1.25rem}.notes li{overflow-wrap:anywhere}.notes li.warning{color:var(--warn)}.guide{max-width:46rem;margin-top:3rem}.guide h2{margin:2.5rem 0 .75rem;font-size:1.5rem;line-height:1.25}.guide h3{margin:1.75rem 0 .5rem;font-size:1.125rem}.guide p,.guide dd{margin:0 0 1rem}.guide dt{font-weight:600}.guide dd{margin-left:0}.guide code,.notes code{overflow-wrap:anywhere;font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:1.5rem 0;display:grid}.card{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.5rem;padding:1rem 1.25rem;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.card h3{color:var(--accent);margin:0 0 .25rem}.card p{margin:0}.site-footer{border-top:1px solid var(--line);width:min(100% - 2rem,90rem);color:var(--ink-soft);text-align:center;margin:2rem auto 0;padding:1.5rem 0}.site-footer p{margin:.25rem 0}.version{margin-left:.5rem}.hint{color:var(--warn);margin:0;font-size:.875rem}.skip-link{z-index:10;background:var(--surface);color:var(--ink);border-radius:.375rem;padding:.5rem 1rem;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:1rem}.privacy{color:var(--ink-soft);margin:0 0 1rem}@media (forced-colors:active){.site-header a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px}}