:root{--ink:#101b3e;--green:#466250;--paper:#fffdf8;--line:#d9ddd6;--muted:#64716b;--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f8f6f0;color:var(--ink);font:15px/1.5 var(--sans)}button,a,input{font:inherit}.dc-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);background:var(--paper)}.dc-brand{text-decoration:none;color:var(--ink);font:500 22px/1 var(--serif);letter-spacing:.18em;text-align:center}.dc-brand small{display:block;margin-top:5px;font:700 7px/1 var(--sans);letter-spacing:.3em}.dc-back{color:var(--green);text-decoration:none;font-weight:650}.dc-shell{width:min(1280px,calc(100% - 36px));margin:auto}.dc-crumb{display:flex;gap:10px;padding:17px 0;font-size:12px;color:var(--muted)}.dc-crumb a{color:inherit}.dc-intro{padding:26px 34px;background:linear-gradient(100deg,#eeece3,#e5ece5);border:1px solid var(--line)}.dc-intro p,.dc-canvas-head p,.dc-controls>p{margin:0;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.2em}.dc-intro h1{margin:2px 0;font:400 clamp(38px,5vw,64px)/1 var(--serif)}.dc-intro span{color:var(--muted)}.dc-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px;padding:24px 0 60px}.dc-canvas,.dc-controls{background:var(--paper);border:1px solid var(--line);padding:24px}.dc-canvas-head{display:flex;justify-content:space-between;align-items:start}.dc-canvas h2,.dc-controls h2{margin:4px 0 16px;font:400 26px/1.1 var(--serif)}#reset-design{padding:8px 14px;border:1px solid var(--green);background:#fff;color:var(--green);cursor:pointer}#craft-model{width:100%;max-height:650px;display:block;margin:auto}.dc-hint{text-align:center;color:var(--muted);font-size:12px}.dc-controls h2{margin-top:6px}.dc-parts{display:grid;gap:8px;margin-bottom:25px}.dc-part{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.dc-part.is-active{border-color:var(--green);box-shadow:0 0 0 2px #dfe8e0}.dc-swatch{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:1px solid #b9bdb8}.dc-part output{color:var(--muted);font-size:11px}.dc-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.dc-color{aspect-ratio:1;border-radius:50%;border:2px solid #fff;background:var(--color);box-shadow:0 0 0 1px #c8cdc7;cursor:pointer}.dc-color.is-active{box-shadow:0 0 0 3px var(--green)}.dc-custom{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dc-custom input{width:55px;height:34px;border:0;background:none}.dc-summary{padding:14px 16px;background:#f1f3ed}.dc-summary h3{margin:0 0 8px;font:400 20px var(--serif)}.dc-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.dc-summary li{display:flex;justify-content:space-between}.dc-save{width:100%;margin-top:16px;padding:13px;border:0;background:var(--green);color:#fff;cursor:pointer}.dc-note{font-size:11px;color:var(--muted);text-align:center}svg [data-part]{cursor:pointer;transition:filter .15s,stroke-width .15s}svg [data-part].is-active{filter:brightness(1.05);stroke:#c05643;stroke-width:7px}@media(max-width:800px){.dc-head{height:60px;padding:0 16px}.dc-back{font-size:12px}.dc-shell{width:min(100% - 24px,1280px)}.dc-intro{padding:20px}.dc-workspace{grid-template-columns:1fr;padding-top:12px}.dc-canvas,.dc-controls{padding:16px}.dc-palette{grid-template-columns:repeat(8,1fr)}#craft-model{max-height:470px}}@media(max-width:380px){.dc-palette{grid-template-columns:repeat(6,1fr)}.dc-brand{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}