.wrapper{max-width:1200px;margin:auto}h1{text-align:center;margin-bottom:30px;font-size:38px}.preview-box{position:relative;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.main-room{width:100%;height:650px;object-fit:cover;display:block}.photo-frame{position:absolute;top:18%;left:34%;width:32%;height:42%;border:10px solid #111;background:#ddd;z-index:5;overflow:visible}.frame-inner{position:relative;width:100%;height:100%;overflow:visible}.crop-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;overflow:visible;z-index:10}.image-wrapper.editing{border:2px dashed #00a2ff}.image-wrapper.editing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014;pointer-events:none}.frame-photo{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;display:none}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#333;text-align:center;cursor:pointer;z-index:2}.placeholder h2{font-size:28px;margin-bottom:10px}.frame-actions{position:absolute;top:-50px;right:-10px;display:flex;gap:10px;z-index:999999}.action-btn{width:30px;height:30px;border:none;border-radius:50%;color:#fff;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000040}.resize-btn{background:#007aff}.done-btn{background:#111}.delete-btn{background:#ff3b30}.resize-layer{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;z-index:99999;pointer-events:none;display:none}.resize-layer.active{display:block}.resize-point{position:absolute;width:18px;height:18px;background:#fff;border:3px solid #00a2ff;border-radius:50%;pointer-events:auto}.top-left{top:0;left:0;cursor:nwse-resize}.top-right{top:0;right:0;cursor:nesw-resize}.bottom-left{bottom:0;left:0;cursor:nesw-resize}.bottom-right{bottom:0;right:0;cursor:nwse-resize}.room-slider{margin-top:25px;display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.room-thumb{width:180px;height:120px;object-fit:cover;border-radius:14px;cursor:pointer;flex-shrink:0;transition:.3s;border:4px solid transparent}.room-thumb:hover{transform:scale(1.05)}.room-thumb.active{border-color:#007aff}.popup{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:2147483647!important}.popup-content{width:90%;max-width:1300px;background:#fff;border-radius:20px;overflow:hidden;display:flex;position:relative}.popup-left{width:40%;padding:30px;border-right:1px solid #eee}.popup-right{width:60%;padding:30px}.upload-btn{background:#000;color:#fff;padding:14px 20px;border-radius:10px;display:inline-block;cursor:pointer;margin-top:20px}input[type=file]{display:none}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.gallery img{width:100%;height:120px;object-fit:cover;border-radius:12px;cursor:pointer;transition:.3s}.gallery img:hover{transform:scale(1.05)}.close-popup{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#000;color:#fff;cursor:pointer;z-index:10}.photo-frame{cursor:grab}.photo-frame.dragging{cursor:grabbing}.popup{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000bf!important;display:none;justify-content:center;align-items:center;z-index:999999999!important}.popup-content{position:relative!important;z-index:999999999!important;background:#fff;width:90%;max-width:1200px;border-radius:20px;overflow:auto;isolation:isolate}.shopify-section,.product__info-wrapper,.product-form,.product__media-wrapper,.flickity-viewport,.product-template,.page-width{z-index:1!important}button#moveBtn{background:#ca8f21;width:30px;height:30px;border-radius:50%;color:#fff}@media(max-width:768px){.main-room{height:420px}.photo-frame{width:42%;height:32%;left:29%;top:22%}.popup-content{flex-direction:column}.popup-left,.popup-right{width:100%}.gallery{grid-template-columns:repeat(2,1fr)}.room-thumb{width:140px;height:95px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/frame.css.map */