.wm-main{max-width:1440px;margin:auto;padding:32px 38px 55px;color:#344733}.wm-back{font-size:12px;color:#72816b}.wm-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.wm-heading h1{font:38px/1.15 var(--pixel-font,'Pixelify Sans',monospace);margin:0 0 8px}.wm-heading p{margin:0;color:#73806c}.wm-main button,.wm-picker button{font:14px var(--pixel-font,'Pixelify Sans',monospace);border:1px solid #b8c3ab;background:#f7f7ed;color:#41583a;padding:9px 13px;border-radius:3px;cursor:pointer;transition:background .15s,transform .15s}.wm-main button:hover,.wm-picker button:hover{background:#e6ecd9}.wm-main button:active{transform:translateY(1px)}.wm-main button:disabled{opacity:.45;cursor:default}.wm-main :is(button,input,canvas):focus-visible,.wm-picker :is(button,input):focus-visible{outline:2px solid #658352;outline-offset:3px}.wm-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.wm-inspector{border-left:1px solid #d7decc;padding-left:26px}.wm-toolbar{display:flex;align-items:center;gap:14px;border-block:1px solid #d6deca;padding:12px 0}.wm-toolbar>button:last-child{margin-left:auto}.wm-segments{display:flex;gap:3px}.wm-main button[aria-pressed=true],.wm-main .wm-primary{background:#59764c;color:white;border-color:#59764c}.wm-grid{display:flex;align-items:center;gap:6px;font-size:12px}.wm-stage{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#fffef7 0,transparent 70%);padding:28px 14px 10px}.wm-stage:before,.wm-stage:after{content:'';position:absolute;width:15px;height:15px;border:1px solid #9bad8d}.wm-stage:before{top:22px;left:0;border-right:0;border-bottom:0}.wm-stage:after{bottom:20px;right:0;border-left:0;border-top:0}#wall{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;cursor:crosshair;touch-action:pan-y}.wm-under{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#73806c;min-height:50px}.wm-under>div{display:flex;gap:5px}.wm-main h2{font:21px var(--pixel-font,'Pixelify Sans',monospace);margin:0 0 12px}.wm-section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.wm-section-head>span{font-size:11px;white-space:nowrap}.wm-fine{font:11px/1.6 Arial,sans-serif;color:#76806f;margin:8px 0 14px}.wm-material{display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e5d7}.wm-material canvas{width:38px;height:38px;image-rendering:pixelated}.wm-main .wm-swatch{padding:0;background:none;border:0}.wm-main .wm-name{display:block;border:0;background:none;padding:0;text-align:left;font-size:14px;overflow-wrap:anywhere}.wm-weight{display:flex;align-items:center;gap:8px;margin-top:6px}.wm-weight input{min-width:0;width:100%;accent-color:#718a5d}.wm-weight output{font:11px Arial;width:36px;text-align:right}.wm-material small{display:block;font:10px Arial;color:#818a76;margin-top:6px}.wm-main .wm-remove{padding:4px;border:0;background:transparent}.wm-material.is-selected .wm-swatch{outline:2px solid #7e996b;outline-offset:3px}.wm-add{width:100%;margin:14px 0;border-style:dashed!important}.wm-proportions{height:7px;display:flex;overflow:hidden;gap:2px;margin-top:10px}.wm-proportions span{height:100%;background:#718769}.wm-dimensions{margin-top:24px;padding-top:18px;border-top:1px solid #d7decc}.wm-dimensions>div{display:flex;gap:12px;align-items:center}.wm-dimensions label{display:flex;align-items:center;gap:10px;font-size:12px}.wm-main input[type=number]{width:60px;min-height:36px;background:#fffef6;border:1px solid #c5cdb8;border-radius:3px;padding:6px;color:inherit}.wm-export{margin-top:25px}.wm-export>div{display:flex;flex-wrap:wrap;gap:7px}.wm-presets{margin-top:20px;padding-top:20px;border-top:1px solid #d7decc}#presets{display:flex;gap:10px;overflow:auto;padding:3px 2px 12px}#presets button{min-width:116px;padding:5px;background:transparent;text-align:left}#presets canvas{display:block;width:116px;height:64px;image-rendering:pixelated;margin-bottom:8px}#presets span{font-size:12px}.wm-picker{width:min(650px,92vw);max-height:85dvh;background:#f7f6ec;border:1px solid #aebc9f;border-radius:5px;padding:22px;color:#344733}.wm-picker::backdrop{background:#18251c9c;backdrop-filter:blur(3px)}.wm-picker header{display:flex;justify-content:space-between;align-items:center}.wm-picker h2{font:25px var(--pixel-font,'Pixelify Sans',monospace);margin:0}.wm-picker input{width:100%;padding:12px;background:#fffef7;border:1px solid #b8c5a9;margin:18px 0}.wm-picker #choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wm-picker #choices button{font-size:11px;padding:8px;overflow-wrap:anywhere}.wm-picker canvas{width:42px;height:42px;display:block;margin:0 auto 8px;image-rendering:pixelated}.wm-picker #more{margin-top:14px;width:100%}#status{font-size:12px;color:#73806c;min-height:20px}#loading{padding:80px 0;text-align:center}[hidden]{display:none!important}@media(max-width:1000px){.wm-main{padding:24px}.wm-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.wm-inspector{padding-left:18px}}@media(max-width:700px){.wm-main{padding:20px 15px 35px}.wm-heading h1{font-size:29px}.wm-heading{gap:12px}.wm-heading p{font-size:13px}.wm-layout{grid-template-columns:1fr}.wm-inspector{border-left:0;border-top:1px solid #d7decc;padding:20px 0 0}.wm-stage{min-height:200px;padding:20px 5px 0}.wm-under{align-items:flex-start;flex-direction:column;gap:8px}.wm-under button,.wm-toolbar button{min-height:42px}.wm-main button{min-height:38px}.wm-picker #choices{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-dimensions>div{justify-content:space-between}.wm-material{grid-template-columns:44px minmax(0,1fr) 36px}.wm-toolbar{gap:7px}.wm-toolbar button{padding:8px}.wm-grid{font-size:11px}.wm-heading>button{font-size:12px}.wm-export>div>button{flex:1}.wm-stage #wall{max-height:430px}}@media(prefers-reduced-motion:reduce){.wm-main *{transition:none!important}}html[data-motion=reduce] .wm-main *{transition:none!important}

.wm-main .wm-segments button[aria-pressed=false]{background:#f5f5eb;color:#526647;border-color:#bcc7af}
/* Inventory-style refinement: shared branding and macro layout remain intact. */
.wm-main{max-width:1480px;padding-top:26px}.wm-heading{margin:25px 0 28px}.wm-heading h1{font-size:36px}.wm-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.wm-inspector{border:1px solid #cbd1ba;border-radius:10px;background:#f1f1e5;padding:12px;box-shadow:0 2px 7px #35462c0b}.wm-section-head{background:#d0d7bf;padding:12px 13px;border-radius:6px;margin:-3px -3px 13px}.wm-section-head h2{margin:0;font-size:23px}.wm-section-head>span{font-size:11px;color:#58674d}.wm-inspector>.wm-fine{padding:0 5px}.wm-workspace{min-width:0}.wm-toolbar{border:1px solid #cdd3be;border-bottom:0;padding:14px;border-radius:10px 10px 0 0;background:#f2f0e4;gap:12px}.wm-segments{gap:9px;flex:1}.wm-main button,.wm-picker button{border:1px solid #bfc8af;background:linear-gradient(#fffdf5,#f1eee1);color:#344b30;border-radius:6px;box-shadow:0 2px 3px #38462c0b,inset 0 1px #ffffffb0;padding:10px 13px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.wm-main button:hover,.wm-picker button:hover{background:#e9eddd;border-color:#91a780;box-shadow:0 3px 7px #3d50301a}.wm-main button svg{width:18px;height:18px;flex:none}.wm-main .wm-segments button[aria-pressed=true],.wm-main .wm-primary{color:#fff;background:linear-gradient(#668359,#45613d);border-color:#405d36;box-shadow:inset 0 1px #bdd0ad80,0 2px 2px #24391a24}.wm-main .wm-segments button[aria-pressed=false]{background:linear-gradient(#fffdf5,#f1eee1);color:#344b30;border-color:#c8cfbb}.wm-segments>button{flex:1}.wm-toolbar>button:last-child{flex:none;margin-left:0}.wm-grid{padding:8px;white-space:nowrap}.wm-grid input{appearance:none;width:17px;height:17px;border:1px solid #a1ae90;border-radius:3px;background:#fffdf5;margin:0;display:grid;place-content:center}.wm-grid input:checked{background:#5c794c}.wm-grid input:checked:after{content:'✓';font-size:13px;color:white}.wm-stage{border:1px solid #cdd3be;border-top:0;border-radius:0 0 10px 10px;background:#f7f5eb;padding:22px 16px 6px;box-shadow:inset 0 2px 10px #71633c08,0 3px 7px #35462c09}.wm-stage:before{left:12px;top:12px}.wm-stage:after{right:12px;bottom:12px}.wm-under{padding:13px 4px}.wm-under button{min-height:34px;padding:7px 11px;font-size:13px}.wm-material{background:#fbf9f0;border:1px solid #e0ddcc;border-radius:8px;padding:10px;grid-template-columns:66px minmax(0,1fr) 23px;gap:10px;margin-bottom:9px}.wm-material.is-selected{background:#edf1e2;border-color:#9caf89;box-shadow:inset 3px 0 #718c5b}.wm-main .wm-swatch{width:66px;height:70px;border:1px solid #d9d1b9;border-radius:6px;background:#f3ecda;box-shadow:inset 0 1px #fff9;outline:none;padding:0}.wm-material canvas{width:64px;height:64px}.wm-main .wm-name{font-size:15px;font-weight:600;min-height:22px;padding:0;justify-content:flex-start;box-shadow:none;background:transparent;border-radius:0}.wm-main .wm-name:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}.wm-main .wm-remove{min-height:28px;padding:3px;box-shadow:none;background:transparent;color:#79866c}.wm-weight{margin-top:7px;gap:9px}.wm-weight output{width:44px;min-width:44px;background:#f8f5e8;border:1px solid #ddd5bf;border-radius:5px;padding:6px 3px;font:12px Arial;text-align:center;color:#344b30}.wm-weight input{appearance:none;height:10px;background:linear-gradient(to right,#658451 var(--fill,40%),#d9d3c2 var(--fill,40%));border:1px solid #b7bea4;border-radius:3px;cursor:pointer;margin:0}.wm-weight input::-webkit-slider-thumb{appearance:none;width:19px;height:23px;border-radius:4px;background:linear-gradient(#789369,#4a683f);border:1px solid #3d5c31;box-shadow:inset 0 1px #bbcea8,0 1px 2px #293c2430}.wm-weight input::-moz-range-thumb{width:17px;height:21px;border-radius:4px;background:#5f7e4e;border:1px solid #3d5c31}.wm-material small{font-size:11px;margin-top:7px;color:#6d7762}.wm-main .wm-add{margin:4px 0 13px;border-style:solid!important;background:#e8ecdc;min-height:40px;font-size:15px}.wm-proportions{display:flex;height:auto;overflow:visible;gap:0;margin:0 0 8px}.wm-proportion{min-width:0;display:flex;flex-direction:column;align-items:center}.wm-proportion canvas{width:100%;height:30px;image-rendering:pixelated;border-block:1px solid #abb29b;border-right:1px solid #f4f1e8}.wm-proportion:first-child canvas{border-left:1px solid #abb29b;border-radius:4px 0 0 4px}.wm-proportion:last-child canvas{border-radius:0 4px 4px 0}.wm-proportions .wm-proportion>span{height:auto;background:none;font:11px Arial;color:#465b3e;display:block;padding:7px 0 0;white-space:nowrap}.wm-dimensions,.wm-export{background:#faf8ee;border:1px solid #dedbc9;border-radius:7px;padding:13px 11px;margin-top:14px}.wm-dimensions h2,.wm-export h2{font-size:21px;margin-bottom:13px}.wm-dimensions>div{gap:7px}.wm-dimensions label{gap:7px}.wm-main input[type=number]{background:#fffdf7;border-color:#cfc9b2;border-radius:5px;width:60px;font-size:14px}.wm-export>div{gap:7px}.wm-export button{font-size:13px;padding:8px 10px;flex:1}.wm-export #copy{flex-basis:100%}.wm-export .wm-fine{margin-bottom:0}.wm-presets{border:1px solid #ced4bd;border-radius:9px;padding:15px 12px 5px;margin-top:10px;background:#f0f1e4;box-shadow:0 2px 6px #35462c08}.wm-presets h2{font-size:22px;margin:0 4px 10px}#presets{gap:10px;padding:4px 3px 12px}#presets button{display:block;padding:5px 5px 9px;border-radius:7px;box-shadow:0 1px 3px #35462c0a;min-width:120px;background:#fcfaf0}#presets button canvas{border-radius:3px;width:120px;height:70px;margin-bottom:9px}#presets button span{display:block;font-size:13px;text-align:center}#presets button[aria-pressed=true]{border-color:#638450;outline:2px solid #7c966a;outline-offset:1px;background:#e2ead6;color:#344b30}.wm-picker{box-shadow:0 16px 70px #18251c38}.wm-picker #choices button{display:flex;flex-direction:column;background:#faf7eb;border-color:#d6d5c2;border-radius:6px;gap:4px}.wm-picker canvas{width:55px;height:55px;margin:0}.wm-picker header>button{font-size:23px;min-width:40px}
@media(max-width:1100px){.wm-layout{grid-template-columns:minmax(0,1fr) 310px}.wm-toolbar{padding:10px;gap:7px}.wm-segments{gap:5px}.wm-toolbar button{padding:8px;font-size:13px}.wm-material{grid-template-columns:53px minmax(0,1fr) 20px;padding:8px;gap:7px}.wm-main .wm-swatch{width:53px;height:58px}.wm-material canvas{width:51px;height:51px}.wm-weight output{min-width:36px;width:36px}.wm-toolbar button svg{width:15px}.wm-grid{padding:4px}}@media(max-width:760px){.wm-main{padding:20px 14px 36px}.wm-heading h1{font-size:28px}.wm-layout{grid-template-columns:1fr;gap:16px}.wm-inspector{padding:12px}.wm-toolbar{gap:7px;flex-wrap:wrap}.wm-segments{flex:1}.wm-grid{padding:4px}.wm-toolbar>button:last-child{margin-left:auto}.wm-stage{padding:17px 5px 0}.wm-material{grid-template-columns:66px minmax(0,1fr) 30px;padding:10px;gap:12px}.wm-main .wm-swatch{width:66px;height:68px}.wm-material canvas{width:64px;height:64px}.wm-weight output{min-width:43px;width:43px}.wm-dimensions label{font-size:13px}.wm-dimensions>div{justify-content:space-between}.wm-dimensions input{width:68px}.wm-under{flex-direction:row;font-size:11px;align-items:center}.wm-under>div{flex-shrink:0}.wm-under button{padding:7px;font-size:11px;gap:4px}.wm-under button svg{width:14px}.wm-under #paintHint{max-width:40%}.wm-heading>button{min-height:38px;padding:8px;font-size:12px}.wm-presets{margin-top:8px}#presets button{min-width:105px}#presets button canvas{width:105px;height:62px}.wm-picker #choices button{font-size:11px}}@media(max-width:360px){.wm-toolbar{gap:5px}.wm-toolbar button{font-size:12px;gap:5px}.wm-grid{font-size:10px}.wm-under{flex-direction:column;align-items:flex-start}.wm-under #paintHint{max-width:100%}}

/* Preserve square texels: repeat textures instead of stretching each segment. */
.wm-proportion-texture{width:100%;height:30px;flex:none;background-repeat:repeat;background-size:30px 30px;image-rendering:pixelated;border-block:1px solid #abb29b;border-right:1px solid #f4f1e8;box-sizing:border-box}
.wm-proportion:first-child .wm-proportion-texture{border-left:1px solid #abb29b;border-radius:4px 0 0 4px}.wm-proportion:last-child .wm-proportion-texture{border-radius:0 4px 4px 0}
.wm-material canvas,.wm-picker canvas{image-rendering:auto}