*{box-sizing:border-box}body{margin:0;background:#eee8d4;color:#393d31;font:17px/1.55 Georgia,serif}main{max-width:1180px;margin:auto;padding:28px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#35605b;text-underline-offset:4px}nav a{min-height:44px;display:inline-flex;align-items:center}header{padding:38px 0 30px;max-width:750px}h1{font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:8px 0 20px}h2{font-size:32px;line-height:1.15;font-weight:400;margin:8px 0 18px}p{margin:12px 0}.eyebrow{font:12px/1.5 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#696a50}.bench{background:#f9f2df;border:1px solid #c7b893;border-radius:20px;padding:24px;box-shadow:0 8px 28px #6a542e12}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:end}label{display:grid;gap:6px;font:14px/1.4 system-ui,sans-serif;flex:1;min-width:150px}button,select,input{font:inherit}select,button{min-height:46px;padding:10px 14px;border:1px solid #a8a17e;border-radius:9px;background:#fffaf0;color:#363e32;cursor:pointer;max-width:100%}select{width:100%}button:hover{background:#e2e6cd}button[aria-pressed=true]{background:#456861;color:#fff5d9;border-color:#456861}:focus-visible{outline:3px solid #2d7d83;outline-offset:4px}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;margin:26px 0}.stage{background:#e7debf;border-radius:16px;min-width:0;aspect-ratio:1;display:grid;place-items:center}.stage[data-backdrop=meadow]{background:#bdc5a5}.stage[data-backdrop=night]{background:#293944}canvas#preview{width:88%;height:auto;image-rendering:auto}.description{min-width:0}.description a{display:inline-flex;align-items:center;min-height:44px}.hint{font:13px/1.6 system-ui,sans-serif;color:#6f705f}details{border-top:1px solid #cfbea0;padding-top:10px}summary{font:15px/1.5 system-ui,sans-serif;min-height:46px;padding:12px 0;cursor:pointer}.materials{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px;margin:20px 0}.materials label{min-width:0}input[type=color]{width:100%;height:48px;background:#fff7e5;border:1px solid #b8ac8d;border-radius:8px;padding:4px;cursor:pointer}.check{display:flex;align-items:center;gap:10px;min-height:46px}.check input{width:22px;height:22px}.map-preview{display:flex;gap:12px;flex-wrap:wrap}.map-preview canvas{width:128px;height:128px;background:#243536;border-radius:8px;image-rendering:pixelated}section+section{margin-top:40px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters button{font:14px system-ui,sans-serif}.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.shelf button{padding:12px 8px;min-width:0;display:grid;gap:8px;align-content:start;background:#f8f0dc;font:14px/1.3 system-ui,sans-serif}.shelf button[aria-pressed=true]{background:#d3dfc5;color:#30483d;outline:2px solid #5a7964}.shelf img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.notes{max-width:780px}.notes p{font-size:16px}#error{padding:16px;background:#f4d7bb;border-radius:12px}[hidden]{display:none!important}@media(max-width:760px){main{padding:18px}.bench{padding:18px}.hero{gap:20px}.shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){main{padding:14px}header{padding:22px 0}.bench{padding:14px;border-radius:14px}.hero{grid-template-columns:1fr;gap:14px}.stage{max-height:330px;aspect-ratio:auto;padding:8px}canvas#preview{width:min(86%,290px)}.toolbar{gap:12px}.toolbar label{flex-basis:100%;min-width:0}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.shelf button{font-size:12px;padding:8px 4px}.materials{grid-template-columns:1fr 1fr}.filters{gap:6px}.filters button{padding:10px;font-size:13px}.description h2{font-size:28px}nav{gap:12px;font-size:15px}}