:root{font-family:Inter,system-ui,sans-serif;background:#f1eee6;color:#232a2a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1550px;margin:auto;padding:38px}header{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid #273c3a;padding-bottom:28px}small{letter-spacing:.08em}h1{font-size:clamp(32px,4vw,58px);line-height:1.05;margin:12px 0;font-weight:650}h1 em{font-family:Georgia,serif;font-weight:400;color:#32615b}h2{font-size:16px;letter-spacing:.02em;margin:24px 0 14px}p{line-height:1.6;font-size:14px}.notice{background:#dce5d9;padding:14px;margin:22px 0;font-size:14px}.layout{display:grid;grid-template-columns:350px 1fr;gap:32px}aside{border-right:1px solid #bac5ba;padding-right:28px}label{display:block;font-size:13px;margin:15px 0}input,textarea,button{font:inherit}textarea{width:100%;height:210px;font-family:monospace;background:#fffdf7;border:1px solid #a4b4ab;padding:12px;display:block;margin-top:8px}button{background:#fffdf7;color:#294640;border:1px solid #a4b4ab;padding:10px 13px;cursor:pointer;border-radius:3px;font-size:13px}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){background:#dce5d9}.primary{background:#285e54;color:#fff}.buttons{display:flex;flex-wrap:wrap;gap:8px}.muted{color:#64726a}.swatches{display:flex;gap:10px;font-size:11px}.swatches div{flex:1}.swatches i{display:block;height:48px;border:1px solid #aaa;margin-bottom:6px}.toolbar{display:flex;justify-content:space-between;align-items:center}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0;background:#e1e4db;padding:10px;min-width:0}figcaption{font-size:12px;margin:0 0 8px}canvas,.empty{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;display:block}.empty{display:grid;place-items:center;color:#738176}.xyz{display:flex;gap:10px}.xyz input{width:100%}input[type=number]{padding:8px;width:100%;border:1px solid #a4b4ab;background:#fffdf7}input[type=range]{width:100%;display:block}input[type=file]{max-width:100%;margin-top:8px}.inspector{margin-top:20px;padding:20px;background:#e8e6dc}.recipe{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid #b6c2b4;font-size:13px}.recipe small{font-size:11px;letter-spacing:0}.warning{color:#8b482d;font-weight:600}footer{margin-top:32px;padding-top:20px;border-top:1px solid #a4b4ab}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d68c33;outline-offset:3px}@media(max-width:850px){main{padding:20px}.layout{grid-template-columns:1fr}aside{border-right:0;padding:0}.gallery{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}