:root{--spring-timing:cubic-bezier(.175,.885,.32,1.275);--smooth-timing:cubic-bezier(.4,0,.2,1);--bounce-timing:cubic-bezier(.68,-.55,.265,1.55);--panel-bg:#fffffffa;--shadow-soft:0 4px 24px #0000001f;--shadow-strong:0 8px 32px #0000002e}@keyframes thumbnail-spin{to{transform:rotate(360deg)}}*{font-family:var(--font-montserrat),"Montserrat",sans-serif;box-sizing:border-box}body{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.radix-themes{--default-font-family:var(--font-montserrat),"Montserrat",sans-serif;font-family:var(--font-montserrat),"Montserrat",sans-serif}.montserrat-thin{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:100}.montserrat-extralight{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:200}.montserrat-light{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:300}.montserrat-regular{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}.montserrat-medium{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:500}.montserrat-semibold{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:600}.montserrat-bold{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:700}.montserrat-extrabold{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:800}.montserrat-black{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:900}.app-container{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.left-sidebar{z-index:20;flex-direction:row;gap:8px;padding:0;transition:all .3s;display:flex;position:fixed;top:12px;right:8px}.left-sidebar .action-btn{border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.main-canvas-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.canvas-container{background-color:#c8c8c8;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.right-panel{-webkit-backdrop-filter:blur(20px);z-index:15;will-change:transform;background-color:#ffffffd9;border-top:1px solid #fff9;border-radius:28px 28px 0 0;flex-direction:column;order:3;width:100%;height:70vh;max-height:70vh;transition:transform .5s cubic-bezier(.32,.72,0,1),box-shadow .5s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(calc(100% - 90px));box-shadow:0 -10px 40px #00000026,inset 0 0 0 1px #ffffff80}.right-panel.expanded{transform:translateY(0);box-shadow:0 -20px 50px #0003,inset 0 0 0 1px #ffffff80}.right-panel-handle{cursor:grab;background:#00000026;border-radius:10px;flex-shrink:0;width:48px;height:5px;margin:12px auto 8px;transition:all .2s;box-shadow:0 1px 2px #ffffff80}.right-panel-handle:active{background:linear-gradient(90deg,#a0a0a0,#b8b8b8,#a0a0a0);transform:scaleX(1.2)}.right-panel-tabs{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (min-width:768px){.app-container{flex-direction:row}.left-sidebar{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:10px;padding:10px;inset:50% auto auto 16px;transform:translateY(-50%);box-shadow:0 4px 20px #00000014}.left-sidebar .action-btn{width:44px;min-width:44px;height:44px;box-shadow:none}.right-panel{width:340px;height:100vh;max-height:none;box-shadow:none;border:none;border-left:1px solid #e5e5e5;border-radius:0;flex-shrink:0;transition:none;position:relative;inset:auto;transform:none}.right-panel.expanded{transform:none}.right-panel-handle{display:none}.canvas-container{margin-right:0}}@media (min-width:1024px){.left-sidebar{gap:12px;padding:12px;left:20px;right:auto}.main-canvas-area{order:1}.right-panel{background:#fff;border-left:1px solid #e5e5e5;border-right:none;order:2;width:400px}.canvas-container{margin-right:0}}@media (min-width:1440px){.right-panel{width:440px}.left-sidebar{left:24px;right:auto}.canvas-container{margin-right:0}}.product-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:14px;padding-bottom:20px;display:grid}.product-card{overflow:hidden;transition:transform .2s var(--smooth-timing),box-shadow .2s var(--smooth-timing)!important;border-radius:12px!important}.product-card:active{transform:scale(.98);box-shadow:0 2px 12px #3b82f633!important}@media (min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a!important}}@media (min-width:1024px){.product-grid{gap:18px}}.tab-trigger{white-space:nowrap;height:46px;transition:all .2s var(--smooth-timing);letter-spacing:.5px;border-radius:8px;flex:1;padding:0 6px;font-size:11px;font-weight:600}.tab-trigger[data-state=active]{background:#00000014}.tab-trigger:active{transform:scale(.95)}.right-panel .rt-TabsList{z-index:12;-webkit-backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #e5e5e599;flex-shrink:0;gap:6px;padding:10px 14px;position:sticky;top:0}@media (min-width:768px){.tab-trigger{height:44px;padding:0 8px;font-size:12px}.right-panel .rt-TabsList{padding:12px}}@media (min-width:1024px){.tab-trigger{padding:0 12px;font-size:13px}}@media (hover:none) and (pointer:coarse){button,.action-btn{min-width:44px;min-height:44px}.product-card{min-height:100px}}@media (max-height:500px) and (orientation:landscape) and (max-width:767px){.right-panel{height:75vh;max-height:75vh;transform:translateY(calc(100% - 70px))}.left-sidebar{flex-direction:row;gap:6px;top:12px;right:8px}.left-sidebar .action-btn{width:40px;min-width:40px;height:40px}}@supports (padding:max(0px)){.app-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.right-panel{padding-bottom:max(8px,env(safe-area-inset-bottom))}@media (max-width:767px){.left-sidebar{top:max(12px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.selection-toolbar{right:max(8px,env(safe-area-inset-right))}}}.loading-overlay{z-index:5;background-color:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-hint{color:#fff;z-index:10;background-color:#000000b3;border-radius:8px;padding:8px 16px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:767px){.drag-hint{padding:6px 12px;font-size:11px;bottom:80px}}.right-panel-tabs{scroll-behavior:smooth;overscroll-behavior:contain}.right-panel-tabs>div[data-state=active]{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;overflow-y:auto;display:flex!important}.product-grid-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.right-panel-tabs>div[data-state=active]{overflow-y:auto}.canvas-container{-webkit-user-select:none;user-select:none}.logo-img{width:auto;height:48px;display:block}.canvas-el{touch-action:none;outline:none;width:100%;height:100%;display:block}.selection-box-overlay{pointer-events:none;z-index:10;background-color:#007acc14;border:1.5px dashed #007acce6;display:none;position:absolute}.product-card{-webkit-tap-highlight-color:transparent}input:focus{outline-offset:-2px;border-color:#4c8bf5;outline:2px solid #4c8bf5}button:active,.action-btn:active{opacity:.85;transition:transform .1s,opacity .1s;transform:scale(.92)}html,body{overscroll-behavior:none}@media (max-width:767px){.right-panel-tabs::-webkit-scrollbar{width:0;height:0}.right-panel-tabs{scrollbar-width:none}.right-panel:not(.expanded) .right-panel-tabs{pointer-events:none;opacity:.6}.right-panel:not(.expanded){cursor:pointer}.right-panel:not(.expanded) .rt-TabsList{pointer-events:auto}}@media (max-width:400px){.tab-trigger{letter-spacing:.3px;padding:0 3px;font-size:10px;font-weight:700}.right-panel .rt-TabsList{gap:4px;padding:8px 10px}}.selection-toolbar{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000014}@media (max-width:767px){.selection-toolbar{border-radius:12px;flex-direction:column;gap:8px;max-width:none;padding:8px;top:50%;left:auto;right:8px;transform:translateY(-50%)}.selection-toolbar button:not(.free-rotate-toggle){width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}.selection-toolbar .free-rotate-toggle{width:auto!important;min-width:0!important;min-height:44px!important;padding:0 12px!important}.selection-toolbar .divider{width:32px!important;height:1px!important}}@media (max-width:400px){.selection-toolbar{gap:6px;padding:6px;right:6px}.selection-toolbar button:not(.free-rotate-toggle){width:40px!important;min-width:40px!important;height:40px!important}.selection-toolbar .free-rotate-toggle{padding:0 10px!important}.selection-toolbar .divider{width:28px!important}}canvas{touch-action:none;max-width:100%;max-height:100%}.material-picker-overlay{z-index:30;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.material-picker-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:80vh;padding:24px;overflow-y:auto}@media (max-width:767px){.material-picker-overlay{align-items:flex-end;padding:12px}.material-picker-content{border-radius:16px 16px 0 0;max-height:85vh;padding:20px 16px}}.material-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}@media (max-width:767px){.material-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}@media (max-width:400px){.material-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}}@supports (-webkit-touch-callout:none){.app-container{height:-webkit-fill-available}}@media (max-width:767px){.right-panel [class*=p-5]{padding:16px!important}.right-panel button{min-height:44px;font-size:14px}}@media (max-width:896px) and (orientation:landscape) and (max-width:767px){.right-panel{border-top:none;border-left:1px solid #e5e5e5;border-radius:0;width:45%;height:100vh;max-height:100vh;left:auto;right:0;transform:translate(100%)}.right-panel.expanded{transform:translate(0)}.left-sidebar{flex-direction:row;gap:8px;inset:12px 8px auto auto;transform:none}.canvas-container{margin-right:0}}@media (max-width:767px){.app-logo{top:12px!important;left:12px!important}.app-logo img{height:40px!important}}@media (max-width:400px){.app-logo{top:10px!important;left:10px!important}.app-logo img{height:36px!important}}@media (max-width:767px){.canvas-container,.left-sidebar,.selection-toolbar{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.right-panel-tabs,.product-grid-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.right-panel [role=switch]{min-width:44px;min-height:44px}.right-panel button[size="3"]{min-height:48px!important;padding:12px 16px!important}.right-panel .rt-Flex[gap="4"]>*{padding:12px 0}}@media (max-width:360px){.left-sidebar{gap:6px;right:6px}.left-sidebar .action-btn{width:40px;min-width:40px;height:40px}.selection-toolbar{gap:6px;padding:6px}.app-logo img{height:32px!important}}@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){.right-panel{width:360px}.left-sidebar{left:16px}}@media (max-width:767px){input,select,textarea{font-size:16px!important}}@media (prefers-contrast:high){.right-panel{border-color:#000}.product-card{border-width:2px}}@media (prefers-reduced-motion:reduce){.right-panel,.left-sidebar,.selection-toolbar,.action-btn,button{transition:none!important;animation:none!important}}.camera-dropdown{z-index:30;background:#fff;border:1px solid #e5e5e5;border-radius:8px;min-width:160px;position:absolute;overflow:hidden;box-shadow:0 4px 20px #00000026}@media (min-width:768px){.camera-dropdown{top:calc(100% + 8px);left:0}}@media (max-width:767px){.camera-dropdown{top:0;left:auto;right:calc(100% + 8px)}}@media (max-width:400px){.camera-dropdown{min-width:140px;right:calc(100% + 4px)}.camera-dropdown>div{padding:10px 12px!important;font-size:13px!important}}.controls-modal{z-index:40;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.controls-modal-content{color:#fff;background:#000;border-radius:16px 16px 0 0;width:100%;max-width:600px;max-height:70vh;padding:24px;overflow-y:auto}@media (min-width:768px){.controls-modal{align-items:center}.controls-modal-content{border-radius:16px;max-height:80vh}}@media (max-width:400px){.controls-modal-content{padding:20px 16px}}