:root{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-tertiary: #1a1a2e;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--text: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .45);--wheel-empty-bg: #2a2a3e;--accent: #7c3aed;--accent-secondary: #a855f7;--accent-light: #c4b5fd;--accent-glow: rgba(124, 58, 237, .5);--success: #10b981;--success-glow: rgba(16, 185, 129, .4);--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, .4), rgba(236, 72, 153, .4));--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition: all .3s var(--ease-out);--transition-fast: all .15s var(--ease-out);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% -20%,rgba(124,58,237,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(236,72,153,.1),transparent);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}::selection{background:#7c3aed66;color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.navbar,.tool-sidebar,.footer,.result-actions{display:none!important}body{background:#fff;color:#000}.page-wrapper{padding-top:0}}.navbar{position:fixed;top:0;left:0;right:0;height:72px;background:#0a0a12cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw)}.nav-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.nav-brand-icon{width:38px;height:38px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.nav-menu{display:flex;align-items:center;gap:6px}.nav-item{padding:10px 18px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:6px}.nav-item:hover{color:var(--text);background:var(--glass-hover)}.nav-item.active{color:var(--accent-light);background:#7c3aed26}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(10px);min-width:260px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:10px;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-lg)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-sm);transition:var(--transition)}.nav-dropdown-item:hover{background:var(--glass-hover)}.nav-dropdown-item .icon{width:40px;height:40px;background:var(--glass-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.nav-dropdown-item .info{flex:1}.nav-dropdown-item .name{font-weight:600;font-size:.95rem;margin-bottom:2px}.nav-dropdown-item .desc{font-size:.8rem;color:var(--text-muted)}.nav-dropdown .nav-dropdown-menu.nav-dropdown-grid{min-width:520px;width:520px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.nav-dropdown-section{padding:8px}.nav-dropdown-section-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;margin-bottom:4px}.nav-dropdown-item-compact{display:block;padding:8px 10px;font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition-fast);white-space:nowrap}.nav-dropdown-item-compact:hover{background:var(--glass-hover);color:var(--text)}.nav-dropdown-item-compact:focus{outline:2px solid var(--accent);outline-offset:-2px}.nav-cta{padding:12px 24px;background:var(--gradient-primary);color:#fff;border-radius:50px;font-weight:600;font-size:.9rem;transition:var(--transition);box-shadow:0 4px 20px var(--accent-glow)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.nav-toggle{display:none;width:44px;height:44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}.nav-toggle span{width:20px;height:2px;background:currentColor;border-radius:2px;transition:var(--transition)}.page-wrapper{padding-top:72px;min-height:100vh;position:relative;z-index:1}.hero{padding:50px 30px 30px;text-align:center;position:relative}.hero-title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:800;margin-bottom:16px;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(124,58,237,.3))}50%{filter:drop-shadow(0 0 40px rgba(124,58,237,.5))}}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.tool-section{padding:20px 30px 60px;max-width:1500px;margin:0 auto}.tool-container{display:grid;grid-template-columns:340px 1fr;gap:30px;align-items:start}.tool-sidebar{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:0;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;transition:var(--transition)}.tool-sidebar.collapsed{width:60px;padding:12px}.sidebar-section{padding:20px 24px;border-bottom:1px solid var(--glass-border)}.sidebar-section:last-child{border-bottom:none}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.sidebar-title .btn-icon{margin-left:auto}.footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:60px 30px 30px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;margin-bottom:12px}.footer-brand-icon{width:36px;height:36px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.footer-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7;max-width:280px}.footer-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:var(--transition)}.footer-links a:hover{color:var(--accent-light)}.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.footer-bottom a{transition:var(--transition)}.footer-bottom a:hover{color:var(--accent-light)}.content-section{max-width:900px;margin:0 auto;padding:60px 30px}.content-section h2{font-size:1.8rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em}.content-section h3{font-size:1.2rem;font-weight:700;margin:32px 0 16px;color:var(--text-secondary)}.content-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.content-section ul{list-style:none;padding:0}.content-section ul li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--text-secondary)}.content-section ul li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--accent);border-radius:50%}@media (max-width: 1024px){.tool-container{grid-template-columns:1fr}.tool-sidebar{position:relative;top:0;max-height:none;order:2}.tool-main{order:1}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.navbar{padding:0 16px}.nav-menu{position:fixed;top:72px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-direction:column;padding:16px;gap:8px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex}.nav-dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0;background:transparent;min-width:auto;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-dropdown.active .nav-dropdown-menu{max-height:500px}.nav-dropdown-grid,.nav-dropdown .nav-dropdown-menu.nav-dropdown-grid{display:flex;flex-direction:column;min-width:auto;width:auto;padding:8px 0}.nav-dropdown-section{padding:4px 0}.nav-dropdown-section-title{padding:8px 12px;font-size:.75rem}.nav-dropdown-item-compact{padding:10px 16px;font-size:.9rem}.nav-cta{width:100%;text-align:center;margin-top:8px}.hero{padding:40px 20px 20px}.tool-section{padding:20px 16px 40px}.sidebar-section{padding:16px 18px}.content-section{padding:40px 20px}.footer{padding:40px 20px 24px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}.btn-action{padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.btn-action:hover{color:var(--text);border-color:var(--accent);background:#7c3aed1a;transform:translateY(-1px)}.btn-action:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.btn-action.primary{background:var(--gradient-primary);border:none;color:#fff}.btn-action.primary:hover{box-shadow:0 4px 20px var(--accent-glow)}.btn-action.btn-sm{padding:6px 10px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;min-width:0}.mode-btn{flex:1 1 0;min-width:0;text-align:center;justify-content:center}.sidebar-btn-group{display:flex;gap:8px;margin-top:12px}.sidebar-btn-group .btn-action{flex:1}.sidebar-mode-group{display:flex;gap:8px}.sidebar-mode-group .btn-action{flex:1;justify-content:center}.btn-danger{color:var(--danger)}.btn-icon{width:32px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.85rem}.btn-icon:hover{color:var(--text);border-color:var(--accent);background:#7c3aed1a}.input-group{display:flex;gap:8px;margin-bottom:14px}.input-text{flex:1;padding:12px 16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;transition:var(--transition)}.input-text:focus{outline:2px solid var(--accent);outline-offset:-2px;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed33;background:#0006}.input-text::placeholder{color:var(--text-muted)}.btn-add{padding:0 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-add:hover{background:var(--accent-secondary)}select.input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}input[type=range]{-webkit-appearance:none;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px var(--accent-glow);transition:var(--transition)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=color]{-webkit-appearance:none;border:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid var(--glass-border);border-radius:6px}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--accent)}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:24px;transition:var(--transition)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:0 2px 6px #0003}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px var(--accent-glow)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition);padding:20px}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:var(--transition);box-shadow:var(--shadow-lg)}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{width:36px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--glass-border)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text);padding:14px 28px;border-radius:50px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:var(--transition);z-index:4000}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #7c3aed33}.tool-card:hover:before{opacity:.05}.tool-card-icon{font-size:2.5rem;margin-bottom:12px;position:relative}.tool-card-title{font-size:1rem;font-weight:700;margin-bottom:6px;position:relative}.tool-card-desc{font-size:.8rem;color:var(--text-muted);position:relative}.mode-btn{flex:1;padding:8px 4px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;min-width:0;line-height:1.2}.mode-btn:hover{background:#ffffff0d;color:var(--text-secondary)}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.option-list{list-style:none;overflow-y:auto;margin:0 -8px;padding:0 8px}.tool-sidebar .option-list{max-height:180px;overflow-y:auto}.option-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff05;border:1px solid transparent;border-radius:var(--radius-sm);margin-bottom:6px;transition:var(--transition);cursor:grab}.option-item:hover{background:#ffffff0d;border-color:var(--glass-border)}.option-item.dragging{opacity:.5;cursor:grabbing}.option-item.eliminated{opacity:.4;text-decoration:line-through}.drag-handle{color:var(--text-muted);font-size:.7rem;cursor:grab;opacity:.5;transition:var(--transition)}.option-item:hover .drag-handle{opacity:1}.option-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.option-thumb{width:28px;height:28px;border-radius:6px;object-fit:cover}.option-text{flex:1;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-actions{display:flex;gap:4px;opacity:0;transition:var(--transition)}.option-item:hover .option-actions{opacity:1}.option-actions button{width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:var(--transition);display:flex;align-items:center;justify-content:center}.option-actions button:hover{background:var(--glass-hover);color:var(--text)}.option-actions .option-delete:hover{color:var(--danger)}.weight-input{width:48px;padding:4px 8px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text);font-size:.8rem;text-align:center}.count-badge{padding:2px 8px;background:var(--accent);border-radius:20px;font-size:.7rem;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.setting-row:last-child{margin-bottom:0}.setting-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.confetti{position:fixed;pointer-events:none;z-index:10001;will-change:transform,opacity}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}20%{opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0)) rotate(720deg) scale(.5);opacity:0}}.lang-selector{position:relative;z-index:1000}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.lang-btn:hover{background:var(--glass-hover);color:var(--text);border-color:var(--accent)}.lang-icon{font-size:1.1rem}.lang-arrow{font-size:.6rem;opacity:.6;transition:transform .2s}.lang-dropdown.show+.lang-btn .lang-arrow,.lang-btn:focus .lang-arrow{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:140px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;overflow:hidden}.lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.lang-option:hover{background:var(--glass-hover);color:var(--text)}.lang-option.active{background:#7c3aed33;color:var(--accent-light)}.lang-option.active:before{content:"✓ ";color:var(--accent)}.related-tools{max-width:1000px;margin:60px auto 40px;padding:0 20px}.related-tools-title{font-size:1.3rem;font-weight:600;text-align:center;margin-bottom:25px;color:var(--text)}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.related-tool-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:var(--transition)}.related-tool-card:hover{background:var(--glass-hover);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed26}.related-tool-icon{font-size:1.8rem;flex-shrink:0}.related-tool-info{flex:1;min-width:0}.related-tool-name{font-weight:600;font-size:.95rem;margin-bottom:3px}.related-tool-desc{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.related-tools{margin:40px auto 30px}.related-tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.related-tool-card{flex-direction:column;text-align:center;padding:14px 10px}.related-tool-desc{display:none}.tools-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{padding:20px 16px}.tool-card-icon{font-size:2rem}}@media (max-width: 480px){.btn-action{padding:8px 14px;font-size:.8rem}}.seo-content{background:var(--bg-primary);padding:60px 20px;margin-top:40px}.seo-container{max-width:1200px;margin:0 auto}.seo-section{margin-bottom:50px}.seo-section h2{font-size:1.5rem;font-weight:700;margin-bottom:24px;color:var(--text)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.scenario-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;transition:var(--transition)}.scenario-item:hover{border-color:var(--accent);transform:translateY(-2px)}.scenario-icon{font-size:2rem;display:block;margin-bottom:12px}.scenario-item h3{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text)}.scenario-item p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.faq-item summary{padding:16px 20px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--accent)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 20px 16px;color:var(--text-muted);line-height:1.7;font-size:.95rem}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.features-list li{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px 20px;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.features-list li strong{color:var(--text)}.embed-grid{display:grid;grid-template-columns:350px 1fr;gap:30px}.embed-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.embed-preview-area{display:flex;justify-content:center;padding:20px;background:#0003;border-radius:var(--radius);min-height:400px;align-items:center}.embed-code-output{background:#0000004d;border-radius:var(--radius);padding:20px;overflow-x:auto;font-size:.85rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}@media (max-width: 900px){.embed-grid{grid-template-columns:1fr}}.team-generator-layout{display:grid;grid-template-columns:350px 1fr;gap:30px}.team-generator-sidebar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.team-generator-result{min-height:300px}.team-generator-placeholder{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:30px;text-align:center;color:var(--text-muted);grid-column:1/-1}@media (max-width: 900px){.team-generator-layout{grid-template-columns:1fr}}.tool-main{display:flex;flex-direction:column;align-items:center;gap:24px}.wheel-stage{position:relative;padding:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:36px;width:100%;max-width:580px;overflow:hidden}.wheel-stage:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(124,58,237,.1) 60deg,transparent 120deg,rgba(236,72,153,.1) 180deg,transparent 240deg,rgba(59,130,246,.1) 300deg,transparent 360deg);animation:stageGlow 20s linear infinite;pointer-events:none}@keyframes stageGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-container{position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.wheel-decoration{position:absolute;width:calc(100% + 28px);height:calc(100% + 28px);border-radius:50%;background:var(--gradient-primary);opacity:.8;animation:decorationPulse 3s ease-in-out infinite}.wheel-decoration:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg-primary)}@keyframes decorationPulse{0%,to{box-shadow:0 0 40px var(--accent-glow),inset 0 0 40px #7c3aed1a}50%{box-shadow:0 0 60px var(--accent-glow),inset 0 0 60px #7c3aed33}}#wheelCanvas{border-radius:50%;cursor:pointer;position:relative;z-index:2;transition:transform .1s ease-out}#wheelCanvas:hover{transform:scale(1.01)}.wheel-center{position:absolute;width:78px;height:78px;background:#fff;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;cursor:pointer;z-index:5;transition:transform .2s ease,box-shadow .4s ease;font-weight:800;font-size:1rem;color:#333;letter-spacing:.02em;animation:breathePulse 3s ease-in-out infinite}@keyframes breathePulse{0%,to{box-shadow:0 4px 16px #0003}50%{box-shadow:0 4px 24px #7c3aed59,0 0 0 4px #7c3aed1a}}.wheel-center:hover{transform:scale(1.06);animation:none;box-shadow:0 6px 28px #7c3aed66}.wheel-center:active{transform:scale(.98)}.wheel-center.spinning{animation:none;background:#f8f8f8;color:#aaa;cursor:default}.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:10;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #E8384F;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.wheel-controls{display:flex;gap:14px;z-index:2}.btn-spin{padding:18px 56px;background:var(--gradient-primary);border:none;border-radius:60px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 8px 32px var(--accent-glow);transition:var(--transition);position:relative;overflow:hidden;letter-spacing:-.01em}.btn-spin:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-spin:hover:before{left:100%}.btn-spin:hover{transform:translateY(-3px);box-shadow:0 14px 44px var(--accent-glow)}.btn-spin:active{transform:translateY(-1px)}.btn-spin:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spin.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 32px #ef444466}.btn-spin.spinning{animation:spinPulse 1.5s ease-in-out infinite}@keyframes spinPulse{0%,to{box-shadow:0 8px 32px var(--accent-glow)}50%{box-shadow:0 8px 56px var(--accent-glow)}}.result-display{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px 48px;text-align:center;width:100%;max-width:580px;transition:var(--transition);position:relative;overflow:hidden}.result-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.5}.result-display.winner{border-color:var(--success);box-shadow:0 0 60px var(--success-glow);animation:resultPop .6s var(--ease-out)}.result-display.winner:before{background:linear-gradient(90deg,var(--success),#34d399);opacity:1}@keyframes resultPop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.result-label{font-size:.85rem;color:var(--text-muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.result-value{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2;padding:8px 0}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.fullscreen-mode{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a12,#1a1a2e,#0a0a12);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px;opacity:0;visibility:hidden;transition:all .4s ease}.fullscreen-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(124,58,237,.15),transparent),radial-gradient(circle at 20% 80%,rgba(236,72,153,.1),transparent),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1),transparent);pointer-events:none}.fullscreen-mode.active{opacity:1;visibility:visible}.fs-exit{position:absolute;top:30px;right:30px;width:56px;height:56px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffb3;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:10}.fs-exit:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.fs-wheel-container{position:relative;display:flex;align-items:center;justify-content:center;width:min(90vh,90vw,800px);height:min(90vh,90vw,800px);z-index:1}#fsWheelCanvas{width:100%;height:100%;border-radius:50%;cursor:pointer;filter:drop-shadow(0 0 60px rgba(124,58,237,.3))}.fs-pointer{position:absolute;top:-3%;left:50%;transform:translate(-50%);z-index:10;width:0;height:0;border-left:min(2vmin,16px) solid transparent;border-right:min(2vmin,16px) solid transparent;border-top:min(4vmin,32px) solid #E8384F;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.fs-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14%;height:14%;min-width:70px;min-height:70px;max-width:110px;max-height:110px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 20px #00000040;transition:transform .2s,box-shadow .2s;animation:softPulse 2s ease-in-out infinite}.fs-center-btn:hover{transform:translate(-50%,-50%) scale(1.08);animation:none;box-shadow:0 6px 30px #0000004d,0 0 40px 10px #7c3aed80}.fs-center-btn.spinning{animation:none;background:#f5f5f5;cursor:default}.fs-result-box{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0f0f1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:150;text-align:center;padding:40px}.fs-result-box.show{display:flex;animation:fsResultIn .3s ease-out}@keyframes fsResultIn{0%{opacity:0}to{opacity:1}}.fs-result-label{font-size:1.5rem;color:#ffffffb3;margin-bottom:24px}.fs-result-value{font-size:clamp(4rem,18vmin,10rem);font-weight:900;color:#fff;line-height:1.1;max-width:90vw;word-break:break-word;margin-bottom:48px;animation:fsValueIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes fsValueIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fs-btn-primary{padding:16px 40px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:all .2s}.fs-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #7c3aed80}.fs-btn-secondary{padding:16px 40px;font-size:1.1rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fffc;cursor:pointer;transition:all .2s}.fs-btn-secondary:hover{background:#ffffff26;color:#fff}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.fs-result-actions{display:flex;gap:16px;justify-content:center}.fs-result-actions .btn-action{padding:14px 32px;font-size:1rem;border-radius:30px}.result-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.result-modal.active{opacity:1;visibility:visible}.result-modal-content{background:linear-gradient(145deg,#28283cfa,#191928fa);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 50px;text-align:center;max-width:420px;width:90%;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 60px #00000080}.result-modal.active .result-modal-content{transform:scale(1)}.result-modal-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.result-modal-value{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:28px;line-height:1.3}.result-modal-actions{display:flex;gap:12px;justify-content:center}.result-modal-actions .btn-action{padding:12px 24px}.custom-logo{position:absolute;z-index:10;padding:12px}.custom-logo img{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.logo-top-left{top:12px;left:12px}.logo-top-right{top:12px;right:12px}.logo-top-center{top:12px;left:50%;transform:translate(-50%)}.logo-bottom-center{bottom:12px;left:50%;transform:translate(-50%)}.wheel-section-centered{display:flex;flex-direction:column;align-items:center;padding:40px 20px;max-width:700px;margin:0 auto}.wheel-wrapper-large{position:relative;width:100%;max-width:min(90vw,480px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.wheel-wrapper-large canvas{width:100%;height:100%;border-radius:50%;will-change:transform;transform:translateZ(0)}.wheel-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:linear-gradient(145deg,#fff,#e8e8e8);border:none;border-radius:50%;font-size:1rem;font-weight:800;color:#333;cursor:pointer;box-shadow:0 8px 32px #0000004d,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;transition:transform .2s,box-shadow .2s;z-index:5}.wheel-center-btn:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 12px 40px #0006,inset 0 2px 4px #fffc}.wheel-center-btn:active{transform:translate(-50%,-50%) scale(1.02)}.wheel-wrapper-large .wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10}.wheel-actions{display:flex;gap:12px;margin-top:20px}.tool-wheel-section{display:flex;flex-direction:column;align-items:center;gap:0;padding:40px 20px 60px;max-width:600px;margin:0 auto}.tool-wheel-wrapper{position:relative;width:100%;max-width:420px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.tool-wheel-wrapper canvas{width:100%;height:100%;border-radius:50%;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.tool-wheel-wrapper .wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;font-size:.9rem;border:none;z-index:5}.tool-wheel-wrapper .wheel-pointer{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:10}.tool-spin-btn{padding:16px 48px;background:var(--gradient-primary);border:none;border-radius:50px;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px var(--accent-glow);transition:all .3s ease;margin-bottom:28px}.tool-spin-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px var(--accent-glow)}.tool-spin-btn:active{transform:translateY(0)}.tool-spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tool-result-card{width:100%;max-width:400px;background:linear-gradient(145deg,#1e1e2de6,#141423f2);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 28px;text-align:center;position:relative;overflow:hidden}.tool-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.6}.tool-result-card.winner{border-color:var(--success);box-shadow:0 0 40px #10b9814d}.tool-result-card.winner:before{background:linear-gradient(90deg,var(--success),#34d399);opacity:1}.tool-result-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.tool-result-value{font-size:1.8rem;font-weight:800;color:var(--text);margin-bottom:16px;min-height:2.2rem;line-height:1.2}.tool-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tool-result-actions .btn-action{padding:10px 20px;font-size:.85rem}@media (max-width: 768px){.wheel-stage{padding:30px 20px}#wheelCanvas{max-width:320px;max-height:320px}.result-display{padding:28px 24px}.result-actions{flex-wrap:wrap}.tool-wheel-section{padding:24px 16px 40px}.tool-wheel-wrapper{max-width:320px}.tool-wheel-wrapper .wheel-center{width:60px;height:60px;font-size:.8rem}.tool-result-value{font-size:1.5rem}.tool-spin-btn{padding:14px 36px;font-size:1rem}}@media (max-width: 480px){.btn-spin{padding:16px 40px;font-size:1rem}}.app-layout{display:grid;grid-template-columns:320px 1fr 320px;min-height:calc(100vh - 72px);margin-top:72px}.panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--glass-border);background:#0003}.panel:last-child{border-right:none;border-left:1px solid var(--glass-border)}.panel-header{padding:14px 18px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px}.panel-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.panel-body{flex:1;overflow-y:auto;padding:14px}.panel-footer{padding:12px 14px;border-top:1px solid var(--glass-border);flex-shrink:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-footer .btn-action{width:100%;justify-content:center}.panel-footer .btn-danger{color:var(--danger)}.wheel-switcher{display:flex;gap:6px;align-items:center}.wheel-tab{padding:4px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;font-size:.7rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.wheel-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.wheel-tab:hover:not(.active){border-color:var(--accent);color:var(--text)}.btn-new-wheel{width:24px;height:24px;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.btn-new-wheel:hover{border-color:var(--accent);color:var(--accent)}.template-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--glass-border);overflow-x:auto;flex-shrink:0}.template-bar::-webkit-scrollbar{height:0}.template-chip{padding:5px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s}.template-chip:hover{border-color:var(--accent);color:var(--text);background:#7c3aed26}.wheel-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:radial-gradient(ellipse at center,rgba(124,58,237,.08) 0%,transparent 70%);position:relative;min-height:500px}.wheel-wrapper{position:relative;display:flex;align-items:center;justify-content:center}#wheelCanvas{border-radius:50%;cursor:pointer;filter:drop-shadow(0 8px 32px rgba(124,58,237,.3));transition:filter .3s}#wheelCanvas:hover{filter:drop-shadow(0 12px 40px rgba(124,58,237,.4))}.result-box{margin-top:24px;text-align:center;padding:20px 40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);min-width:300px;position:relative}.result-box.winner{border-color:var(--success);box-shadow:0 0 30px #10b9814d}.result-label{font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.result-value{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-height:2.5rem;word-break:break-all}@media (max-width: 1200px){.app-layout{grid-template-columns:280px 1fr 280px}}@media (max-width: 1000px){.app-layout{grid-template-columns:1fr;height:auto}.panel{border:none;border-bottom:1px solid var(--glass-border)}.panel:last-child{border-left:none}.panel-body{max-height:40vh}.wheel-panel{min-height:60vh}}@media (max-width: 768px){.app-layout{display:flex;flex-direction:column;height:calc(100vh - 60px);margin-top:60px}#panelLeft,#panelRight{display:none}.wheel-panel{flex:1;min-height:auto;padding:16px}.wheel-wrapper{transform:scale(.9)}.result-box{margin-top:12px;padding:12px 16px}}