:root{font-family:Georgia,serif;color:#40392f;background:#f3ebd8;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:28px 24px 70px}a{color:#486b65;text-underline-offset:3px}.back{display:inline-flex;align-items:center;min-height:44px}header{margin:22px 0}.eyebrow{letter-spacing:.15em;font-size:.78rem;text-transform:uppercase}h1{font-size:clamp(2.15rem,6vw,3.75rem);font-weight:500;line-height:1.1;margin:.3em 0}h2{font-weight:500;font-size:1.8rem;margin-top:0}header p:last-child{font-size:1.2rem}p{line-height:1.55}.notice{border-left:4px solid #b09c64;padding:16px 20px;background:#e9dfc5}.panel{margin:24px 0;background:#fffaf0;border:1px solid #cabb9d;border-radius:16px;padding:24px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{font:15px/1.4 system-ui,sans-serif}select,button,input[type=color]{font:inherit;color:#40392f;background:#fffdf7;border:1px solid #bba783;border-radius:7px;min-height:44px}select{display:block;width:100%;padding:9px;margin-top:7px}button{padding:9px 15px;cursor:pointer}button:hover{background:#eef0e2}a:focus-visible,select:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8c78a6;outline-offset:3px}fieldset{margin:24px 0 14px;padding:16px;border:1px solid #cabb9d;border-radius:10px}legend{padding:0 8px}#pickers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:18px}#pickers h3{font-size:1.1rem;margin:0 0 12px;font-weight:500}#pickers label{display:flex;align-items:center;gap:12px;min-height:46px;text-transform:capitalize}input[type=color]{width:58px;padding:3px;cursor:pointer}.toggles{display:flex;flex-wrap:wrap;gap:8px 26px}.toggles label{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.toggles input{width:22px;height:22px;accent-color:#677e58}#status,.caption{font:14px/1.5 system-ui,sans-serif;color:#6c624f}#status{min-height:42px}figure{margin:0}figcaption{font:14px/1.5 system-ui,sans-serif;margin-bottom:12px;color:#61533f}canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}#scene{width:100%;border:1px solid #bba782;border-radius:6px}.inspector{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:22px 0;padding:20px;background:#e9e3d0;border-radius:10px}.inspector canvas{margin:14px auto}.inspector figcaption{text-align:center}.atlas{padding-top:20px;border-top:1px solid #d5c9b1}.atlas canvas{width:100%}.downloads{display:flex;gap:12px 26px;flex-wrap:wrap}.downloads a{display:inline-flex;align-items:center;min-height:44px}.notes{max-width:880px;margin-top:36px}@media(max-width:700px){main{padding:16px 14px 50px}.panel{padding:16px}.controls{grid-template-columns:1fr}#pickers{gap:16px}.inspector{grid-template-columns:repeat(2,1fr);padding:14px;gap:12px}.notice{padding:14px}}@media(max-width:420px){#pickers{grid-template-columns:1fr}#pickers section+section{border-top:1px solid #cabb9d;padding-top:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.material-details{margin-top:18px;border-top:1px solid #d5c9b1;padding-top:8px}.material-details>summary{min-height:44px;padding:12px 0;cursor:pointer;font:15px/1.4 system-ui,sans-serif}.material-details>summary:focus-visible{outline:3px solid #8c78a6;outline-offset:3px}.material-details>fieldset{margin-top:8px}