:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.Mazing-Art-Gallery{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.product-gallery{width:100%;height:100%}.ar-button{right:0;font-weight:700;position:sticky;margin-left:auto;margin-right:auto;bottom:32px;border-radius:12px;font-family:Montserrat,sans-serif;font-size:.7rem;width:fit-content;display:flex;align-items:center;z-index:1000;background:#e7edf1;border:0;padding:10px 16px 10px 10px}.ar-button:active:focus{border-color:#7e7e7e;transform:translateY(+1px)}.pulse-button{box-shadow:0 0 #445583;cursor:pointer;-webkit-animation:pulse 2.25s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulse 2.25s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulse 2.25s infinite cubic-bezier(.66,0,0,1);animation:pulse 2.25s infinite cubic-bezier(.66,0,0,1)}.pulse-button:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}@keyframes pulse{0%{box-shadow:0 0 #e7edf166}to{box-shadow:0 0 7px 27px #e7edf100}}.ar-btn-icon{width:28px;height:auto;margin-right:4%;filter:brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(107%) hue-rotate(181deg) brightness(88%) contrast(86%)}.ar-btn-txt{font-family:Montserrat,sans-serif;font-size:1.1rem;text-align:center;width:fit-content;margin-right:4%;text-wrap:nowrap;color:#666769;font-weight:400;margin-top:0;margin-bottom:0}.Mazing-Interface{position:absolute;padding:14px;top:0;right:0;width:370px;height:480px;margin:14px;color:#fff;border-radius:14px;background-color:#3a3a3a;display:flex;flex-direction:column;gap:24px;z-index:99999;overflow:hidden;transition:height .4s ease-in-out;overflow-y:scroll}.Mazing-Interface.minimized{height:30px;gap:0;overflow:hidden;display:flex;align-items:center}.menu-toggle{position:absolute;top:5px;right:5px;cursor:pointer;padding:8px;border-radius:5px;display:flex;align-items:center;transition:background .3s ease-in-out,transform .3s ease-in-out}.background-input,.image-input{display:flex;flex-direction:column}.input-div{display:flex;justify-content:space-between;gap:14px}.input-div input{width:100%}.input-div span{cursor:pointer}.image-size-inputs,.background-size-inputs{display:flex;gap:10px;margin-bottom:10px}.image-size-inputs label,.background-size-inputs label{display:flex;flex-direction:column;font-size:14px;font-weight:700}.image-size-inputs input,.background-size-inputs input{width:60px;padding:5px;font-size:14px;text-align:center}.active-images,.active-background{display:flex;flex-wrap:wrap;gap:8px;background:#0000321a;border:3px dotted #007BFF;border-radius:10px;padding:8px;margin-top:10px;min-height:50px;transition:background .3s ease-in-out,border-color .3s ease-in-out}.active-images>img{border-radius:10px}.drop-placeholder{font-size:14px;color:#007bff;text-align:center;opacity:.7}.delete-box{margin-top:10px}.delete-box>div{width:fit-content;border:solid 1px white;padding:10px;border-radius:8px}.export-button{background:#f60;color:#fff;border:none;padding:10px;font-size:14px;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out;width:100%}.export-button:hover{background:#f40}.loading-spinner{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.loading-spinner:after{content:"";width:30px;height:30px;border:4px solid #007BFF;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frame-color-input{display:flex;flex-direction:column;align-items:flex-start}.frame-color-input label{font-size:14px;font-weight:700;margin-bottom:5px;color:#333}.frame-color-input select{width:100%;padding:8px 12px;font-size:14px;border:2px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.frame-color-input select:focus{border-color:#007bff;background-color:#f8f9fa;outline:none}.frame-color-input select:hover{border-color:#555}.frame-color-input option{background:#fff;color:#000;font-size:14px}