@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root[data-theme=dark]{--bg-deep:#0e0f11;--bg-card:#17181b;--bg-card-hover:#1e1f24;--bg-input:#0e0f11;--border:#2c2d30;--border-active:#5e6ad2;--text-primary:#f2f2f2;--text-secondary:#8a8f98;--text-muted:#5e6167;--accent-1:#5e6ad2;--accent-2:#e0e0e0;--accent-3:#8a8f98;--gradient-main:var(--accent-1);--gradient-warm:var(--accent-1);--gradient-cool:var(--accent-1);--gradient-green:var(--accent-1);--radius:6px;--radius-sm:4px;--shadow:none;--shadow-sm:none;--transition:.15s ease;--warning-bg:#ef44441a;--warning-border:#ef44444d;--warning-text:#fca5a5}:root[data-theme=light]{--bg-deep:#fff;--bg-card:#fff;--bg-card-hover:#f7f7f8;--bg-input:#fff;--border:#e6e6e9;--border-active:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#6e6e73;--text-muted:#a1a1aa;--accent-1:#1a1a1a;--accent-2:#6e6e73;--accent-3:#a1a1aa;--gradient-main:var(--accent-1);--gradient-warm:var(--accent-1);--gradient-cool:var(--accent-1);--gradient-green:var(--accent-1);--radius:6px;--radius-sm:4px;--shadow:none;--shadow-sm:none;--transition:.15s ease;--warning-bg:#ef44440d;--warning-border:#ef444440;--warning-text:#b91c1c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:3px}.app{z-index:1;flex-direction:column;max-width:1800px;height:100vh;margin:0 auto;padding:12px 16px;display:flex;position:relative}.header{text-align:left;border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:12px;padding-bottom:8px}.header-badge{display:none}.header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.4rem;font-size:clamp(1.5rem,2.8vw,1.9rem);font-weight:600;line-height:1.2}.header p{color:var(--text-secondary);margin-top:.4rem;font-size:.92rem;font-weight:400}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:border-color var(--transition);margin-bottom:1rem;padding:1.25rem 1.5rem}.card:hover{border-color:var(--border-active)}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.card-title .dot{background:var(--accent-1);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #6366f180}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);letter-spacing:.5px;font-size:.8rem;font-weight:600}.input-group input,.input-group select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition);appearance:none;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus,.input-group select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px #6366f126}.input-group select{cursor:pointer;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='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.input-group select option{background:var(--bg-card);color:var(--text-primary)}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--bg-card);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--text-primary)}input:checked+.slider:before{background-color:var(--bg-deep);transform:translate(20px)}.config-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.presets-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.preset-btn{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:6px 10px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;overflow:hidden}.preset-btn:hover{background:var(--bg-card-hover);border-color:var(--border-active);color:var(--text-primary)}.preset-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-card)}.modules-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.modules-header .title-side{align-items:center;gap:12px;display:flex}.module-counter{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.modules-actions{gap:8px;display:flex}.modules-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:5px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.modules-actions button:hover{border-color:var(--border-active);color:var(--text-primary)}.modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:15px 12px;display:flex}.module-card:hover{border-color:var(--border-active);background:var(--bg-card-hover)}.module-card.active{background:var(--bg-card-hover);border-color:var(--text-primary)}.module-card.active .module-icon{color:var(--text-primary)}.module-icon{color:var(--text-secondary);transition:color var(--transition);flex-shrink:0;line-height:1}.module-info{flex:1;min-width:0}.module-name{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.3}.module-desc{color:var(--text-secondary);margin-top:6px;font-size:.74rem;line-height:1.3}.module-toggle{width:36px;height:20px;transition:background var(--transition);background:#ffffff14;border-radius:10px;flex-shrink:0;margin-top:2px;position:relative}.module-toggle:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:all var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.module-card.active .module-toggle{background:var(--accent-1)}.module-card.active .module-toggle:after{background:#fff;left:19px}.actions-bar{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-card);flex:1}.btn-primary:hover{opacity:.9}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-secondary:hover{background:#6366f114}.btn-gemini{background:var(--text-primary);color:var(--bg-card)}.btn-gemini:hover{opacity:.9}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.preview-stats{gap:12px;display:flex}.stat-chip{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.preview-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:0;max-height:none;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;tab-size:2;transition:border-color var(--transition);flex:1;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7;overflow-y:auto}.preview-box:hover{border-color:var(--border-active)}.preview-empty{color:var(--text-muted);text-align:center;padding:3rem 1rem;font-family:Inter,sans-serif;font-style:italic}.toast-container{z-index:9999;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:8px;padding:14px 20px;font-size:.85rem;font-weight:500;display:flex}.footer{text-align:left;color:var(--text-muted);letter-spacing:.5px;padding-top:2rem;font-size:.75rem}.footer a{color:var(--accent-1);text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.container{flex-direction:column;flex:1;width:100%;min-height:0;margin:0;padding:0;display:flex}.layout-grid-3{flex:1;grid-template-columns:280px minmax(0,1fr) 380px;align-items:stretch;gap:16px;min-height:0;display:grid}.main-content{min-width:0;padding-right:4px;overflow:visible}.sidebar{padding-right:4px;overflow-y:auto}.right-sidebar{flex-direction:column;padding-right:4px;display:flex;overflow:hidden}.sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:4px}.right-sidebar::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:4px}@media (width<=1400px){.layout-grid-3{grid-template-columns:260px minmax(0,1fr) 320px;gap:16px}}@media (width<=1100px){.layout-grid-3{grid-template-columns:260px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;max-height:none;position:static;overflow-y:visible}.main-content{overflow:visible}}@media (width<=768px){html,body{height:auto!important;overflow-y:auto!important}.app{padding:1rem 1rem 3rem;height:auto!important;overflow:visible!important}.layout-grid-3{flex-direction:column;gap:12px;display:flex}.right-sidebar{order:1;max-height:none;position:static;overflow-y:visible}.main-content{order:2;overflow:visible}.sidebar{order:3;max-height:none;position:static;overflow-y:visible}.card{margin-bottom:.75rem!important;padding:1rem!important}.input-row{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr 1fr}.modules-grid{grid-template-columns:1fr 1fr;gap:8px}.actions-bar{flex-direction:column}.btn{justify-content:center}.module-tooltip{display:none!important}}@media (width<=480px){.config-grid,.modules-grid{grid-template-columns:1fr}.card{padding:.85rem!important}}.module-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;pointer-events:none;opacity:0;visibility:hidden;text-align:left;width:280px;padding:12px;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 16px #0003}.module-card:hover .module-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-title{color:var(--text-primary);margin-bottom:4px;font-size:.8rem;font-weight:600}.tooltip-explain{color:var(--text-secondary);font-size:.72rem;font-weight:400;line-height:1.4}.tooltip-reqs{border-top:1px dashed var(--border);color:var(--border-active);align-items:center;gap:4px;margin-top:8px;padding-top:6px;font-size:.68rem;font-weight:500;display:flex}.tooltip-reqs-icon{font-size:.75rem}.module-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.module-tooltip:before{content:"";border:6px solid #0000;border-top-color:var(--bg-card);z-index:101;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-1px)}.tour-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0006;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.tour-card{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:16px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 12px 32px #00000040}.tour-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-card-header h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.tour-close-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.tour-close-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tour-card-body p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.tour-card-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.tour-dots{gap:6px;display:flex}.tour-dot{background:var(--border);cursor:pointer;width:6px;height:6px;transition:var(--transition);border-radius:50%}.tour-dot.active{background:var(--border-active);transform:scale(1.2)}.tour-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.tour-btn-text{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.8rem;font-weight:500}.tour-btn-text:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tour-btn-outline{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:4px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.tour-btn-outline:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--text-secondary)}.tour-btn-primary{background:var(--border-active);cursor:pointer;color:#fff;transition:var(--transition);border:1px solid #0000;border-radius:4px;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}:root[data-theme=light] .tour-btn-primary{color:#fff;background:#1a1a1a}.tour-btn-primary:hover{opacity:.9}.tour-highlighted{z-index:10002!important;pointer-events:none!important;transition:box-shadow .3s!important;position:relative!important;box-shadow:0 0 0 9999px #00000080,0 0 20px #5e6ad266!important}:root[data-theme=light] .tour-highlighted{box-shadow:0 0 0 9999px #00000059,0 0 20px #00000026!important}