.tile-visualizer,.tile-visualizer__modal{--tv-accent: #1d349a;--tv-accent-soft: #e8ecf8;--tv-accent-hover: #152a7a;--tv-border: rgba(0, 0, 0, .12);--tv-muted: rgba(0, 0, 0, .55);--tv-radius: 1.2rem}.tile-visualizer{display:block;margin-block:1.2rem}.tile-visualizer__open{display:inline-flex;align-items:center;gap:.8rem;width:100%;justify-content:center;border-color:var(--tv-accent)!important;color:var(--tv-accent)!important}.tile-visualizer__open-icon{display:inline-flex}.tile-visualizer__modal[hidden]{display:none!important}.tile-visualizer__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2rem 1.6rem;isolation:isolate;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;overscroll-behavior:contain;touch-action:pan-y}.tile-visualizer__modal.is-open{opacity:1;visibility:visible}.tile-visualizer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#00000073;pointer-events:auto;opacity:0;transition:opacity .18s ease}.tile-visualizer__modal.is-open .tile-visualizer__backdrop{opacity:1}.tile-visualizer__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(52rem,100%);margin:0 auto 2rem;background:#fff;border-radius:1.6rem;box-shadow:0 1.6rem 4rem #0003;padding:2.4rem 2rem 2rem;transform:translateY(1.2rem) scale(.985);opacity:0;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease;will-change:transform,opacity}.tile-visualizer__modal.is-open .tile-visualizer__dialog{transform:translateY(0) scale(1);opacity:1}.tile-visualizer__close{appearance:none!important;-webkit-appearance:none!important;position:sticky;top:1.2rem;align-self:flex-end;z-index:10;flex-shrink:0;box-sizing:border-box!important;width:4rem!important;min-width:0!important;max-width:4rem!important;height:4rem!important;min-height:0!important;margin:-.8rem -.4rem -3.2rem 0!important;padding:0!important;border:1px solid rgba(29,52,154,.14)!important;border-radius:999px;background:#fff!important;box-shadow:0 2px 10px #00000029!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;color:var(--tv-accent)!important;line-height:1!important;text-decoration:none!important;transition:color .15s ease,background-color .15s ease,transform .15s ease}.tile-visualizer__close svg{display:block!important;width:2rem!important;height:2rem!important;min-width:2rem;stroke:currentColor!important;pointer-events:none}.tile-visualizer__close:hover{color:#fff!important;background:var(--tv-accent)!important;transform:scale(1.05)}.tile-visualizer__close:focus-visible{outline:3px solid rgba(29,52,154,.3)!important;outline-offset:3px}.tile-visualizer__title{margin:0 0 .6rem;font-size:2rem;font-weight:700;padding-right:3rem}.tile-visualizer__subtitle{margin:0 0 1.6rem;color:var(--tv-muted);font-size:1.35rem}.tile-visualizer__steps{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:2rem}.tile-visualizer__step-dot{width:2.8rem;height:2.8rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;background:#eee;color:#888}.tile-visualizer__step-dot.is-active{background:var(--tv-accent);color:#fff}.tile-visualizer__step-line{width:3.2rem;height:2px;background:#e5e5e5}.tile-visualizer__tip{background:var(--tv-accent-soft);border-radius:var(--tv-radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem;font-size:1.3rem}.tile-visualizer__tip p{margin:.4rem 0 0;color:var(--tv-muted)}.tile-visualizer__dropzone{border:2px dashed var(--tv-border);border-radius:var(--tv-radius);min-height:22rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;position:relative;overflow:hidden;background:#fafafa;transition:border-color .15s ease,background .15s ease}.tile-visualizer__dropzone.is-dragover{border-color:var(--tv-accent);background:var(--tv-accent-soft)}.tile-visualizer__drop-empty{text-align:center;padding:2rem;color:var(--tv-muted)}.tile-visualizer__upload-icon{width:4.8rem;height:4.8rem;margin:0 auto 1rem;border-radius:999px;background:var(--tv-accent);color:#fff;font-size:2.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.tile-visualizer__or{display:block;margin:1rem 0;font-size:1.2rem}.tile-visualizer__pick{border:1px solid var(--tv-accent);color:var(--tv-accent);background:#fff;border-radius:999px;padding:.8rem 1.8rem;cursor:pointer;font-weight:600}.tile-visualizer__preview-wrap{position:relative;width:100%;height:100%;min-height:22rem}.tile-visualizer__preview-wrap[hidden],.tile-visualizer__drop-empty[hidden]{display:none!important}.tile-visualizer__preview{width:100%;height:100%;min-height:22rem;object-fit:cover;display:block}.tile-visualizer__preview-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.6rem}.tile-visualizer__icon-btn{width:3.6rem;height:3.6rem;border:0;border-radius:999px;background:#000000b3;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1}.tile-visualizer__primary{width:100%;background:var(--tv-accent);color:#fff;border:0;border-radius:999px;padding:1.2rem 1.6rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tile-visualizer__primary:disabled{opacity:.5;cursor:not-allowed}.tile-visualizer__primary:not(:disabled):hover{background:var(--tv-accent-hover);color:#fff}.tile-visualizer__question{font-weight:600;margin:0 0 1.4rem;font-size:1.5rem}.tile-visualizer__surfaces{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.tile-visualizer__surface{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:11rem!important;max-height:none!important;margin:0!important;padding:1.8rem 1rem!important;border:2px solid var(--tv-border)!important;border-radius:var(--tv-radius)!important;background:#fff!important;color:inherit!important;cursor:pointer;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.8rem!important;font-weight:600!important;font-size:1.4rem!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important;white-space:normal!important;overflow:hidden;transition:border-color .15s ease,background .15s ease}.tile-visualizer__surface.is-selected{border-color:var(--tv-accent)!important;background:var(--tv-accent-soft)!important}.tile-visualizer__surface-icon{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;width:3.2rem;height:3.2rem;font-size:2.4rem!important;line-height:1!important;color:var(--tv-accent)}.tile-visualizer__surface>span:last-child{display:block;line-height:1.3}.tile-visualizer__footer-row{display:flex;gap:1rem;align-items:center}.tile-visualizer__back{flex:0 0 auto;border:1px solid var(--tv-border);background:#fff;border-radius:999px;padding:1.1rem 1.6rem;cursor:pointer;font-weight:600}.tile-visualizer__footer-row .tile-visualizer__primary{flex:1}.tile-visualizer__spinner{width:8rem;height:8rem;margin:2rem auto;border-radius:50%;border:3px solid #eee;border-top-color:var(--tv-accent);animation:tv-spin .9s linear infinite}@keyframes tv-spin{to{transform:rotate(360deg)}}.tile-visualizer__loading{text-align:center}.tile-visualizer__loading-msg{font-weight:600;margin:0 0 1.2rem}.tile-visualizer__progress{height:.6rem;background:#eee;border-radius:999px;overflow:hidden;margin:0 auto 1rem;max-width:28rem}.tile-visualizer__progress span{display:block;height:100%;width:5%;background:var(--tv-accent);transition:width .4s ease}.tile-visualizer__eta{color:var(--tv-muted);font-size:1.2rem;margin:0}.tile-visualizer__result-frame{border-radius:var(--tv-radius);overflow:hidden;background:#f3f3f3;margin-bottom:1.2rem;min-height:24rem}.tile-visualizer__result-img{width:100%;display:block;object-fit:contain;max-height:48rem}.tile-visualizer__result-img[hidden]{display:none!important}.tile-visualizer__toggle{display:flex;gap:.6rem;margin-bottom:1.4rem;background:#f3f3f3;border-radius:999px;padding:.4rem}.tile-visualizer__toggle-btn{flex:1;border:0;background:transparent;border-radius:999px;padding:.9rem;cursor:pointer;font-weight:600}.tile-visualizer__toggle-btn.is-active{background:#fff;box-shadow:0 1px 4px #00000014}.tile-visualizer__result-actions{display:grid;grid-template-columns:1fr;gap:.8rem}.tile-visualizer__outline{border:1px solid var(--tv-accent);color:var(--tv-accent);background:#fff;border-radius:999px;padding:1.1rem 1.6rem;cursor:pointer;font-weight:600}.tile-visualizer__error{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:.8rem;background:#fdecea;color:#b42318;font-size:1.3rem}.tile-visualizer__error[hidden],.tile-visualizer__loading[hidden],.tile-visualizer__result[hidden],.tile-visualizer__body[hidden]{display:none!important}body.tile-visualizer-open{overflow:hidden;padding-right:calc(var(--tv-body-padding-right, 0px) + var(--tv-scrollbar-width, 0px))}@media(prefers-reduced-motion:reduce){.tile-visualizer__modal,.tile-visualizer__backdrop,.tile-visualizer__dialog,.tile-visualizer__close{transition:none!important}}@media(max-width:749px){.tile-visualizer__surfaces{grid-template-columns:1fr}.tile-visualizer__dialog{padding:2rem 1.4rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tile-visualizer.css.map */