*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--la-font-ui);background:var(--la-page);color:var(--la-ink);line-height:var(--la-leading-body);-webkit-font-smoothing:antialiased}.es-hint,.es-note{color:var(--la-ink-dim);font-size:var(--la-text-sm);margin-top:var(--la-space-2)}.es-code{font-family:var(--la-font-mono);font-size:.95em;color:var(--accent)}.es-knob{display:grid;grid-template-columns:auto minmax(9rem,1fr);align-items:center;gap:var(--la-space-2) var(--la-space-3);margin-top:var(--la-space-4)}.es-knob label{font-family:var(--la-font-mono);font-size:var(--la-text-xs);color:var(--la-ink-dim)}.es-value{color:var(--accent)}.es-range{accent-color:var(--accent);width:100%}.es-switch{display:flex;align-items:center;gap:var(--la-space-2)}.es-check{accent-color:var(--accent);width:1.15rem;height:1.15rem}.es-buttons{display:flex;flex-wrap:wrap;gap:var(--la-space-2);margin-top:var(--la-space-3)}.es-btn{font-family:var(--la-font-mono);font-size:var(--la-text-sm);color:var(--la-ink);background:color-mix(in srgb,var(--la-ink) 6%,transparent);border:1px solid var(--la-hairline-strong);border-radius:var(--la-radius,6px);padding:.4em .9em;cursor:pointer;min-height:2.25rem;min-width:2.25rem}.es-btn:hover{border-color:var(--accent);color:var(--accent)}.es-btn:focus-visible,.es-check:focus-visible,.es-range:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.es-line{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:var(--la-space-4);padding:var(--la-space-3) var(--la-space-2);border-top:1px solid var(--la-hairline-strong);border-bottom:1px solid var(--la-hairline-strong)}.es-sprite{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:var(--la-radius,6px);font-family:var(--la-font-mono);font-size:var(--la-text-xs)}.es-sprite[data-drawn=yes]{background:var(--accent);color:var(--la-page);border:1px solid var(--accent);font-weight:600}.es-sprite[data-drawn=no]{background:0 0;color:var(--la-ink-dim);border:1px dashed var(--la-hairline-strong)}.es-readout{margin-top:var(--la-space-4);border-top:1px solid var(--la-hairline)}.es-row{display:grid;grid-template-columns:10rem 1fr;gap:var(--la-space-3);padding:var(--la-space-2) 0;border-bottom:1px solid var(--la-hairline)}.es-row dt{font-family:var(--la-font-mono);font-size:var(--la-text-xs);color:var(--la-ink-dim)}.es-row dd{font-size:var(--la-text-sm);color:var(--la-ink);overflow-wrap:anywhere}.es-num{font-family:var(--la-font-mono)}.es-why{margin-top:var(--la-space-6)}.es-why h2{margin-top:var(--la-space-5);margin-bottom:var(--la-space-2)}.es-why p{margin-top:var(--la-space-3);color:var(--la-ink-dim)}.es-why q{color:var(--la-ink)}@media (max-width:34rem){.es-row{grid-template-columns:1fr}.es-row dt{color:var(--la-ink-faint)}.es-knob{grid-template-columns:1fr}.es-switch{grid-template-columns:auto 1fr}}