:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;font-size:14px;background:#0b0d11;color:#d5d9e0}*{box-sizing:border-box}body{margin:0}main{display:flex;gap:24px;padding:24px;min-height:100vh;align-items:flex-start}.fields{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields.single{grid-template-columns:1fr}[hidden]{display:none!important}figure{margin:0;display:flex;flex-direction:column;gap:8px}figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}figcaption{gap:6px 14px;align-items:center;min-height:34px}figcaption select{font-weight:600}label.check:has(input:disabled){opacity:.4}.stat{color:#8a91a0}.stat{margin:0;font-variant-numeric:tabular-nums}canvas{width:100%;max-width:calc(100vh - 120px);aspect-ratio:1;image-rendering:pixelated;border:1px solid #2a2f3a;cursor:crosshair;touch-action:none}.stack{position:relative;width:100%;max-width:calc(100vh - 120px)}.stack canvas{display:block}canvas.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;border-color:transparent;pointer-events:none}canvas.plot{aspect-ratio:auto;height:360px;border:none;cursor:default;image-rendering:auto}canvas.smooth{image-rendering:auto}canvas.orbit{image-rendering:auto;cursor:grab}a{color:#4dd0e1}aside{width:280px;flex:none;display:flex;flex-direction:column;gap:14px}aside section{display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:20px;font-weight:600;letter-spacing:.04em}h2{margin:6px 0 -4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a91a0}.hint{margin:0;color:#8a91a0;line-height:1.4}kbd{padding:1px 5px;font:inherit;font-size:12px;color:#d5d9e0;background:#1b202a;border:1px solid #2f3644;border-radius:4px}label{display:flex;flex-direction:column;gap:4px}label span{display:flex;justify-content:space-between}output{color:#ffd166;font-variant-numeric:tabular-nums}label.check{flex-direction:row;align-items:center;gap:8px}select{padding:6px 8px;font:inherit;color:inherit;background:#1b202a;border:1px solid #2f3644;border-radius:6px}input[type=range]{width:100%;accent-color:#ffd166}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons button:first-child{grid-column:1 / -1}.buttons.pair button:first-child{grid-column:auto}button{padding:8px 10px;font:inherit;color:inherit;background:#1b202a;border:1px solid #2f3644;border-radius:6px;cursor:pointer}button:hover{background:#252c39}@media(max-width:760px){main{flex-direction:column;padding:16px}.fields{grid-template-columns:1fr;width:100%}aside{width:100%}}