.ai-floating-container{z-index:1000;pointer-events:none;align-items:center;display:flex;position:fixed;bottom:30px;right:30px}.ai-floating-pill{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(14px);white-space:nowrap;background:#0c0c0ea6;border:1px solid #ffffff1f;border-radius:32px;align-items:center;gap:12px;padding:8px 18px 8px 10px;transition:background .3s cubic-bezier(.25,.8,.25,1),border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 24px #00000040,0 0 #6366f100}.ai-floating-pill:hover{background:#ffffff1a;border-color:#6366f173;transform:translateY(-2px);box-shadow:0 8px 28px #6366f14d}.ai-floating-pill:active{transform:translateY(0)scale(.97)}.ai-pill-icon{background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;box-shadow:0 2px 10px #4f46e573}.ai-pill-icon-svg{color:#fff;z-index:2;position:relative}.ai-pill-pulse-ring{opacity:0;border:2px solid #6366f1;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite ai-pill-pulse;position:absolute;top:0;left:0}@keyframes ai-pill-pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.ai-pill-label{color:#fff;text-shadow:0 1px 4px #00000059;letter-spacing:.01em;font-size:14px;font-weight:500}@media (max-width:768px){.ai-floating-container{bottom:20px;right:16px}.ai-floating-pill{gap:10px;padding:7px 14px 7px 8px}.ai-pill-icon{width:32px;height:32px}.ai-pill-label{font-size:13px}}
.pro-header{z-index:100;border-bottom:1px solid var(--pro-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c0e80;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.logo-text{color:#fff;margin-left:.5rem;font-size:1.875rem;font-weight:700;line-height:1}.pro-nav{align-items:center;gap:2.5rem;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-link{color:var(--pro-text-muted);cursor:pointer;align-items:center;height:100%;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover,.nav-link.active{color:#fff}.pro-status{align-items:center;gap:.75rem;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98180}.pro-toggle-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-self:center;gap:.25rem;height:fit-content;margin:0 .5rem;padding:.25rem;display:flex}.pro-toggle-option{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.pro-toggle-option:hover{color:#fff;background:#ffffff0d}.pro-toggle-option.active{color:#fff;background:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}@media (max-width:768px){.pro-header{z-index:4000;justify-content:space-between;padding:.75rem 1rem}.desktop-only{display:none!important}.header-logo-container,.header-actions-container{flex:0 auto}.logo-text{font-size:1.5rem}.close-btn{width:36px;height:36px}}
.pro-sidebar{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-left:1px solid var(--pro-glass-border);z-index:50;background:#0c0c0ed9;flex-direction:column;flex-shrink:0;width:420px;padding:2rem;display:flex;overflow-x:hidden}.sidebar-header{cursor:pointer;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:2rem;padding-top:15px;display:flex}.mobile-handle{background:#ffffff40;border-radius:3px;width:45px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sidebar-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.sidebar-count{color:var(--pro-text-muted);background:#ffffff14;border-radius:8px;align-items:center;margin-top:2px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1;display:flex}.sidebar-quota-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;margin-top:2px;margin-left:auto;padding:.25rem .65rem;font-size:.72rem;font-weight:600;line-height:1;transition:background .3s,color .3s;display:flex}.sidebar-controls-row{border-bottom:1px solid var(--pro-glass-border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.category-tabs{gap:1.5rem;margin-bottom:0;padding-bottom:4px;display:flex;position:relative}.tab-btn{color:var(--pro-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem .75rem;font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.tab-btn:hover,.tab-btn.active{color:#fff;font-weight:700}.tab-underline{background:var(--pro-accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.product-dropdown-container{gap:8px;margin-bottom:4px;display:flex;position:relative}.sv-pro-dropdown-menu{border:1px solid var(--pro-glass-border);z-index:100;background:#18181b;border-radius:12px;width:240px;max-height:300px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.sv-pro-dropdown-item{text-align:left;width:100%;color:var(--pro-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;transition:all .2s;display:block}.sv-pro-dropdown-item:hover,.sv-pro-dropdown-item.active{color:#fff;background:#ffffff0d}.filter-icon-btn{width:38px;height:38px;color:var(--pro-text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.filter-icon-btn:hover,.filter-icon-btn.open{color:var(--pro-accent);border-color:var(--pro-accent);background:#ffffff1a}.filter-icon-btn.shuffle-btn{color:var(--pro-text-muted)}.filter-icon-btn.shuffle-btn:hover{color:var(--pro-accent);background:#6366f11a}.material-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:1rem;padding-right:.5rem;display:grid;overflow-y:auto}.material-card{cursor:pointer;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s;display:flex}.material-thumb-wrapper{border:1px solid #0000;border-radius:50%;width:80px;height:80px;padding:3px;transition:all .3s;position:relative}.material-card.active .material-thumb-wrapper{background:var(--pro-accent-gradient)}.material-thumb{object-fit:cover;border:2px solid var(--pro-bg);border-radius:50%;width:100%;height:100%}.material-name{color:var(--pro-text-muted);text-align:center;font-size:.75rem;font-weight:500}.material-card.active .material-name{color:#fff}.empty-state-container{text-align:center;opacity:.5;flex-direction:column;grid-column:span 3;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-icon{color:var(--pro-text-muted);margin-bottom:1rem}.empty-text{color:var(--pro-text-muted);font-size:.85rem}.sidebar-footer{border-top:1px solid var(--pro-glass-border);margin-top:2rem;padding-top:2rem}.slider-group{margin-bottom:1.5rem}.slider-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.slider-label{color:var(--pro-text-muted);font-size:.85rem;font-weight:600}.slider-value{color:#fff;font-size:.85rem;font-weight:700}input[type=range]{width:100%;accent-color:var(--pro-accent);background:var(--pro-glass-border);border-radius:2px;height:4px}.randomize-container{padding:1.5rem 2rem 0}.randomize-btn{color:#fff;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.randomize-btn:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.randomize-btn svg{color:var(--pro-accent)}.pro-dimensions-panel{background:var(--pro-bg);border:1px solid var(--pro-glass-border);border-radius:12px;margin-top:1rem;padding:1.5rem}.dimensions-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.95rem;font-weight:700;display:flex}.dimensions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.pro-input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;display:block}.pro-input{border:1px solid var(--pro-glass-border);color:#fff;background:#ffffff08;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.pro-input::placeholder{color:#fff3}.pro-input:focus{border-color:var(--pro-accent);background:#ffffff0d;box-shadow:0 0 0 2px #6366f133}.dimensions-hint{color:var(--pro-text-muted);margin-top:1rem;font-size:.75rem}.sv-sidebar-metrics-container{background-color:#312e814d;border:1px solid #6366f14d;border-radius:8px;margin-top:12px;padding:12px}.sv-sidebar-metrics-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sv-sidebar-metrics-label{color:#c7d2fe;font-size:12px}.sv-sidebar-metrics-value{color:#fff;font-size:14px;font-weight:700}.sv-sidebar-metrics-value.highlight{color:#facc15}.sv-sidebar-metrics-note{color:#9ca3af;margin-top:4px;font-size:10px;font-style:italic;line-height:1.25}@media (max-width:768px){.pro-sidebar{border-left:none;border-top:1px solid var(--pro-glass-border);z-index:3000;background:#0c0c0efa;border-radius:20px 20px 0 0;width:100vw;height:auto;max-height:75px;padding:.75rem 1rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),background .3s;position:fixed;bottom:0;left:0;overflow:visible;box-shadow:0 -10px 40px #000c}.pro-sidebar.is-expanded{background:#0c0c0e;max-height:calc(100vh - 85px)}.pro-sidebar:not(.is-expanded) .material-grid,.pro-sidebar:not(.is-expanded) .sidebar-controls-row,.pro-sidebar:not(.is-expanded) .sidebar-footer,.pro-sidebar:not(.is-expanded) .randomize-container{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.pro-sidebar.is-expanded .material-grid,.pro-sidebar.is-expanded .sidebar-controls-row,.pro-sidebar.is-expanded .sidebar-footer,.pro-sidebar.is-expanded .randomize-container{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s .1s}.sidebar-header{border-bottom:1px solid #0000;margin-bottom:0;padding:10px 0;position:relative}.pro-sidebar.is-expanded .sidebar-header{border-bottom-color:var(--pro-glass-border);padding-bottom:1.5rem}.sidebar-header{gap:20px;padding:25px 0 10px 10px}.sidebar-title{font-size:1.1rem}.material-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:.75rem;max-height:40vh;padding-right:0;overflow-y:auto}.material-thumb-wrapper{width:70px;height:70px}.sv-pro-dropdown-menu{z-index:9999;background:#111113;border:1px solid #fff3;border-radius:16px;width:calc(100vw - 2rem);min-width:280px;max-width:calc(100vw - 2rem);max-height:50vh;margin-top:.5rem;padding:8px;animation:.25s cubic-bezier(.4,0,.2,1) dropdownSlide;position:absolute;top:100%;left:auto;right:0;overflow-y:auto;box-shadow:0 10px 40px #000000e6;visibility:visible!important;opacity:1!important;display:block!important}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sv-pro-dropdown-item{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff14;align-items:center;width:100%;padding:14px 18px;font-size:.95rem;display:flex;overflow:hidden}.sv-pro-dropdown-item:last-child{border-bottom:none}.sidebar-controls-row{border-bottom:1px solid var(--pro-glass-border);justify-content:space-between;align-items:center;width:100%;margin-top:1rem;margin-bottom:1rem;padding-bottom:12px;display:flex;overflow:visible}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:.8rem;overflow-x:auto}.tab-btn{white-space:nowrap;padding:.25rem .25rem .5rem;font-size:.75rem}.sidebar-footer{margin-top:0;padding-top:0;display:block}.randomize-container{margin-top:1rem;margin-bottom:1rem;padding:0;display:block}}
.smart-buttons-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0e66;border:1px solid #ffffff14;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:8px;max-width:50vw;margin:0 auto;padding:6px 10px;display:flex;position:relative;overflow:hidden}.smart-label{text-transform:uppercase;color:#fff6;letter-spacing:.5px;margin-right:4px;font-size:11px;font-weight:600}.smart-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #0000004d,inset 0 1px 1px #ffffff1a}.smart-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 100%);border-color:#fff6;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #0006,0 0 15px #ffffff1a}.smart-btn:active:not(:disabled){transform:translateY(-1px)scale(.98)}.smart-btn:disabled{opacity:.2;cursor:not-allowed;color:#ffffff4d;background:#ffffff05;border-color:#ffffff0d}.smart-btn.primary{color:#e0e7ff;background:linear-gradient(135deg,#6366f14d 0%,#6366f11a 100%);border-color:#6366f166;box-shadow:0 4px 15px #4f46e533,inset 0 1px 1px #ffffff0d}.smart-btn.primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f166 0%,#6366f133 100%);border-color:#6366f199;box-shadow:0 10px 30px #4f46e566,0 0 20px #6366f133}.smart-btn.icon-only{padding:8px}.divider-vertical{background:#ffffff1a;width:1px;height:16px;margin:0 4px}.relative-menu-container{display:inline-block;position:relative}.walls-popup-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;transform-origin:0 100%;background:#0f172af2;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;min-width:160px;padding:4px;display:flex;position:absolute;bottom:115%;left:0;box-shadow:0 10px 25px #0006}.wall-menu-item{text-align:left;color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.wall-menu-item:hover{color:#fff;background:#ffffff1a}.wall-menu-item svg{opacity:.7}.transition-transform{transition:transform .2s}.smart-btn.sandbox-btn{color:#ede9fe;background:linear-gradient(135deg,#8b5cf640 0%,#8b5cf61a 100%);border-color:#8b5cf666;font-weight:600;box-shadow:0 4px 15px #8b5cf633,inset 0 1px 1px #ffffff1a}.smart-btn.sandbox-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#8b5cf659 0%,#8b5cf633 100%);border-color:#8b5cf699;box-shadow:0 10px 30px #8b5cf666,0 0 15px #8b5cf633}.smart-nav-arrow{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.smart-nav-arrow:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40;transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.smart-nav-arrow:active:not(:disabled){transform:scale(.95)}.smart-nav-arrow:disabled{opacity:.2;cursor:not-allowed;filter:grayscale()}.smart-nav-prev{margin-right:4px}.smart-nav-next{margin-left:4px}@media (max-width:768px){.smart-buttons-container{scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;gap:4px;width:100%;max-width:95vw;padding:8px;display:flex;position:relative;overflow:auto visible}.smart-buttons-container::-webkit-scrollbar{display:none}.smart-label{display:none}.smart-btn{flex-shrink:0;padding:5px 10px;font-size:12px}.walls-popup-menu{z-index:5000;background:#0f172afa;border-radius:12px;min-width:160px;bottom:115%;left:0;transform:none;box-shadow:0 10px 40px #000000b3}.smart-nav-arrow{width:32px;height:32px}.smart-buttons-container>*{flex-shrink:0}}
.main-action-menu{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:16px;flex-wrap:nowrap;align-items:center;width:auto;min-width:max-content;max-width:90vw;display:flex;position:absolute;bottom:2.5rem;left:50%;overflow:visible;box-shadow:0 12px 40px #0000004d}.menu-content-wrapper{align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;display:flex}.action-btn span,.pro-toggle-option span{white-space:nowrap}.menu-divider{background-color:#ffffff1a;width:1px;height:20px;margin:0 .25rem}.history-group{align-items:center;gap:.5rem;display:flex}.action-btn{color:#fff;cursor:pointer;background:#0c0c0e66;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.action-btn.icon-only{border-radius:50%;padding:.6rem}.action-btn.disabled{opacity:.3;cursor:not-allowed}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:10px;flex-direction:row;margin-left:.5rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.pro-toggle-group{background:#0003;border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.pro-toggle-option{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.pro-toggle-option:hover{color:#e2e8f0}.pro-toggle-option.active{color:#fff;background:#ffffff1a;box-shadow:0 1px 2px #0000001a}.brush-controls{border-left:1px solid #ffffff1a;align-items:center;gap:.75rem;padding-left:.75rem;display:flex}.wa-share-btn{background:#25d36626!important;border:1px solid #25d36659!important}.wa-share-btn:hover:not(:disabled){transform:scale(1.08);background:#25d36647!important;border-color:#25d36699!important}.wa-share-locked{opacity:.3;cursor:not-allowed;filter:grayscale()}@media (max-width:768px){.main-action-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch;z-index:2500;background:#0f172af2;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;gap:1rem;width:auto;max-width:90%;position:absolute;bottom:7rem;left:50%;overflow-x:visible;box-shadow:0 8px 32px #00000080;transform:translate(-50%)!important}.menu-content-wrapper{justify-content:center;gap:.25rem;padding:.4rem .6rem}.magic-btn{color:#a5b4fc!important;background:#6366f133!important;border:1px solid #6366f166!important}.back-btn{background:#ffffff0d!important;border:1px solid #ffffff1a!important}.menu-divider{height:16px;margin:0 .2rem;display:block}.history-group{gap:.5rem}}
.upload-dashboard{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.upload-dropzone{cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:500px;padding:3rem 4rem;transition:all .3s;display:flex}.upload-dropzone:hover{background:#ffffff0a;border-color:#6366f180}.upload-dropzone.dragging{background:#6366f11a;border-color:#6366f1;transform:scale(1.02)}.upload-icon-wrapper{background:linear-gradient(135deg,#6366f133,#9333ea33);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex}.upload-icon{color:#6366f1}.upload-title{color:#fff;text-align:center;margin:0;font-size:1.75rem;font-weight:600}.upload-description{color:var(--pro-text-muted);text-align:center;max-width:320px;margin:0;font-size:1rem;line-height:1.6}.upload-formats{gap:.75rem;margin:.5rem 0;display:flex}.format-badge{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem .9rem;font-size:.75rem;font-weight:600}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:12px;margin-top:.5rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.upload-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem}.upload-validating{color:#6366f1;text-align:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.validation-spinner{border:2px solid #6366f14d;border-top-color:#6366f1;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.upload-success{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem}.sv-privacy-box{z-index:1000;-webkit-backdrop-filter:blur(24px);text-align:center;background:#0a0a0cfa;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1.25rem;width:320px;padding:1.5rem;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px #000000e6}.sv-privacy-content{flex-direction:column;gap:.5rem;display:flex}.sv-privacy-title{text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:600;display:flex;color:#fff!important}.sv-privacy-title span{color:#fff!important}.sv-privacy-text{color:#ffffff80;margin:0;font-size:14px;line-height:1.5}.sv-privacy-actions{gap:.75rem;display:flex}.sv-btn-primary,.sv-btn-secondary{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.sv-btn-primary{color:#fff;background:#4f46e5}.sv-btn-primary:hover{background:#4338ca}.sv-btn-secondary{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a}.upload-validating-status{color:var(--pro-accent);background:#6366f126;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:12px;margin-top:1rem;padding:1rem 2.5rem;font-weight:600;display:flex;box-shadow:0 0 20px #6366f11a}.validation-spinner-small{border:3px solid #6366f133;border-top-color:var(--pro-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.upload-error-container{text-align:center;background:#ef44440d;border:1px solid #ef444433;border-radius:20px;flex-direction:column;align-items:center;gap:1.25rem;margin-top:1.5rem;padding:2rem;animation:.3s ease-out fadeIn;display:flex}.upload-error-msg{color:#ef4444;max-width:350px;font-size:.95rem;font-weight:500;line-height:1.5}.upload-retry-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.upload-retry-btn:hover{background:#ffffff26;transform:translateY(-1px)}.upload-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:10px;margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}@media (max-width:768px){.upload-dashboard{padding:1rem}.upload-dropzone{border-radius:16px;gap:1rem;padding:2rem 1.5rem}.upload-title{font-size:1.4rem}.upload-description{font-size:.9rem}.sv-privacy-box{width:90vw;padding:1.25rem}.sv-privacy-text{font-size:13px}}
.material-preview-container{z-index:40;flex-direction:row;align-items:center;display:flex;position:absolute;bottom:120px;right:420px}.material-preview-container .preview-tab{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--pro-glass-border);cursor:pointer;width:28px;height:72px;color:var(--pro-text-muted);z-index:2;background:#0c0c0efa;border-right:none;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.material-preview-container .preview-tab:hover{color:#fff;background:#282832fa;width:32px}.material-preview-container .preview-panel{-webkit-backdrop-filter:blur(32px);border:1px solid var(--pro-glass-border);z-index:1;background:#0c0c0ef2;border-right:none;border-radius:12px 0 0 12px;flex-shrink:0;width:280px;position:relative;overflow:hidden}.preview-body{padding:20px}.preview-img-container{aspect-ratio:1;background:#000;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:16px;overflow:hidden}.preview-img{object-fit:contain;width:100%;height:100%}.preview-info{flex-direction:column;gap:8px;display:flex}.preview-sku{color:var(--pro-accent);font-size:.8rem;font-weight:800}.preview-name{color:#fff;font-size:1rem;font-weight:600;line-height:1.4}.sv-pro-dropdown-menu{z-index:2000;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#121214fa;border:1px solid #ffffff26;border-radius:14px;width:calc(420px - 4rem);max-height:480px;padding:.75rem;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.sv-pro-dropdown-item{color:var(--pro-text-muted);cursor:pointer;text-align:left;white-space:normal;background:0 0;border:none;border-radius:10px;width:100%;padding:.85rem 1.25rem;font-size:.95rem;line-height:1.5;transition:all .2s}.sv-pro-dropdown-item:hover{color:#fff;background:#ffffff0d}.sv-pro-dropdown-item.active{color:var(--pro-accent);background:#6366f126;font-weight:600}.preview-category-pill{text-transform:uppercase;letter-spacing:.1em;color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;width:fit-content;margin-bottom:.5rem;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}
:root{--pro-bg:#0c0c0e;--pro-glass:#ffffff08;--pro-glass-border:#ffffff14;--pro-accent:#6366f1;--pro-accent-gradient:linear-gradient(135deg, #4f46e5, #9333ea);--pro-text:#f4f4f5;--pro-text-muted:#a1a1aa}.space-visualizer-pro{background-color:var(--pro-bg);width:100vw;height:100vh;color:var(--pro-text);flex-direction:column;font-family:Outfit,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--pro-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--pro-glass-border);border-radius:16px}.pro-workspace{flex:1;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.canvas-area{background:radial-gradient(circle,#18181b 0%,#0c0c0e 100%);flex:auto;justify-content:center;align-items:center;min-width:0;max-width:calc(100vw - 420px);min-height:0;display:flex;position:relative;overflow:hidden}.canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-area canvas{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 20px 60px #00000080}.canvas-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0c0c0eb3;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.pro-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.pro-btn.secondary{color:#a1a1aa;background:#ffffff0d}.pro-btn.secondary:hover{color:#fff;background:#ffffff1a}.pro-btn.primary{color:#fff;background:#4f46e5;align-items:center;gap:.5rem;display:flex;box-shadow:0 10px 15px -3px #4f46e51a,0 4px 6px -2px #4f46e50d}.pro-btn.primary:hover{background:#4338ca}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.is-perspective-mode .canvas-container{cursor:crosshair!important}.perspective-hint{color:#fff;z-index:100;pointer-events:none;background:#000c;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.spinner-pro{border:3px solid #ffffff1a;border-top:3px solid var(--pro-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.sv-pro-loading-text{letter-spacing:.025em;color:#f4f4f5;margin-top:0;font-size:.875rem;font-weight:500}.mobile-only{display:none!important}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.pro-workspace{flex-direction:column;height:calc(100vh - 120px);overflow-y:auto}.canvas-area{border-bottom:1px solid var(--pro-glass-border);flex-direction:column;flex:auto;width:100vw;max-width:100vw;height:auto;min-height:0;padding-bottom:0;display:flex}.canvas-area .canvas-wrapper{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.canvas-area .upload-dashboard{min-height:100%;padding:1.5rem 1rem}.canvas-area .upload-dropzone{width:100%;max-width:100%;padding:2.5rem 1.5rem}.mobile-subheader{border-bottom:1px solid var(--pro-glass-border);background:#0c0c0e;justify-content:center;align-items:center;padding:.5rem 1rem}.sub-nav-links{gap:1.5rem;display:flex}.sub-nav-link{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.8rem;font-weight:500;position:relative}.sub-nav-link.active{color:#fff}.sub-nav-link.active:after{content:"";background:var(--pro-accent);height:2px;position:absolute;bottom:-.5rem;left:0;right:0}.material-preview-container{display:none!important}}.sv-capacity-alert-popup{z-index:1000;-webkit-backdrop-filter:blur(24px);text-align:center;pointer-events:all;background:#0a0a0cfa;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1.25rem;width:320px;padding:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px #000000e6}.sv-privacy-content{flex-direction:column;gap:.5rem;display:flex}.sv-privacy-title{text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:600;display:flex;color:#fff!important}.sv-privacy-text{color:#ffffff80;text-align:center;margin:0;font-size:14px;line-height:1.5}.sv-privacy-actions{gap:.75rem;display:flex}.sv-btn-primary,.sv-btn-secondary{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.sv-btn-primary{color:#fff;background:#4f46e5}.sv-btn-primary:hover:not(:disabled){background:#4338ca}.sv-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sv-btn-secondary{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a}@media (max-width:768px){.sv-capacity-alert-popup{width:90vw;padding:1.25rem;top:50%;left:50%}}