#see-in-room-modal,#see-in-room-modal *,#pyodide-status{font-family:Inter,sans-serif!important}#result-canvas{cursor:grab;transition:opacity .2s ease-in-out}#pyodide-status{transition:opacity .5s ease-in-out}.rotate-handle{position:absolute;width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:50%;background:#ff9f19ec;color:#fff;border:3px solid rgba(255,255,255,.18);cursor:grab;z-index:2200;transition:background .14s ease,transform 80ms linear,opacity .14s ease;will-change:transform,opacity;left:auto;top:50%;transform:translate(-50%,-50%);opacity:.82;touch-action:none;-webkit-user-select:none;user-select:none}.rotate-handle.visible{display:flex}.rotate-handle:hover{opacity:1;background:#ffa526eb;transform:translate(-50%,-50%) scale(1.05)}.rotate-handle.dragging,.rotate-handle:active{cursor:grabbing;opacity:1;background:#ffa526cc;transform:translate(-50%,-50%) scale(.97);transition:none}.rotate-handle .icon{width:20px;height:20px;color:currentColor}.rotate-handle:focus-visible{outline:none;border-color:#f97316e6;box-shadow:0 0 0 3px #f973162e}.rug-size-note{position:absolute;left:12px;bottom:8px;z-index:2100;color:#fff9;font-size:12px;font-weight:500;pointer-events:none;opacity:.9}.custom-file-input{display:block;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s;text-align:center}.custom-file-input:hover{background-color:#f3f4f6}.custom-file-input input[type=file]{display:none}#see-in-room-modal{padding:1rem;overflow-y:auto}#message-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1500;display:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#0f0f0f42;pointer-events:none;opacity:1;transition:opacity .2s ease}#message-area img,#message-area .visualizer-loading-gif{width:min(34vw,140px);height:min(34vw,140px);object-fit:contain;display:block}#message-area p,#message-area .visualizer-loading-label{margin:0;padding:0 16px;text-align:center;font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.see-in-room-btn{display:inline-block;width:100%;margin-top:.5rem;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #e5e7eb;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease,background .12s ease;color:#3b0764;background:#fff;box-shadow:0 2px 4px #0000000d}.see-in-room-btn:active:not(:disabled){transform:translateY(1px)}.see-in-room-btn:disabled{opacity:.65!important;cursor:not-allowed!important;filter:grayscale(100%);background:#f1f5f9!important;color:#94a3b8!important;border-color:#cbd5e1!important;box-shadow:none!important;pointer-events:none!important}.see-in-room-btn:hover:not(:disabled){background:#f8fafc;box-shadow:0 4px 10px #00000014}@media(min-width:768px){.see-in-room-btn:hover:not(:disabled),.see-in-room-btn:focus-visible{background:linear-gradient(90deg,#f8fafc,#f3e8ff 80%,#ede9fe);color:#5a338e;border-color:#d8b4fe;box-shadow:0 8px 22px #a855f738;transform:translateY(-1.5px) scale(1.02)}}#result-canvas{max-width:100%;height:auto;display:block}@media(hover:none)and (pointer:coarse){.see-in-room-btn:hover:not(:disabled),.see-in-room-btn:focus-visible{background:#3b0764!important;color:#fff!important;border-color:#3b0764!important;box-shadow:0 4px 16px #3b07642e}#see-in-room-modal{padding:0!important}#visualizer-modal-content{width:100vw!important;height:100svh!important;max-width:100vw!important;max-height:100svh!important;border-radius:0!important;padding:0!important}#see-in-room-modal>#visualizer-modal-content>.flex>.flex-shrink-0{display:none!important}#see-in-room-modal>#visualizer-modal-content>.flex{gap:0!important}#result-canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}#see-in-room-modal .flex.justify-between{position:absolute;top:12px;right:12px;left:12px;z-index:2000;background:transparent!important;border:none!important;padding:0!important}#see-in-room-modal button[aria-label="Close visualizer"]{width:44px;height:44px;background:#0009;border-radius:999px;display:flex;align-items:center;justify-content:center}#see-in-room-modal button[aria-label="Close visualizer"] svg{width:26px;height:26px;color:#fff}#see-in-room-modal .mt-4.pt-3{display:none!important}}.visualizer-demo-wrap{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:none;align-items:center;justify-content:center;z-index:1000;pointer-events:none;opacity:0;transition:opacity .22s ease}.visualizer-demo-wrap.visible{display:flex;opacity:1}.visualizer-demo-glow{position:absolute;width:100%;height:100%;border-radius:12px;filter:blur(14px);background:radial-gradient(circle at center,#fffffff2,#ffffff4d 30%,#fff0 70%);opacity:.6;transform:translateZ(0)}.visualizer-demo{position:relative;width:auto;height:auto;max-width:160px;max-height:160px;object-fit:contain;border-radius:8px;box-shadow:0 6px 20px #00000059;background:transparent}.visualizer-demo{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;background:transparent!important}.visualizer-demo,.visualizer-demo-glow{opacity:.6}.visualizer-demo-caption{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1100;color:#fff;text-align:center;font-weight:700;font-size:13px;line-height:1;padding:6px 10px;border-radius:8px;text-shadow:0 3px 10px rgba(0,0,0,.6);background:#00000059;pointer-events:none;display:none}.visualizer-demo-wrap.show-caption .visualizer-demo-caption{display:block}.visualizer-demo-subcaption{position:absolute;top:calc(100% + 40px);left:50%;transform:translate(-50%);z-index:1100;color:#fff;text-align:center;font-weight:600;font-size:12px;line-height:1;padding:5px 10px;border-radius:8px;text-shadow:0 3px 8px rgba(0,0,0,.55);background:#00000052;pointer-events:none;display:none}.visualizer-demo-wrap.show-caption .visualizer-demo-subcaption{display:block}@media(hover:none)and (pointer:coarse){.visualizer-demo-wrap{display:flex!important;opacity:1!important;z-index:2500!important}.rotate-handle{width:2rem!important;height:2rem!important;border-width:.125rem!important}.rotate-handle .icon{width:1rem!important;height:1rem!important}}.visualizer-demo-wrap.hidden-by-tap{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-out!important}@media(prefers-reduced-motion:reduce){.visualizer-demo-wrap{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/see_in_my_room.css.map */