:root{color-scheme:light;--ink: #1c1916;--muted: #6b645c;--line: rgba(28, 25, 22, .12);--card: #f6f3ee;--paper: #fffdfb;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100vh;display:grid;grid-template-columns:320px 1fr;background:var(--card);color:var(--ink)}.panel{padding:28px 24px 22px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);background:var(--paper);min-height:100vh}.eyebrow{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}h1{margin:0;font-size:28px;font-weight:620;letter-spacing:-.03em;line-height:1.1}.lede{margin:4px 0 14px;color:var(--muted);font-size:14px;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.swatches{display:flex;gap:10px;margin-top:2px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #1c191638;padding:0;cursor:pointer}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #1c1916}.swatch:focus-visible,.btn:focus-visible{outline:2px solid #1c1916;outline-offset:2px}.note,.hint,.legal{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.note{min-height:1.4em;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 14px;font:600 14px/1 Inter,Segoe UI,sans-serif;cursor:pointer;border:1px solid transparent;text-align:center}.btn input{display:none}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink);margin-top:6px}.btn-ghost:hover{background:#f3f0ea}.btn-solid{background:var(--ink);color:#fff;margin-top:10px}.btn-solid:hover{background:#322e29}.hint{margin-top:8px}.legal{margin-top:auto;padding-top:18px}#stage{position:relative;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#f7f4ef,#ddd6cc 58%,#c4bbb0)}#stage.dropping{outline:2px dashed rgba(28,25,22,.35);outline-offset:-16px}#stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#stage canvas:active{cursor:grabbing}@media(max-width:840px){body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panel{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:18px 16px 14px}.legal{margin-top:12px}h1{font-size:22px}#stage{min-height:68vh}}