room-planner.room-planner{--rp-accent: #1d349a;--rp-accent-soft: #e8ecf8;--rp-border: rgba(0, 0, 0, .12);--rp-muted: rgba(0, 0, 0, .58);--rp-radius: 1.2rem;display:block;max-width:120rem;margin:0 auto}room-planner [hidden]{display:none!important}.room-planner__header{text-align:center;margin-bottom:2.4rem}.room-planner__heading{margin:0 0 .8rem}.room-planner__lead{margin:0 auto;max-width:64rem;color:var(--rp-muted)}.room-planner__quota{display:inline-block;margin:1.2rem 0 0;padding:.4rem 1.2rem;border-radius:99rem;background:var(--rp-accent-soft);color:var(--rp-accent);font-size:1.3rem;font-weight:600}.room-planner__quota.is-empty{background:#fdecea;color:#b42318}.room-planner__card{border:1px solid var(--rp-border);border-radius:var(--rp-radius);padding:2.4rem;background:#fff}.room-planner__gate{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:56rem;margin:0 auto;text-align:center}.room-planner__title{margin:0 0 1.2rem;font-size:2rem}.room-planner__title--small{font-size:1.6rem;margin-bottom:.4rem}.room-planner__muted{color:var(--rp-muted);margin:0 0 1.2rem}.room-planner__small{font-size:1.3rem}.room-planner__primary.btn{background:var(--rp-accent);border-color:var(--rp-accent);color:#fff;text-decoration:none}.room-planner__primary.btn:disabled{opacity:.45;cursor:not-allowed}.room-planner__outline.btn{background:transparent;border:1px solid var(--rp-accent);color:var(--rp-accent);text-decoration:none}.room-planner__steps{display:flex;justify-content:center;gap:1.6rem;list-style:none;margin:0 0 1.6rem;padding:0;font-size:1.3rem;color:var(--rp-muted)}.room-planner__step{display:inline-flex;align-items:center;gap:.6rem}.room-planner__step span{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--rp-border);font-weight:600}.room-planner__step.is-active{color:var(--rp-accent);font-weight:600}.room-planner__step.is-active span{background:var(--rp-accent);border-color:var(--rp-accent);color:#fff}.room-planner__tabs{display:flex;gap:.4rem;padding:.4rem;margin-bottom:2rem;border-radius:99rem;background:#f3f4f7}.room-planner__tab{flex:1;padding:1rem 1.2rem;border:0;border-radius:99rem;background:transparent;font:inherit;font-weight:600;color:var(--rp-muted);cursor:pointer}.room-planner__tab.is-active{background:#fff;color:var(--rp-accent);box-shadow:0 1px 4px #0000001a}.room-planner__dropzone{border:2px dashed var(--rp-border);border-radius:var(--rp-radius);padding:2.4rem;text-align:center;transition:border-color .15s ease,background .15s ease}.room-planner__dropzone.is-dragover{border-color:var(--rp-accent);background:var(--rp-accent-soft)}.room-planner__drop-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.room-planner__drop-empty p{margin:0}.room-planner__upload-icon{display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--rp-accent-soft);color:var(--rp-accent);font-size:2.2rem}.room-planner__upload-preview{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.room-planner__upload-preview img{max-width:100%;max-height:42rem;width:auto;height:auto;border-radius:.8rem}.room-planner__field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.6rem;margin:1.6rem 0 .8rem;font-weight:600}.room-planner__input-wrap{display:inline-flex;align-items:center;gap:.6rem;font-weight:400}.room-planner__input-wrap input{width:10rem;padding:.8rem 1rem;border:1px solid var(--rp-border);border-radius:.8rem;font:inherit}.room-planner__templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.2rem}.room-planner__template{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:0 0 1rem;overflow:hidden;border:2px solid var(--rp-border);border-radius:var(--rp-radius);background:#fff;font:inherit;text-align:left;cursor:pointer}.room-planner__template img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;background:#f3f4f7}.room-planner__template.is-selected{border-color:var(--rp-accent);box-shadow:0 0 0 3px var(--rp-accent-soft)}.room-planner__template-title{padding:0 1rem;font-weight:600}.room-planner__template-meta{padding:0 1rem;font-size:1.3rem;color:var(--rp-muted)}.room-planner__badge{position:absolute;top:.8rem;left:.8rem;padding:.2rem .8rem;border-radius:99rem;background:var(--rp-accent);color:#fff;font-size:1.2rem;font-weight:600}.room-planner__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.room-planner__actions--split{justify-content:space-between}.room-planner__actions--wrap{flex-wrap:wrap;justify-content:center}.room-planner__layout{display:grid;grid-template-columns:minmax(0,1fr) 34rem;gap:2.4rem;align-items:start}.room-planner__stage{position:relative;display:inline-block;max-width:100%;border-radius:.8rem;overflow:hidden;outline:3px solid transparent;transition:outline-color .12s ease;user-select:none;-webkit-user-select:none}.room-planner__stage.is-target{outline-color:var(--rp-accent)}.room-planner__stage-img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;pointer-events:none}.room-planner__boxes{position:absolute;top:0;right:0;bottom:0;left:0}.room-planner__box{position:absolute;box-sizing:border-box;border:3px solid var(--rp-color);background:color-mix(in srgb,var(--rp-color) 18%,transparent);border-radius:.4rem;cursor:move;touch-action:none}.room-planner__box:focus-visible{outline:2px solid #fff;outline-offset:2px}.room-planner__box.is-dragging{background:color-mix(in srgb,var(--rp-color) 28%,transparent)}.room-planner__box-label{position:absolute;top:-.2rem;left:-.2rem;display:inline-flex;align-items:center;gap:.4rem;max-width:calc(100% - 2.4rem);padding:.2rem .6rem .2rem .2rem;border-radius:0 0 .6rem;background:var(--rp-color);color:#fff;font-size:1.2rem;line-height:1.6rem;pointer-events:none}.room-planner__box-num{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;color:var(--rp-color);font-weight:700}.room-planner__box-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-planner__box-remove{position:absolute;top:-1.1rem;right:-1.1rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:2px solid #fff;border-radius:50%;background:var(--rp-color);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.room-planner__box-resize{position:absolute;right:-.9rem;bottom:-.9rem;width:1.8rem;height:1.8rem;border:2px solid #fff;border-radius:50%;background:var(--rp-color);cursor:nwse-resize}.room-planner__products{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none}.room-planner__product{display:flex;gap:1rem;padding:.8rem;border:1px solid var(--rp-border);border-left:4px solid var(--rp-color, var(--rp-border));border-radius:.8rem}.room-planner__product.is-placed{background:color-mix(in srgb,var(--rp-color) 6%,#fff)}.room-planner__product.is-disabled{opacity:.55}.room-planner__product.is-loading .room-planner__product-controls:before{content:"\2026";color:var(--rp-muted)}.room-planner__product-thumb{flex:0 0 6.4rem;width:6.4rem;height:6.4rem;border-radius:.6rem;overflow:hidden;background:#f3f4f7}.room-planner__product-thumb img{width:100%;height:100%;object-fit:contain}.room-planner__product-info{display:flex;flex-direction:column;gap:.4rem;min-width:0}.room-planner__product-title{font-size:1.3rem;font-weight:600;line-height:1.3}.room-planner__product-meta{display:inline-flex;align-items:center;gap:.6rem;font-size:1.2rem;color:var(--rp-muted)}.room-planner__num{display:inline-grid;place-items:center;min-width:2rem;height:2rem;border-radius:50%;color:#fff;font-weight:700}.room-planner__product-controls,.room-planner__surfaces{display:flex;flex-wrap:wrap;gap:.6rem}.room-planner__chip,.room-planner__drag{padding:.5rem 1rem;border:1px solid var(--rp-accent);border-radius:99rem;background:#fff;color:var(--rp-accent);font:inherit;font-size:1.25rem;font-weight:600;cursor:pointer}.room-planner__drag{cursor:grab;touch-action:none}.room-planner__chip.is-selected{background:var(--rp-accent);color:#fff}.room-planner__chip:disabled,.room-planner__drag:disabled{opacity:.4;cursor:not-allowed}.room-planner__link{padding:0;border:0;background:none;color:#b42318;font:inherit;font-size:1.25rem;text-decoration:underline;cursor:pointer}.room-planner__ghost{position:fixed;top:0;left:0;z-index:2147483000;max-width:22rem;margin:-1.6rem 0 0 -1.6rem;padding:.6rem 1rem;border-radius:.6rem;background:var(--rp-color, #1d349a);color:#fff;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 6px 18px #00000040}.room-planner__loading{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.4rem 0}.room-planner__spinner{width:4.8rem;height:4.8rem;margin:.8rem 0 1.6rem;border:4px solid var(--rp-accent-soft);border-top-color:var(--rp-accent);border-radius:50%;animation:room-planner-spin .9s linear infinite}@keyframes room-planner-spin{to{transform:rotate(360deg)}}.room-planner__progress{width:min(36rem,100%);height:.6rem;margin-bottom:1rem;border-radius:99rem;background:var(--rp-accent-soft);overflow:hidden}.room-planner__progress span{display:block;height:100%;width:0;background:var(--rp-accent);transition:width 1.2s ease}.room-planner__result{display:flex;flex-direction:column;align-items:center;text-align:center}.room-planner__result-frame{max-width:100%}.room-planner__result-frame img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;border-radius:.8rem}.room-planner__toggle{display:inline-flex;gap:.4rem;margin:1.2rem 0;padding:.4rem;border-radius:99rem;background:#f3f4f7}.room-planner__toggle-btn{padding:.6rem 1.6rem;border:0;border-radius:99rem;background:transparent;font:inherit;font-weight:600;color:var(--rp-muted);cursor:pointer}.room-planner__toggle-btn.is-active{background:#fff;color:var(--rp-accent);box-shadow:0 1px 4px #0000001a}.room-planner__error{margin-top:1.6rem;padding:1.2rem 1.6rem;border-radius:.8rem;background:#fdecea;color:#b42318}@media screen and (max-width:989px){.room-planner__layout{grid-template-columns:minmax(0,1fr)}.room-planner__card{padding:1.6rem}.room-planner__steps{gap:.8rem;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.room-planner__spinner{animation-duration:2.5s}.room-planner__progress span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/room-planner.css.map */