.wall-simulator{display:flex;height:100vh;overflow:hidden;font-family:var(--font-body--family, sans-serif);font-size:.875rem;color:#1a1a1a;background:#f5f4f1}.simulator-left{width:clamp(260px,18vw,360px);min-width:260px;max-width:360px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e8e6e1}.simulator-panel--catalog{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid #e8e6e1}.simulator-panel--controls{flex-shrink:0;overflow-y:visible;border-bottom:1px solid #e8e6e1}.simulator-panel--environment{flex-shrink:0;overflow-y:visible}.sp-section--header{border-bottom:1px solid #f0eee9;margin-bottom:0;padding:0}.sp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem .75rem}.sp-panel-header .sp-section__title{margin:0}.sp-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:#bbb;flex-shrink:0;transition:color .15s,background .15s}.sp-toggle:hover{color:#555;background:#f0ede8}.sp-toggle__icon{width:15px;height:15px;transition:transform .2s ease}.sp-panel--collapsed .sp-toggle__icon{transform:rotate(180deg)}.simulator-panel--catalog.sp-panel--collapsed{flex:0 0 auto;min-height:0}.simulator-panel--controls.sp-panel--collapsed,.simulator-panel--environment.sp-panel--collapsed{flex-shrink:0}.sp-panel-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.simulator-panel--catalog .sp-panel-body{overflow:hidden}.simulator-panel--controls .sp-panel-body{padding-bottom:1.5rem}.simulator-panel--environment .sp-panel-body{padding-bottom:1.25rem;overflow-y:visible}.ws-empty{position:relative;z-index:1;font-size:.85rem;color:#aaa;text-align:center;padding:2rem 1rem;margin:0}.wall-piece--active{box-shadow:0 6px 32px #00000029,0 0 0 2px #1a1a1a}.simulator-panel{background:#fff;display:flex;flex-direction:column;gap:0}.sp-section{padding:1.1rem 1.1rem 0}.sp-section__title{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b0ada8;margin:0 0 .65rem}.sp-section--header .sp-section__title{font-size:.68rem;color:#999}.sp-select{width:100%;padding:.55rem 2rem .55rem .75rem;border:1px solid #e8e5e0;border-radius:8px;background:#faf9f7;font-size:.82rem;font-family:inherit;color:#1a1a1a;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;transition:border-color .15s,background .15s}.sp-select:hover{border-color:#ccc9c3;background-color:#f5f3f0}.sp-select:focus{outline:none;border-color:#1a1a1a;background-color:#fff}.sp-frame-picker{display:flex;flex-wrap:wrap;gap:.5rem;padding:.1rem 0}.sp-frame-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .15s;flex-shrink:0;position:relative}.sp-frame-swatch:hover{transform:scale(1.12)}.sp-frame-swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #1a1a1a;transform:scale(1.08)}.sp-summary{background:#f9f8f6;border-radius:8px;margin:.9rem 1.1rem 0;padding:.75rem .9rem .85rem}.sp-summary .sp-section__title{margin-bottom:.55rem}.sp-summary__list{display:grid;grid-template-columns:auto 1fr;gap:.28rem .75rem;margin:0}.sp-summary__list dt{font-size:.73rem;color:#b0ada8;line-height:1.5}.sp-summary__list dd{font-size:.78rem;font-weight:500;color:#1a1a1a;margin:0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-no-variant{margin:.75rem 1.1rem 0;padding:.5rem .75rem;background:#fef5f5;border:1px solid #f5c6c6;border-radius:8px;color:#b83232;font-size:.77rem;line-height:1.45}.sp-actions{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1.1rem 0}.sp-btn-action{width:100%;padding:.5rem .9rem;background:transparent;color:#555;border:1px solid #e8e5e0;border-radius:8px;font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,color .15s}.sp-btn-action:hover:not(:disabled){background:#f5f3f0;border-color:#d4d1cc;color:#1a1a1a}.sp-btn-action:disabled{opacity:.35;cursor:not-allowed}.sp-btn-action--danger{color:#b83232;border-color:#f0d4d4}.sp-btn-action--danger:hover:not(:disabled){background:#fef5f5;border-color:#e8b8b8;color:#9a2424}.sp-btn-cart{display:block;margin:.9rem 1.1rem 1.1rem;padding:.72rem 1rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.84rem;font-family:inherit;font-weight:500;cursor:pointer;width:calc(100% - 2.2rem);text-align:center;letter-spacing:.01em;transition:background .15s,opacity .15s}.sp-btn-cart:hover:not(:disabled){background:#2e2e2e}.sp-btn-cart:disabled{opacity:.38;cursor:not-allowed}.simulator-scene{flex:1;background:#f0ede8;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.03) 0%,transparent 60%)}#ws-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ws-environment-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.ws-environment-bg[src=""],.ws-environment-bg:not([src]){display:none}.wall-piece{position:relative;z-index:1;display:block;box-sizing:border-box;overflow:visible;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 6px 32px #00000029,0 1px 4px #00000014}.wall-piece__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wall-piece__art-wrap{position:absolute;overflow:hidden}.wall-piece__art{display:block;width:100%;height:100%;object-fit:fill}.wall-piece__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.wall-piece--dragging{cursor:grabbing;opacity:.92;z-index:10}.sp-env-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:0 1rem .25rem}.sp-env-card{cursor:pointer;border-radius:3px;overflow:hidden;background:#fff;border:1px solid #ede9e3;transition:border-color .2s,box-shadow .2s;position:relative}.sp-env-card:hover,.sp-env-card:focus{border-color:#c8c4bc;box-shadow:0 2px 10px #00000012;outline:none}.sp-env-card--active{border-color:#1a1a1a;box-shadow:0 0 0 1.5px #1a1a1a}.sp-env-card__img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#f7f5f2}.sp-env-card__title{font-size:.64rem;line-height:1.35;padding:.3rem .4rem .35rem;margin:0;color:#9e9b96;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.01em}.sp-env-card--active .sp-env-card__title{color:#1a1a1a;font-weight:600}.sp-env-upload{padding:.4rem 1rem .85rem}.sp-env-file-input{display:none}.sp-env-upload-label{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem .75rem;border:1px dashed #d4d1cc;border-radius:6px;cursor:pointer;font-size:.72rem;font-family:inherit;color:#aaa;transition:border-color .2s,color .2s,background .2s;box-sizing:border-box}.sp-env-upload-label:hover{border-color:#888;color:#555;background:#f9f8f6}.sp-env-upload--active .sp-env-upload-label{border-style:solid;border-color:#1a1a1a;color:#1a1a1a;background:#f5f3f0}.sp-env-scale{padding:0 1rem 1rem}.sp-env-scale__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.sp-env-scale__label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b0ada8}.sp-env-scale__value{font-size:.72rem;font-weight:500;color:#888;min-width:2.5rem;text-align:right}.sp-env-scale__slider{width:100%;height:3px;-webkit-appearance:none;appearance:none;background:#e8e5e0;border-radius:2px;outline:none;cursor:pointer}.sp-env-scale__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1a1a1a;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #1a1a1a;transition:transform .15s}.sp-env-scale__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sp-env-scale__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#1a1a1a;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #1a1a1a}@media(max-width:749px){.wall-simulator{flex-direction:column-reverse;height:auto;min-height:100vh;overflow-y:auto}.simulator-scene{width:100%;height:60vw;min-height:220px;flex-shrink:0;align-items:stretch}.simulator-left{width:100%;min-width:100%;border-right:none;border-top:1px solid #e8e6e1;overflow-y:visible;flex-shrink:0}.simulator-panel--catalog{max-height:40vh}.simulator-panel--controls{overflow-y:visible}.simulator-panel--environment{max-height:30vh;overflow-y:auto}}@media(prefers-reduced-motion:reduce){.sp-frame-swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/wall-simulator.css.map */