:root{--paper:#ece8e1;--panel:#f8f6f2;--ink:#2b2824;--muted:#7a7268;--line:#d8d2c8;--accent:#1d3a8a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:14px/1.4 -apple-system,system-ui,sans-serif}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{height:100dvh;display:flex}#stage{touch-action:none;flex:1;min-width:0;min-height:0;position:relative}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#stage canvas.overlay{pointer-events:none}#panel{box-sizing:border-box;width:300px;padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:var(--panel);border-left:1px solid var(--line);flex:none;overflow-y:auto}#panel section{margin:0 0 14px}#panel h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #cfc8bd;border-radius:10px;padding:0 12px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:default}button.danger{color:#c92a2a}.segmented{display:flex}.segmented button{border-radius:0;flex:1;margin-left:-1px}.segmented button:first-child{border-radius:10px 0 0 10px;margin-left:0}.segmented button:last-child{border-radius:0 10px 10px 0}.grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.grid.spaced{margin-top:6px}.slider{align-items:center;gap:10px;display:flex}input[type=range]{height:44px;accent-color:var(--accent);flex:1;margin:0}output{text-align:right;font-variant-numeric:tabular-nums;min-width:52px}.saved{margin:8px 0 0;padding:0;list-style:none}.saved li{align-items:center;gap:6px;margin-bottom:6px;display:flex}.saved span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selection{color:#5c554c;margin:0 0 6px}.hint{color:var(--muted);font-size:12px}.collapse{display:none}@media (width<=700px){#app{flex-direction:column}#panel{border-left:0;border-top:1px solid var(--line);width:auto;max-height:42dvh}.collapse{width:100%;margin-bottom:10px;display:block}#panel.collapsed .body{display:none}}