@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--bg-color:#0a0a0f;--panel-bg:#14141e99;--panel-border:#ffffff14;--text-main:#f0f0f5;--text-muted:#8b8b9c;--accent:#00f2fe;--accent-hover:#4facfe;--danger:#ff4d4f;--danger-hover:#ff7875;--shadow-glow:0 0 20px #00f2fe26}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#00f2fe0d,#0000 25%),radial-gradient(circle at 85% 30%,#4facfe0d,#0000 25%);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:var(--accent);text-decoration:none;transition:all .2s}a:hover{color:var(--accent-hover);text-shadow:0 0 8px #00f2fe66}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.premium-select,.premium-input{color:var(--text-main);border:1px solid var(--panel-border);background:#00000080;border-radius:8px;outline:none;width:134px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.premium-select:focus,.premium-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00f2fe33}.premium-btn{color:var(--text-main);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.premium-btn:hover:not(:disabled){border-color:var(--text-main);background:#ffffff0d}.premium-btn.accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#000;box-shadow:var(--shadow-glow);border:none}.premium-btn.accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 25px #00f2fe66}.premium-btn.danger{background:var(--danger);color:#fff;border:none}.premium-btn.danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 0 20px #ff4d4f4d}.premium-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.premium-checkbox{appearance:none;font:inherit;color:currentColor;border:1px solid var(--panel-border);cursor:pointer;background-color:#00000080;border-radius:.25em;place-content:center;width:1.15em;height:1.15em;margin:0;transition:all .2s;display:grid}.premium-checkbox:before{content:"";width:.65em;height:.65em;box-shadow:inset 1em 1em var(--accent);background-color:var(--accent);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);border-radius:2px;transition:transform .12s ease-in-out;transform:scale(0)}.premium-checkbox:checked{border-color:var(--accent)}.premium-checkbox:checked:before{transform:scale(1)}.premium-range{appearance:none;background:0 0;width:100%;margin:8px 0}.premium-range:focus{outline:none}.premium-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #00f2fe66}.premium-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #00f2fe99}.premium-range::-webkit-slider-runnable-track{cursor:pointer;background:#4a4a5a;border-radius:3px;width:100%;height:6px;transition:background .2s}.premium-range:hover::-webkit-slider-runnable-track{background:#6a6a7a}.premium-range::-moz-range-thumb{background:var(--text-main);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #00f2fe66}.premium-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #00f2fe99}.premium-range::-moz-range-track{cursor:pointer;background:#4a4a5a;border-radius:3px;width:100%;height:6px;transition:background .2s}.premium-range:hover::-moz-range-track{background:#6a6a7a}.premium-color-picker{appearance:none;cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:8px;width:34px;height:34px;padding:0;transition:all .2s;overflow:hidden}.premium-color-picker::-webkit-color-swatch-wrapper{padding:0}.premium-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.premium-color-picker:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 12px #00f2fe4d}#root{z-index:9999;width:100%;position:relative}.viewer-wrapper{pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-header,.vertical-panel,.bottom-carousel-container,.floating-panel,.panel-toggle-btn,.swatch-btn,.carousel-arrow,.model-card,.icon-button{pointer-events:auto}.viewer-video,.viewer-canvas{object-fit:cover;z-index:1;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.viewer-canvas{z-index:2;pointer-events:none}.floating-panel{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0f0f14bf;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:15px;width:260px;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:40px;bottom:40px;right:20px;overflow-y:visible;transform:translate(calc(100% + 20px));box-shadow:-10px 0 30px #00000080}.floating-panel.panel-open{transform:translate(0)}.floating-panel-content{flex-direction:column;gap:15px;height:100%;padding-right:8px;display:flex;overflow-y:auto}.panel-toggle-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);cursor:pointer;color:#fff;background:#0a0a0fb3;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:20px;left:-40px}.panel-toggle-btn:hover{background:#ffffff1a}.floating-panel-content::-webkit-scrollbar{width:6px}.floating-panel-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.floating-panel-content::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}.floating-panel-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.control-section{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.control-section:last-child{border-bottom:none}.app-header{z-index:100;background:0 0;justify-content:space-between;align-items:flex-start;padding:40px 20px 20px;display:flex;position:absolute;top:0;left:0;right:0}.icon-button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.icon-button:hover{opacity:1;transform:scale(1.1)}.vertical-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#ffffff1a;border:1px solid #fff3;border-radius:40px;flex-direction:column;align-items:center;gap:16px;padding:20px 10px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0000004d}.vertical-panel.left{left:20px}.vertical-panel.right{right:20px}.swatch-btn{cursor:pointer;border:1px solid #ffffff26;border-radius:50%;width:28px;height:28px;padding:0;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:0 4px 10px #0000004d,inset 0 2px 4px #ffffff1a}.swatch-btn:hover{transform:scale(1.1)}.swatch-btn.active{border-color:#0000;transform:scale(1.15);box-shadow:0 0 0 2px #14141ecc,0 0 0 4px #a855f7,0 4px 12px #a855f766}.bottom-carousel-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background:#ffffff0d;border:1px solid #ffffff26;border-radius:25px;justify-content:center;align-items:center;gap:10px;width:90%;max-width:500px;padding:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.carousel-arrow{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 10px;font-size:1.5rem}.carousel-arrow:hover{opacity:1}.carousel-items{scroll-behavior:smooth;scrollbar-width:none;gap:15px;padding:15px 5px;display:flex;overflow-x:auto}.carousel-items::-webkit-scrollbar{display:none}.model-card{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;min-width:70px;height:70px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 4px 15px #0003}.model-card:hover{background:#fff3;transform:translateY(-2px)}.model-card.active{background:#a855f726;border-color:#a855f7;transform:scale(1.05);box-shadow:0 0 20px #a855f780}.model-thumbnail{object-fit:contain;width:80%;height:80%}.bottom-nav{z-index:100;background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;align-items:center;gap:60px;height:80px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:#8b8b9c;cursor:pointer;flex-direction:column;align-items:center;gap:5px;transition:all .2s;display:flex}.nav-item.active{color:#a855f7;filter:drop-shadow(0 0 8px #a855f780)}body{width:100%;height:100%;padding:0;overflow:hidden;margin:-1px 0 0!important}