:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg:#060814;--color-panel:#0a0c1cbf;--color-panel-border:#ffffff17;--color-panel-glow:#00f2fe14;--color-accent:#00f2fe;--color-accent-hover:#4facfe;--color-accent-glow:#00f2fe59;--color-gold:gold;--color-gold-hover:#ffc800;--color-rose:#b76e79;--color-silver:#e0e0e0;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#00f2fe0d,#0000 40%),radial-gradient(circle at 90% 80%,#4facfe0d,#0000 40%);min-height:100vh;margin:0;padding:0;overflow:hidden}#root{width:100vw;height:100vh;position:relative;overflow:hidden}.sidebar-container{z-index:10;background:var(--color-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-panel-border);border-radius:var(--radius-lg);width:320px;max-height:calc(100vh - 40px);box-shadow:0 24px 50px #0006, 0 0 60px var(--color-panel-glow);transition:var(--transition-smooth);flex-direction:column;gap:20px;padding:24px;display:flex;position:absolute;top:20px;left:20px;overflow-y:auto}.sidebar-container::-webkit-scrollbar{width:5px}.sidebar-container::-webkit-scrollbar-track{background:0 0}.sidebar-container::-webkit-scrollbar-thumb{background:var(--color-panel-border);border-radius:var(--radius-sm)}.sidebar-header{flex-direction:column;gap:6px;display:flex}.title-gradient{font-family:var(--font-title);letter-spacing:-.5px;background:linear-gradient(135deg, #fff 40%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.subtitle{color:var(--color-text-secondary);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:600}.divider{background:var(--color-panel-border);border:0;height:1px}.control-group{flex-direction:column;gap:10px;display:flex}.control-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:600}.control-header{justify-content:space-between;align-items:center;display:flex}.value-label{color:var(--color-accent);font-size:.8rem;font-weight:600}.premium-slider{-webkit-appearance:none;border-radius:var(--radius-sm);width:100%;height:5px;transition:var(--transition-smooth);background:#ffffff14;outline:none}.premium-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:14px;height:14px;box-shadow:0 0 12px var(--color-accent-glow);transition:var(--transition-smooth);border-radius:50%}.premium-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preset-card{border:1px solid var(--color-panel-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);text-align:left;color:var(--color-text-secondary);background:#ffffff05;flex-direction:column;gap:4px;padding:12px;display:flex}.preset-card:hover{background:#ffffff0d;border-color:#00f2fe4d}.preset-card.active{border-color:var(--color-accent);color:var(--color-text-primary);background:#00f2fe12;box-shadow:0 0 15px #00f2fe26}.preset-title{font-size:.85rem;font-weight:600}.preset-desc{color:var(--color-text-muted);font-size:.7rem}.canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.metal-flex{gap:12px;display:flex}.metal-btn{border:1px solid var(--color-panel-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px;display:flex}.metal-btn:hover{background:#ffffff0d}.metal-btn.active{border-color:var(--color-accent);background:#00f2fe12}.metal-sphere{border-radius:50%;width:24px;height:24px;box-shadow:inset -2px -2px 6px #0006,2px 2px 6px #ffffff1a}.metal-label{color:var(--color-text-primary);font-size:.75rem;font-weight:600}.info-panel{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);z-index:10;max-width:280px;color:var(--color-text-secondary);flex-direction:column;gap:8px;padding:16px;font-size:.75rem;line-height:1.4;display:flex;position:absolute;bottom:24px;right:24px}.info-title{color:#fff;font-weight:700;font-family:var(--font-title);font-size:.85rem}.action-btn{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:#030712;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-size:.85rem;font-weight:700;font-family:var(--font-title);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;box-shadow:0 4px 15px #00f2fe40}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe66}.action-btn:active{transform:translateY(0)}.toggle-row{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.toggle-row:hover{color:var(--color-text-primary)}.toggle-switch{border:1px solid var(--color-panel-border);width:44px;height:22px;transition:var(--transition-smooth);cursor:pointer;background:#ffffff0d;border-radius:11px;position:relative}.toggle-switch:after{content:"";width:16px;height:16px;transition:var(--transition-smooth);background:#94a3b8;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active{border-color:var(--color-accent);background:#00f2fe26}.toggle-switch.active:after{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);left:24px}