@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-card:#161623b3;--bg-card-hover:#1e1e30d9;--bg-glass:#12121c99;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6a6a82;--accent-primary:#ff6b2c;--accent-secondary:#ff8f4c;--accent-tertiary:#ffb347;--accent-glow:#ff6b2c4d;--accent-glow-strong:#ff6b2c99;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#ff6b2c4d;--gradient-laser:linear-gradient(135deg, #ff6b2c, #ff8f4c, #ffb347);--gradient-dark:linear-gradient(180deg, #0a0a0f 0%, #111118 100%);--gradient-card:linear-gradient(145deg, #1e1e3080, #12121c4d);--gradient-hero:radial-gradient(ellipse at 50% 0%, #ff6b2c1f 0%, transparent 60%);--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #ff6b2c33;--shadow-glow-strong:0 0 40px #ff6b2c4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:960px}.gradient-text{background:var(--gradient-laser);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-strong{-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-medium);background:#12121ccc}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-laser);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-card)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.form-input,.form-select{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-input-group{align-items:center;gap:var(--space-2);display:flex}.form-input-group .unit{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);min-width:30px}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-secondary);background:#ff6b2c26;border:1px solid #ff6b2c33}.badge-success{color:var(--success);background:#22c55e26}.badge-info{color:var(--info);background:#3b82f626}.navbar{z-index:var(--z-sticky);padding:var(--space-4) 0;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) 0;background:#0a0a0fe6}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);font-weight:800;text-decoration:none;display:flex}.nav-logo svg{width:32px;height:32px}.nav-logo span{background:var(--gradient-laser);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:var(--space-8);list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-laser);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.section{padding:var(--space-24) 0;position:relative}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}.section-header .overline{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.section-header h2{margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{font-size:var(--text-sm);margin-top:var(--space-4);max-width:300px}.footer-col h4{font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:600}.footer-col ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-col a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6b2c33}50%{box-shadow:0 0 40px #ff6b2c66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes laser-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{opacity:0;animation:.6s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.nav-links{display:none}.mobile-menu-btn{display:block}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}@media (width<=480px){h1{font-size:var(--text-2xl)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}.page{display:none}.page.active{animation:.3s fadeIn;display:block}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-glow{filter:blur(60px);background:radial-gradient(#ff6b2c26 0%,#ff8f4c0d 40%,#0000 70%);width:800px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 60% at 50% 40%,#000,#0000)}.laser-line{background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.15;height:2px;animation:4s linear infinite laser-scan;position:absolute;top:50%;left:0;right:0}.hero-content{text-align:center;z-index:1;position:relative}.hero-badge{margin-bottom:var(--space-6)}.hero h1{font-size:var(--text-7xl);margin-bottom:var(--space-6);letter-spacing:-.03em;font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--text-xl);max-width:600px;margin:0 auto var(--space-10);line-height:1.7}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.hero-stats{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-heading);font-size:var(--text-3xl);background:var(--gradient-laser);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;display:block}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-divider{background:var(--border-medium);width:1px;height:40px}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{text-align:left}.feature-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--icon-color,var(--accent-primary)) 10%, transparent);width:56px;height:56px;color:var(--icon-color,var(--accent-primary));margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--text-sm);line-height:1.6}.steps-grid{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.step-card{text-align:center;max-width:300px;padding:var(--space-8) var(--space-6);background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex:1;position:relative}.step-number{font-family:var(--font-heading);font-size:var(--text-6xl);background:var(--gradient-laser);-webkit-text-fill-color:transparent;opacity:.15;top:var(--space-4);right:var(--space-6);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1;position:absolute}.step-icon{border-radius:var(--radius-full);width:72px;height:72px;color:var(--accent-primary);margin:0 auto var(--space-5);background:#ff6b2c1a;justify-content:center;align-items:center;display:flex}.step-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.step-card p{font-size:var(--text-sm)}.step-connector{flex-shrink:0}.materials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.material-card{text-align:center;padding:var(--space-8)}.material-swatch{border-radius:var(--radius-lg);width:80px;height:80px;margin:0 auto var(--space-5);box-shadow:var(--shadow-md)}.material-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.material-card p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.material-specs{justify-content:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);display:flex}.cta-section{padding-bottom:var(--space-24)}.cta-card{text-align:center;padding:var(--space-16) var(--space-8);border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff6b2c1a,#0000 60%);position:absolute;inset:0}.cta-card h2{margin-bottom:var(--space-4);position:relative}.cta-card p{font-size:var(--text-lg);margin-bottom:var(--space-8);position:relative}.cta-actions{position:relative}.gallery-filters{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.filter-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-tab:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-search{align-items:center;gap:var(--space-2);display:flex;position:relative}.filter-search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.filter-search .form-input{width:240px;padding-left:36px}.gallery-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.gallery-card{cursor:pointer;padding:0;overflow:hidden}.gallery-card-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--preview-color) 8%, var(--bg-tertiary)), var(--bg-secondary));justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.gallery-card-svg{width:160px;height:120px;color:var(--preview-color);opacity:.7;transition:all var(--transition-base)}.gallery-card-svg svg{width:100%;height:100%}.gallery-card:hover .gallery-card-svg{opacity:1;transform:scale(1.05)}.gallery-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-base);background:#0a0a0fb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-info{padding:var(--space-5) var(--space-6)}.gallery-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.gallery-card-header h3{font-size:var(--text-base);font-weight:600}.gallery-card-info>p{font-size:var(--text-sm);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.gallery-card-features{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.feature-tag{font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--accent-secondary);background:#ff6b2c14;border:1px solid #ff6b2c26;padding:2px 8px}.gallery-card-materials{gap:var(--space-3);display:flex}.material-tag{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.material-dot-small{border-radius:50%;width:8px;height:8px;display:inline-block}.configurator-layout{grid-template-columns:360px 1fr;min-height:100vh;display:grid}.config-panel{height:100vh;padding:var(--space-6);border-right:1px solid var(--border-subtle);scrollbar-width:thin;position:sticky;top:0;overflow-y:auto}.config-panel-header{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.config-panel-header h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.config-panel-header p{font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.config-section{padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle)}.config-section:last-child{border-bottom:none}.config-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600;display:flex}.config-section-title svg{color:var(--accent-primary)}.material-selector{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.material-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.material-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.material-btn.active{border-color:var(--accent-primary);color:var(--accent-secondary);background:#ff6b2c1a}.material-btn:disabled{cursor:not-allowed}.material-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.thickness-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.thickness-chip{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.thickness-chip:hover{border-color:var(--border-medium)}.thickness-chip.active{border-color:var(--accent-primary);color:var(--accent-secondary);background:#ff6b2c1a}#dimension-controls{gap:var(--space-4);flex-direction:column;display:flex}.toggle-group{justify-content:space-between;align-items:center;flex-direction:row!important}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-slider{cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle input:checked+.toggle-slider{border-color:var(--accent-primary);background:#ff6b2c33}.toggle input:checked+.toggle-slider:before{background:var(--accent-primary);transform:translate(20px,-50%)}.config-actions{padding-top:var(--space-6)!important}.download-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);justify-content:space-between;display:flex}.preview-panel{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.preview-toolbar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.preview-toolbar-left{align-items:center;gap:var(--space-3);display:flex}.preview-title{font-size:var(--text-sm);font-weight:600}.preview-toolbar-right{gap:var(--space-2);display:flex}.preview-canvas{padding:var(--space-8);background:radial-gradient(circle at 50% 50%, #ff6b2c08, transparent 60%), var(--bg-primary);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.preview-empty{text-align:center;color:var(--text-muted)}.preview-empty-icon{color:var(--accent-primary);opacity:.3;margin-bottom:var(--space-6)}.preview-empty h3{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-3)}.preview-empty p{font-size:var(--text-sm);max-width:320px;margin:0 auto}.svg-container{transition:transform var(--transition-base);transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.svg-container svg{box-shadow:var(--shadow-lg);padding:20px}.preview-legend{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);flex-shrink:0;display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.legend-swatch{border-radius:1px;width:12px;height:3px;display:inline-block}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{flex-direction:column}.step-connector{transform:rotate(90deg)}.step-card{max-width:100%}.configurator-layout{grid-template-columns:1fr}.config-panel{border-right:none;border-bottom:1px solid var(--border-subtle);height:auto;position:relative}.preview-panel{height:70vh;position:relative}}@media (width<=768px){.hero h1{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.features-grid,.materials-grid,.gallery-grid{grid-template-columns:1fr}.gallery-filters{flex-direction:column;align-items:flex-start}.filter-search .form-input{width:100%}.hero-stats{gap:var(--space-4)}}@media (width<=480px){.hero h1{font-size:var(--text-3xl)}.hero-actions{flex-direction:column;align-items:center}.material-selector{grid-template-columns:1fr}}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;gap:4px;display:flex}.nav-dropdown-toggle svg{transition:transform var(--transition-base)}.nav-dropdown.open .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);min-width:220px;padding:var(--space-2);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 20px 40px #00000080}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu a{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:block}.nav-dropdown-menu a:hover{color:var(--text-primary);background:var(--bg-card-hover);transform:translate(4px)}.tools-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.tool-card{gap:var(--space-4);padding:var(--space-6) var(--space-5);color:inherit;border:1px solid var(--border-subtle);transition:all var(--transition-base);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--tool-color,var(--accent-primary));height:3px;transition:transform var(--transition-base);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tool-card:hover:before{transform:scaleX(1)}.tool-card:hover{border-color:var(--border-medium);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.tool-card-icon{background:color-mix(in srgb, var(--tool-color,var(--accent-primary)) 15%, transparent);border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;font-size:2.5rem;display:flex}.tool-card h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:0}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);flex:1;margin:0;line-height:1.6}.tool-card-cta{font-size:var(--text-sm);color:var(--accent-primary);transition:transform var(--transition-fast);font-weight:600}.tool-card:hover .tool-card-cta{transform:translate(6px)}.tool-layout{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:340px 1fr;align-items:start;display:grid}.tool-panel{padding:var(--space-5);border-radius:var(--radius-lg);max-height:calc(100vh - 120px);position:sticky;top:100px;overflow-y:auto}.tool-panel::-webkit-scrollbar{width:4px}.tool-panel::-webkit-scrollbar-track{background:0 0}.tool-panel::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.tool-preview-panel{gap:var(--space-4);flex-direction:column;min-height:500px;display:flex}.tool-canvas{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:400px;padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow:auto}.tool-stats{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.stat-row{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.stat-row:last-child{border-bottom:none}.stat-row strong{color:var(--text-primary);font-weight:600}.upload-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-3);color:var(--text-muted);flex-direction:column;display:flex}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--accent-primary);color:var(--text-secondary);background:#ff6b2c0d}.upload-dropzone p{font-size:var(--text-sm);margin:0}.upload-dropzone p strong{color:var(--accent-primary)}.upload-success{align-items:center;gap:var(--space-3);color:var(--success);font-size:var(--text-sm);font-weight:500;display:flex}.toggle-group{justify-content:space-between;align-items:center;display:flex}.toggle{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-tertiary);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:24px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{background:#fff;left:calc(100% - 20px)}.preview-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.preview-empty-icon{margin-bottom:var(--space-4);font-size:4rem}.preview-empty h3{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:var(--space-2)}.box-type-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.box-type-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);flex-direction:column;font-weight:500;display:flex}.box-type-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.box-type-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b2c1a}.box-type-icon{font-size:1.5rem}.box-preview-split{gap:var(--space-4);grid-template-columns:1fr;display:grid}.box-3d-container{perspective:800px;justify-content:center;align-items:center;min-height:220px;display:flex}.box3d-scene{perspective:800px}.box3d-wrapper{transform-style:preserve-3d;animation:12s linear infinite rotate3d;position:relative}@keyframes rotate3d{0%{transform:rotateX(-25deg)rotateY(0)}to{transform:rotateX(-25deg)rotateY(360deg)}}.box3d-face{margin-left:calc(var(--box-w,100px) / -2);margin-top:calc(var(--box-h,60px) / -2);backface-visibility:visible;border:1.5px solid var(--accent-primary);background:#ff6b2c0f;position:absolute;top:50%;left:50%}.scale-factor-display{text-align:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-3)}.scale-factor{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);margin-top:var(--space-1);display:block}.scale-factor.scale-up{color:var(--success)}.scale-factor.scale-down{color:var(--warning)}.scale-factor.scale-same{color:var(--text-muted)}.resizer-compare{gap:var(--space-4);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.resizer-half{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);min-height:300px}.resizer-arrow{color:var(--accent-primary);font-size:2rem;font-weight:700}.preview-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600}.stl-canvas-wrapper{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;min-height:500px;position:relative;overflow:hidden}.stl-canvas-wrapper canvas{min-height:500px;display:block;width:100%!important;height:100%!important}.loading-indicator{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.spinner{border:2px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ornament-frames-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.ornament-frame-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);flex-direction:column;font-weight:500;display:flex}.ornament-frame-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.ornament-frame-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b2c1a}.frame-icon{font-size:1.3rem}.ornament-preview-area{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:400px;display:flex}.ornament-preview-area svg{border-radius:var(--radius-md);padding:var(--space-4);background:#1a1a2e}.preview-toolbar{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.preview-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}@media (width<=900px){.tool-layout{grid-template-columns:1fr}.tool-panel{max-height:none;position:static}.tools-grid,.resizer-compare{grid-template-columns:1fr}.resizer-arrow{text-align:center;transform:rotate(90deg)}.stl-canvas-wrapper{min-height:350px}.nav-dropdown-menu{opacity:1;visibility:hidden;max-height:0;box-shadow:none;background:0 0;border:none;padding:0;transition:max-height .3s,visibility 0s linear .3s;position:static;overflow:hidden;transform:none}.nav-dropdown.open .nav-dropdown-menu{visibility:visible;max-height:400px;transition:max-height .3s,visibility;transform:none}}