:root{--text:#2b2622;--muted:#7a6f66;--bg:#f7f4ef;--surface:#fff;--border:#ddd5ca;--accent:#8a5a2b;--wood:#e2c39b;--wood-edge:#6b4423;--engraving:#5a3a1e;--cut:#d22;--score:#24c;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#ede6dd;--muted:#a3988d;--bg:#1d1a17;--surface:#27231f;--border:#3d3630;--accent:#d39a5f;--cut:#f55;--score:#68f}}*{box-sizing:border-box}body{margin:0}main{grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:40rem;margin:0 auto;padding:1rem;display:grid}main header{justify-content:space-between;align-items:center;gap:1rem;display:flex}main h1{margin:0;font-size:1.5rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem}button:disabled{opacity:.5}button.secondary{border:1px solid var(--accent);color:var(--accent);background:0 0;padding:.25rem .75rem}.preview{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;justify-items:center;gap:.5rem;padding:1.5rem 1rem;display:grid}.preview svg{width:100%;max-height:50vh;overflow:visible}.preview .wood{fill:var(--wood);stroke:var(--wood-edge);stroke-width:.3px}.preview .hole{fill:var(--surface)}.preview .engraving{fill:var(--engraving)}.preview .pattern{fill:none;stroke:var(--engraving);stroke-width:.12px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.preview .coin .ring{fill:#c9a94e}.preview .coin .core{fill:#c4c4c0}.preview .coin text{text-anchor:middle;fill:#6d6d68;font-size:6px;font-weight:600}.preview .dimensions{color:var(--muted);margin:0}form{gap:1rem;display:grid}form label{gap:.25rem;display:grid}form label.choice{align-items:center;margin-right:1rem;display:inline-flex}form fieldset{border:none;margin:0;padding:0}form fieldset legend{margin-bottom:.25rem;padding:0}form textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;resize:vertical;border-radius:.25rem;padding:.5rem}form input{accent-color:var(--accent)}form .actions,form .choices{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}aside{color:var(--muted)}aside .cut{color:var(--cut)}aside .score{color:var(--score)}
