:root{--ink: #28241e;--paper: #f4f1ea;--accent: #e0a800;--shadow: 4px 4px 0 var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);overscroll-behavior:none}#board{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:crosshair}#board.select{cursor:default}#board.grab{cursor:grab}#board.grabbing{cursor:grabbing}.hud-top{position:fixed;top:16px;left:16px;display:flex;align-items:baseline;gap:14px;pointer-events:none}.brand{font-size:20px;font-weight:800;letter-spacing:.5px;background:var(--accent);border:2px solid var(--ink);box-shadow:var(--shadow);padding:4px 12px}.hint{font-size:12px;opacity:.6}@media (max-width: 720px){.hint{display:none}}.toolbar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px;background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.group{display:flex;gap:6px}.divider{width:2px;align-self:stretch;background:var(--ink);opacity:.25}.btn{font-family:inherit;font-size:16px;line-height:1;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;transition:transform .05s,background .1s}.btn:hover{background:#fffdf6}.btn:active{transform:translate(2px,2px)}.btn.active{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.3;cursor:not-allowed}.swatch{width:28px;height:28px;border:2px solid var(--ink);cursor:pointer;padding:0;transition:transform .05s}.swatch:active{transform:translate(2px,2px)}.swatch.active{outline:3px solid var(--ink);outline-offset:2px}.size{display:flex;align-items:center;padding:0 4px}.size input{width:90px;accent-color:var(--ink)}.snap select{font-family:inherit;font-size:12px;font-weight:700;height:38px;padding:0 8px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer}.zoom-badge{position:fixed;bottom:18px;right:16px;font-size:12px;font-weight:700;padding:6px 10px;background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none}.text-input{position:fixed;margin:0;padding:0;border:0;background:transparent;outline:none;resize:none;overflow:hidden;white-space:pre;z-index:50;min-width:1ch;caret-color:var(--ink)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-8px);font-size:13px;font-weight:700;padding:6px 14px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.miss{background:var(--paper);color:var(--ink)}