.yoo-picture-wall{--wall-line:color-mix(in srgb,currentColor 18%,transparent);--wall-ink:inherit;--wall-accent:currentColor;width:100%;color:var(--wall-ink);}
.yoo-picture-wall [hidden]{display:none;}
.yoo-wall-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:32px;align-items:start;}
.yoo-wall-preview{position:sticky;top:100px;min-width:0;box-sizing:border-box;padding:0;background:transparent;}
.yoo-wall-stage{position:relative;width:100%;isolation:isolate;margin-block:14px 0;}
.yoo-wall-slot{position:absolute;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center;outline:0;}
.yoo-wall-slot[data-state=empty]{background:#fff;box-shadow:0 3px 9px #00000014;outline:1px solid #d3cfc6;}
.yoo-wall-slot[aria-pressed=true]{outline:2px solid var(--wall-accent);outline-offset:4px;}
.yoo-wall-slot>span{white-space:pre-line;font-size:clamp(10px,1.1vw,14px);line-height:1.6;text-align:center;color:#514b43;}
.yoo-wall-slot.is-drop-allowed{outline:2px dashed #326f98;outline-offset:4px;}
.yoo-wall-slot.is-drop-blocked{opacity:.35;}
.yoo-wall-slot.is-drop-target{outline:4px solid #326f98;background:#e5f0f7;}
.yoo-wall-measure{white-space:pre-line;font-size:12px;color:#68635c;line-height:1.5;margin:16px 0 0;text-align:center;}
.yoo-wall-controls{--wall-controls-padding:20px;display:grid;gap:10px;min-width:0;border:1px solid var(--wall-line);padding:var(--wall-controls-padding);box-sizing:border-box;}
.yoo-wall-controls label{display:grid;gap:6px;min-width:0;}
.yoo-picture-wall input,.yoo-picture-wall select{min-width:0;width:100%;max-width:100%;box-sizing:border-box;}
.yoo-wall-all-frames{width:100%;cursor:pointer;}
.yoo-wall-tab{min-width:0;}
.yoo-wall-hint,.yoo-wall-frame-hint{font-size:12px;color:#68635c;margin:10px 0;}
.yoo-wall-motifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:4px;}
.yoo-wall-motifs button{appearance:none;border:0;padding:6px;font:inherit;text-transform:none;letter-spacing:normal;text-align:left;cursor:grab;min-width:0;}
.yoo-wall-motifs button:active{cursor:grabbing;}
.yoo-wall-motifs img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f5f2;display:block;padding:6px;box-sizing:border-box;}
.yoo-wall-motifs span{display:block;font-size:12px;line-height:1.4;margin-top:6px;}
.yoo-wall-buy,.yoo-wall-save{cursor:pointer;}

.yoo-wall-buy:disabled,.yoo-wall-save:disabled{opacity:.45;cursor:default;}
.yoo-wall-status{margin:0;font-size:12px;line-height:1.45;}
.yoo-wall-total{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;line-height:1.4;}
.yoo-wall-price-info{display:grid;gap:5px;flex:1 1 160px;}
.yoo-wall-product-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.yoo-wall-price-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.yoo-wall-price-info small{font-size:11px;color:#68635c;font-weight:400;}
.yoo-wall-price-amount{display:grid;gap:2px;text-align:right;margin-left:auto;min-width:0;}
.yoo-wall-price-amount strong{font-size:18px;line-height:1.3;font-weight:700;}
.yoo-wall-price-amount small{font-size:11px;color:#68635c;}.yoo-wall-price-amount del{font-size:12px;color:#68635c;font-weight:400;}
.yoo-wall-offer-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#111;color:#fff;font-size:11px;line-height:1.4;font-weight:600;}
.yoo-wall-controls .yp2-row{display:flex;gap:10px;width:100%;align-items:center;text-align:left;padding:13px 10px;border:0;border-bottom:1px solid var(--wall-line);font:inherit;cursor:pointer;box-sizing:border-box;}
.yoo-wall-controls .yp2-copy{display:grid;gap:4px;flex:1;}
.yoo-wall-controls small{display:block;font-size:12px;line-height:1.5;}
.yoo-wall-controls .yp2-row.is-locked{opacity:.5;}
.yoo-wall-controls .yp2-x{cursor:pointer;}
.yoo-wall-controls .yp2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.yoo-wall-controls .yp2-option{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;cursor:pointer;}
.yoo-wall-controls .yp2-option.is-selected{outline:2px solid currentColor;outline-offset:-2px;}
.yoo-wall-controls .yp2-swatch{display:block;width:100%;height:65px;object-fit:contain;}
.yoo-wall-engine{min-width:0;}
.yoo-picture-wall :focus-visible{outline:2px solid var(--wall-accent);outline-offset:3px;}
@media(max-width:800px){.yoo-wall-grid{display:block;}.yoo-wall-controls{margin-top:16px;}
.yoo-wall-preview{position:sticky;top:var(--yp2-sticky-top,0px);z-index:30;padding:0 0 10px;background:#fff;}.yoo-wall-measure{margin-top:12px;font-size:10px;line-height:1.4;}
.yoo-wall-motifs{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/2.5);gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%);}
.yoo-wall-motifs::-webkit-scrollbar{display:none;}
.yoo-wall-motifs button{scroll-snap-align:start;touch-action:pan-x pan-y;min-width:0;}
.yoo-wall-motifs[data-start="false"]{mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 90%,transparent 100%);}
.yoo-wall-motifs[data-end="true"]{mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 100%);}
.yoo-wall-motifs[data-start="true"][data-end="true"]{mask-image:none;}
.yoo-wall-slot>span{font-size:10px;line-height:1.2;}
.yoo-wall-price-amount strong{font-size:16px;}
}


.yoo-wall-control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.yoo-picture-wall[data-view=motifs] .yoo-wall-active-status{display:none;}
.yoo-wall-active-status{font-size:12px;font-weight:650;padding:5px 9px;border-radius:5px;background:#f0eee9;color:#625d54;}
.yoo-wall-active-status[data-state=saved]{background:#e8f2ec;color:#286044;}
.yoo-wall-active-status[data-state=dirty]{background:#fff2dc;color:#825417;}
.yoo-wall-slot .yoo-wall-slot-status{position:absolute;top:5px;right:5px;z-index:2;white-space:nowrap;font-size:11px;line-height:1.4;font-weight:650;background:#fff;padding:4px 7px;border-radius:4px;box-shadow:0 1px 3px #00000012;color:#625d54;pointer-events:none;}
.yoo-wall-slot[data-state=saved] .yoo-wall-slot-status{background:#e8f2ec;color:#286044;}
.yoo-wall-slot[data-state=dirty] .yoo-wall-slot-status{background:#fff2dc;color:#825417;}
.yoo-wall-action-area{display:grid;gap:12px;}

.yoo-wall-status:empty{display:none;}
.yoo-wall-status[data-tone=success]{color:#24573b;}
.yoo-wall-status[data-tone=warning]{color:#825417;}
.yoo-wall-status[data-tone=error]{color:#9c3529;}
.yoo-wall-order-summary{display:grid;gap:10px;border-top:1px solid var(--wall-line);padding-top:16px;}
.yoo-wall-next-action{font-size:13px;color:#68635c;line-height:1.5;margin:0;}


.yoo-wall-category-label{margin-bottom:0;}
.yoo-wall-category{width:100%;background:white;}
.yoo-wall-options .yp2-panel{border:0;}

@media(max-width:800px){
.yoo-wall-slot .yoo-wall-slot-status{font-size:9px;padding:3px 4px;white-space:nowrap;text-align:center;min-width:12px;max-width:30px;}
.yoo-wall-action-area{position:static;background:white;padding:4px 0 8px;}

.yoo-wall-order-summary{padding-top:10px;}
}


.yoo-wall-motif-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}.yoo-wall-motif-filters label{font-size:12px;min-width:0;}.yoo-wall-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;}.yoo-wall-pagination button{cursor:pointer;}.yoo-wall-pagination button:disabled{opacity:.4;cursor:default;}.yoo-wall-page-label{font-size:12px;color:#68635c;}.yoo-wall-motifs button{display:grid;grid-template-rows:auto 1fr;align-content:start;}.yoo-wall-motifs img{aspect-ratio:1.1;}.yoo-wall-order-summary{gap:8px;}.yoo-wall-next-action{font-size:12px;}.yoo-wall-control-heading{gap:8px;}.yoo-wall-action-area{gap:10px;}

.yoo-wall-progress{margin:0 calc(-1 * var(--wall-controls-padding));padding:9px var(--wall-controls-padding);border-block:1px solid var(--wall-line);font-size:12px;line-height:1.5;}.yoo-wall-selection-actions{display:flex;gap:16px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--wall-line);}.yoo-wall-selection-actions button{cursor:pointer;}.yoo-wall-control-heading{align-items:flex-start;}.yoo-wall-active{font-size:16px;line-height:1.45;flex:1;min-width:0;}.yoo-wall-controls .yp2-options{gap:10px;}

.yoo-wall-status-anchor{min-height:1px;}.yoo-wall-status.is-floating{position:fixed;top:var(--wall-status-top,8px);left:var(--wall-status-left,16px);z-index:40;width:var(--wall-status-width,calc(100vw - 32px));box-sizing:border-box;padding:10px 14px;border:1px solid var(--wall-line);border-radius:5px;background:#fff;box-shadow:0 3px 16px #00000016;font-size:12px;line-height:1.45;}
@media(max-width:800px){.yoo-wall-status.is-floating{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;width:calc(100vw - 28px);}}


.yoo-wall-scene{min-width:0;position:relative;height:clamp(320px,43vw,560px);background-size:contain;background-position:center;background-repeat:no-repeat;color:#242521;}
.yoo-wall-scene .yoo-wall-stage{position:absolute;margin:0;transform:translate(-50%,-50%);}
.yoo-wall-view-tools{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:stretch;margin-top:10px;}
.yoo-wall-view-tools>button,.yoo-wall-colors>summary{cursor:pointer;margin:0;box-sizing:border-box;white-space:nowrap;list-style:none;text-align:center;line-height:1.3;min-height:36px;min-width:0;display:flex;align-items:center;justify-content:center;}
.yoo-wall-colors>summary::-webkit-details-marker{display:none;}.yoo-wall-colors>summary::after{content:" ▾";}.yoo-wall-colors{align-self:stretch;position:static;max-width:100%;min-width:0;}
.yoo-wall-color-panel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:50;box-sizing:border-box;width:min(260px,100%);max-height:60svh;overflow:auto;padding:12px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);text-align:left;}
.yoo-wall-colors label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:12px;}.yoo-wall-colors input[type=color]{width:48px;height:36px;padding:3px;}.yoo-wall-colors input[type=text]{width:130px;}.yoo-wall-colors small{display:block;margin-top:10px;font-size:11px;line-height:1.4;}.yoo-wall-palette{display:flex;justify-content:center;gap:10px;margin:2px 0 14px;}.yoo-wall-palette button{appearance:none;-webkit-appearance:none;padding:0;width:30px;height:30px;min-height:30px;border:1px solid #d3cfc6;border-radius:50%;cursor:pointer;}.yoo-wall-palette button[aria-pressed=true]{outline:2px solid #326f98;outline-offset:2px;}
@media(max-width:800px){.yoo-wall-view-tools{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;}.yoo-wall-view-tools>button,.yoo-wall-colors>summary{width:100%;display:flex;justify-content:center;align-items:center;}.yoo-wall-controls{--wall-controls-padding:14px;}.yoo-wall-motif-filters{grid-template-columns:minmax(0,1fr);}.yoo-wall-control-heading{flex-wrap:wrap;}}
.yoo-wall-dialog{box-sizing:border-box;width:min(1180px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:20px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);overflow:auto;}
.yoo-wall-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);}.yoo-wall-dialog-title{min-width:0;flex:1;font-size:16px;line-height:1.4;}.yoo-wall-dialog-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.yoo-wall-dialog button{display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer;white-space:nowrap;}
.yoo-wall-dialog-tools{display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;margin:12px 0;}.yoo-wall-dialog-tools label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;}.yoo-wall-dialog-tools select{max-width:210px;}.yoo-wall-zoom-label input[type=range]{width:140px;max-width:30vw;padding:0;border:0;accent-color:#326f98;}.yoo-wall-zoom-value{min-width:42px;color:#68635c;font-size:11px;font-variant-numeric:tabular-nums;}
.yoo-wall-dialog>p{font-size:11px;line-height:1.5;text-align:center;margin:12px 0 0;}.yoo-wall-viewport{height:60dvh;overflow:auto;overscroll-behavior:contain;border-radius:6px;}.yoo-wall-viewport .yoo-wall-scene{aspect-ratio:auto;max-width:none;flex:none;}.yoo-wall-room-warning{padding:10px;background:#fff4d9;}
@media(max-width:800px){.yoo-wall-scene{height:clamp(220px,34svh,320px);aspect-ratio:auto;}.yoo-wall-dialog{padding:12px;}.yoo-wall-dialog-title{min-width:0;flex:1;font-size:14px;}.yoo-wall-dialog-actions{gap:5px;}.yoo-wall-dialog-bar{gap:8px;}.yoo-wall-dialog-tools{gap:8px;margin:10px 0;}.yoo-wall-viewport{height:55dvh;}}

@media(max-width:800px){.has-many-slots .yoo-wall-preview .yoo-wall-slot-status{display:none;}}

.yoo-wall-dialog[data-mode=room] .yoo-wall-slot{outline:0;cursor:default;}.yoo-wall-dialog[data-mode=room] .yoo-wall-slot-status,.yoo-wall-dialog[data-mode=room] .yoo-wall-slot>span[data-number]{display:none;}.yoo-wall-dialog[data-mode=room] .yoo-wall-slot[data-state=empty]{background:#efede8;box-shadow:0 1px 4px #0001;}

/* Viewing is read-only; selection and save indicators belong to the editor. */
.yoo-wall-scene[data-view] .yoo-wall-slot-status{display:none}.yoo-wall-scene[data-view] .yoo-wall-slot{outline:0;cursor:default}