.wall-designer{max-width:1640px;margin:0 auto;padding:28px 28px 130px;color:#202620}.wall-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.wall-heading h1{font-family:'Barlow Condensed',sans-serif;font-size:54px;line-height:1.05;margin:0}.wall-modes{display:flex;gap:5px}.wall-modes a{border:1px solid #d0d7c5;padding:10px 20px;border-radius:3px;background:#fff;text-decoration:none;font-size:13px}.wall-modes a[aria-current]{color:#fff;background:#202620;border-color:#202620}.wall-workspace{display:grid;grid-template-columns:360px minmax(0,1fr) 250px;gap:18px;align-items:start}.wall-palette,.wall-selected,.wall-canvas-panel{border:1px solid #d4ddca;border-radius:5px;background:#fff;min-width:0}.wall-palette{padding:20px;max-height:750px;overflow:auto;scrollbar-width:thin}.wall-palette h2,.wall-selected h2{font-size:17px;margin:0 0 18px}.wall-palette h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-top:17px;border-top:1px solid #e1e7d9;margin:22px 0 15px;color:#627157}.wall-products article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e9ecdf}.wall-products article>img{width:110px;height:105px;object-fit:contain}.wall-products strong{font-size:12px;line-height:1.5;display:block}.wall-products small{font-size:10px;color:#65735b;display:block;margin-top:4px}.wall-products [data-wall-price]{display:block;font-size:13px;font-weight:700;margin:8px 0}.wall-products button,.wall-measurements button{padding:8px 12px;min-height:36px;font-size:11px;border:1px solid #cdd7c1;border-radius:3px;background:#fff}.wall-products button:hover{border-color:#c91b2b;color:#c91b2b}.wall-canvas-panel{padding:18px;background:#f5f7f0}.wall-measurements{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:8px}.wall-measurements label{font-size:11px;display:grid;gap:5px}.wall-measurements label>span{display:flex;gap:6px;align-items:center}.wall-measurements input{width:83px;min-height:36px;padding:6px;border:1px solid #cfd8c4;border-radius:3px;background:#fff;font:inherit;font-size:13px}.wall-status{min-height:20px;font-size:11px;line-height:1.5;color:#913522;margin:8px 0}.wall-canvas-wrap{position:relative;padding:24px 25px 0 0}.wall-dimension-top{position:absolute;top:0;left:0;right:25px;text-align:center;font-size:11px;color:#63715a}.wall-dimension-side{position:absolute;right:0;top:50%;font-size:11px;color:#63715a;writing-mode:vertical-rl}.wall-stage{width:100%;position:relative;border:1px solid #c9d2c0;background-color:#e8e8e1;background-image:linear-gradient(#52634112 1px,transparent 1px),linear-gradient(90deg,#52634112 1px,transparent 1px);background-size:var(--wall-grid-x) var(--wall-grid-y);min-height:120px;overflow:visible}.wall-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:30px;text-align:center;font-size:13px;color:#66715e}.wall-object{position:absolute;display:block;border:0;padding:0;background:transparent;cursor:grab;touch-action:none;user-select:none;outline-offset:3px}.wall-object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.wall-object>span{position:absolute;left:4px;top:4px;border-radius:50%;width:19px;height:19px;display:flex;align-items:center;justify-content:center;background:#fff;color:#293625;font-size:10px;border:1px solid #d1d9c6}.wall-object.selected{outline:2px solid #65774e}.wall-object.dragging{cursor:grabbing;z-index:10!important;opacity:.82;will-change:transform}.wall-object.invalid{outline:2px solid #c91c2c;opacity:.6}.wall-object-holder{outline:1px dashed #64725840;outline-offset:-2px}.wall-caption{font-size:11px;color:#53634a;text-align:center;margin:15px 0 0}.wall-planning-note{font-size:10px;line-height:1.6;color:#748168;margin:15px 0 0}.wall-selected{padding:18px}.wall-selected ol{list-style:none;padding:0;margin:0 0 20px}.wall-selected li{display:flex;align-items:start;gap:6px;border-top:1px solid #e1e6d8;padding:10px 0}.wall-selected li.selected{background:#f0f3e9}.wall-selected li>[data-wall-select]{display:grid;grid-template-columns:22px 1fr;gap:5px;text-align:left;border:0;background:transparent;padding:0;flex:1;color:inherit}.wall-selected li [data-wall-select]>span{border-radius:50%;border:1px solid #d5ddc9;background:#f5f7ef;text-align:center;font-size:10px;padding:3px}.wall-selected li strong{font-size:11px;font-weight:500;line-height:1.6}.wall-selected li small{grid-column:2;font-size:11px;font-weight:700}.wall-selected li>[data-wall-remove]{background:#fff;border:1px solid #d5deca;border-radius:3px;min-width:28px;min-height:28px;color:#5e7250}.wall-selected>small{font-size:10px;line-height:1.6;color:#708065}.wall-position-controls{display:flex;gap:10px;margin:12px 0}.wall-position-controls label{font-size:10px;color:#627054}.wall-position-controls input{width:75px;display:block;min-height:34px;margin-top:4px;padding:5px;border:1px solid #ced7c3;border-radius:3px}.wall-purchase{position:fixed;bottom:0;left:24px;right:24px;z-index:15;max-width:1584px;margin:0 auto;padding:18px 24px;border:1px solid #d0d9c4;border-radius:5px 5px 0 0;background:#fbfcf7;box-shadow:0 -4px 18px #17241908;display:flex;align-items:center;gap:24px}.wall-purchase>div{display:grid;grid-template-columns:auto auto;gap:4px 15px}.wall-purchase small{grid-column:1/-1;font-size:10px;color:#6b795e}.wall-purchase strong{font-size:27px;font-weight:800}.wall-purchase [data-wall-tax]{align-self:end;font-size:9px;color:#738367}.wall-purchase p{font-size:11px;color:#5b6d4d;margin:0;flex:1}.wall-purchase .button{min-width:225px;min-height:45px;font-size:12px}.wall-link-dialog{max-width:700px;width:calc(100% - 40px);padding:25px;border:1px solid #cbd5bd;border-radius:5px}.wall-link-dialog label{display:grid;gap:10px;font-size:12px}.wall-link-dialog textarea{height:110px;width:100%;overflow-wrap:anywhere;border:1px solid #d3dbc9;padding:10px;box-sizing:border-box}.wall-link-dialog button{padding:10px 25px;margin-top:15px}.wall-link-dialog::backdrop{background:#16211670}body:has(#packout-wall-page:not([hidden])) .site-header{position:relative;top:auto;transform:none;transition:none}html:has(#packout-wall-page:not([hidden])){scroll-padding-top:0}
@media(max-width:1300px){.wall-workspace{grid-template-columns:300px minmax(0,1fr) 220px;gap:12px}.wall-products article{grid-template-columns:90px 1fr}.wall-products article>img{width:90px;height:90px}.wall-palette{padding:16px}.wall-designer{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){.wall-workspace{grid-template-columns:280px minmax(0,1fr)}.wall-selected{grid-column:2}.wall-canvas-panel{grid-row:1;grid-column:2}.wall-palette{grid-row:1/3}.wall-heading h1{font-size:45px}.wall-purchase{left:12px;right:12px;padding:14px;gap:15px}.wall-purchase p{max-width:180px;line-height:1.5}.wall-purchase .button{min-width:185px}}
@media(max-width:700px){.wall-designer{padding:22px 12px 165px}.wall-heading{display:block}.wall-heading h1{font-size:40px}.wall-modes{margin-top:17px}.wall-workspace{display:flex;flex-direction:column}.wall-canvas-panel,.wall-palette,.wall-selected{width:100%;box-sizing:border-box}.wall-canvas-panel{order:1;padding:14px}.wall-palette{order:2;max-height:500px;padding:15px}.wall-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wall-products article{display:block;padding:5px 0 12px}.wall-products article>img{width:100%;height:115px}.wall-products strong{font-size:12px}.wall-selected{order:3}.wall-purchase{left:0;right:0;bottom:0;flex-wrap:wrap;gap:8px 15px;padding:12px}.wall-purchase>div{flex:1}.wall-purchase strong{font-size:23px}.wall-purchase p{font-size:10px;max-width:170px;flex:1}.wall-purchase .button{width:100%;min-height:42px}.wall-position-controls input{width:100px}.wall-caption{font-size:10px}}
.wall-stage{min-height:0;margin:0 auto}.wall-canvas-wrap{min-height:100px}
.wall-object-holder img{position:absolute;transform-origin:center;overflow:visible}
.wall-palette-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px}.wall-palette-filters button{border:1px solid #d1dac8;border-radius:3px;background:#f7f8f3;color:#43543b;min-height:34px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.wall-palette-filters button:hover{border-color:#667858}.wall-palette-filters button[aria-pressed="true"]{background:#43533b;border-color:#43533b;color:#fff}.wall-palette-filters button:focus-visible{outline:2px solid #667858;outline-offset:2px}.wall-palette [data-wall-group]:first-of-type h3{margin-top:0;padding-top:14px}
.wall-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-bottom:22px}.wall-heading h1{flex:1 1 300px;min-width:0}.wall-modes{display:flex;flex:none;gap:7px;margin:0 0 0 auto}.wall-modes a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 18px;border:1px solid #c7d1bb;border-radius:3px;background:#fff;color:#43533b;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.wall-modes a[aria-current="page"]{background:#202620;color:#fff;border-color:#202620}.wall-modes a:hover{border-color:#7d8b70}.wall-modes a:focus-visible{outline:2px solid #65774e;outline-offset:3px}
.wall-remove-zone{position:fixed;z-index:92;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px;box-sizing:border-box;pointer-events:none;border:1px solid #d7b5b6;border-radius:4px;background:#fff9f6eb;color:#9e5557;box-shadow:0 4px 12px #25312510;transition:background .12s,border-color .12s,color .12s}.wall-remove-zone[hidden]{display:none}.wall-remove-zone svg{flex:none;width:26px;height:26px}.wall-remove-zone span{font-size:11px;line-height:1.5;font-weight:600;text-align:center}.wall-remove-zone.is-ready{background:#c92830ed;border-color:#c92830;color:#fff}.wall-object.remove-ready{outline:2px solid #c92830;opacity:.7}.wall-designer{overflow-anchor:none}
@media(prefers-reduced-motion:reduce){.wall-remove-zone{transition:none}}
.wall-selected li .wall-set-included{font-weight:400;color:#68765e}.wall-products .wall-pack-count{margin:-3px 0 7px;font-size:10px;color:#53664b}
.wall-save-tools{margin-top:18px;padding-top:14px;border-top:1px solid #d7dfcb}.wall-save-tools>summary{font-size:12px;line-height:1.6;cursor:pointer;color:#43533b}.wall-saved{display:grid;gap:10px;margin-top:12px}.wall-saved form>label{display:block;margin-bottom:7px;font-size:11px;color:#5b6c4d}.wall-saved form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.wall-saved input{min-width:0;width:100%;box-sizing:border-box;min-height:42px;padding:8px 10px;border:1px solid #c9d4bc;border-radius:3px;background:#fff;font:inherit;font-size:12px}.wall-saved button{min-height:42px;padding:8px 11px;border:1px solid #cbd5bf;border-radius:3px;background:#f0f4e9;color:#4e6141;font:inherit;font-size:11px;cursor:pointer}.wall-saved button:disabled{opacity:.55;cursor:default}.wall-saved button:hover{border-color:#81956d}.wall-saved small{color:#7a876e;font-size:10px;line-height:1.7}.wall-saved ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.wall-saved li{padding:0;border:0;display:flex;gap:5px}.wall-saved [data-wall-load]{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.wall-saved [data-wall-delete]{flex:0 0 42px;background:transparent}
.wall-products [data-wall-palette-sku]{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.wall-products [data-wall-palette-sku].dragging{opacity:.35}
.wall-drag-photo{position:fixed;left:0;top:0;z-index:100;pointer-events:none;filter:drop-shadow(0 12px 8px #0004);will-change:transform}
.wall-drag-photo img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.wall-drag-photo.invalid{opacity:.55}
.wall-drag-preview{pointer-events:none;opacity:.45}
.wall-drag-hint{font-size:10px;line-height:1.5;color:#627157;margin:-7px 0 14px}