@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: #0a0a0a;--bg-glass: rgba(255, 255, 255, .02);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(62, 207, 142, .25);--text-primary: #ededed;--text-secondary: #888888;--text-muted: #555555;--accent-green: #3b82f6;--accent-green-dark: #2563eb;--accent-green-glow: rgba(59, 130, 246, .4);--accent-green-subtle: rgba(59, 130, 246, .08);--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-orange: #f59e0b;--accent-red: #ef4444;--grok-blue: #1da1f2;--claude-orange: #d97706;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-card: #ffffff;--bg-glass: rgba(37, 99, 235, .04);--border-color: rgba(37, 99, 235, .12);--border-hover: rgba(37, 99, 235, .35);--text-primary: #1e3a5f;--text-secondary: #5b7a9d;--text-muted: #8faabe;--accent-green: #2563eb;--accent-green-dark: #1d4ed8;--accent-green-glow: rgba(37, 99, 235, .12);--accent-green-subtle: rgba(37, 99, 235, .06);--accent-blue: #2563eb;--accent-cyan: #0891b2;--accent-orange: #ea580c;--accent-red: #ef4444;--grok-blue: #1da1f2;--claude-orange: #d97706}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px 16px 12px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600}.upload-zone{margin:12px;padding:20px;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);background:transparent;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent-green);background:var(--accent-green-subtle)}.upload-zone.drag-over{border-color:var(--accent-green);background:#3ecf8e1a;transform:scale(1.02)}.upload-zone .upload-icon{font-size:28px;margin-bottom:8px;display:block}.upload-zone p{font-size:12px;color:var(--text-muted);line-height:1.5}.file-input{display:none}.upload-zone .highlight{color:var(--accent-green);font-weight:600}.prompt-list-container{flex:1;overflow-y:auto;padding:8px}.prompt-counter{padding:4px 12px 8px;font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.prompt-counter .badge{background:var(--accent-green);color:#000;padding:2px 8px;border-radius:20px;font-weight:700;font-size:10px}.prompt-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);margin-bottom:2px;border:1px solid transparent}.prompt-item:hover{background:#ffffff08;border-color:var(--border-color)}.prompt-item.active{background:var(--accent-green-subtle);border-color:#3ecf8e26}.prompt-item .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.prompt-item .status-dot.pending{background:var(--text-muted)}.prompt-item .status-dot.processing{background:var(--accent-orange);animation:pulse 1.5s infinite}.prompt-item .status-dot.done{background:var(--accent-green)}.prompt-item .prompt-number{font-size:10px;color:var(--text-muted);font-weight:600;min-width:20px;font-variant-numeric:tabular-nums}.prompt-item .prompt-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.prompt-item .prompt-actions{display:flex;gap:2px;opacity:0;transition:var(--transition-fast)}.prompt-item:hover .prompt-actions{opacity:1}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);-webkit-app-region:drag}.top-bar .logo{display:flex;align-items:center;gap:10px}.top-bar .logo h1{font-size:22px;font-weight:300;font-family:var(--font-primary);color:var(--text-primary);letter-spacing:.5px}.top-bar .logo .version{font-size:9px;background:var(--bg-tertiary);color:var(--text-muted);padding:2px 7px;border-radius:20px;font-weight:600;border:1px solid var(--border-color)}.top-bar-actions{display:flex;gap:8px;-webkit-app-region:no-drag}.panels-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.panels-row{flex:1;display:flex;overflow:hidden;min-height:0}.panel-column{display:flex;flex-direction:column;min-width:0;flex-shrink:0;height:100%}.panel-column .panel{flex:1;border-right:none}.panel-divider{width:6px;height:100%;cursor:col-resize;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border-color);transform:translate(-50%);transition:background .2s ease,box-shadow .2s ease}.panel-divider:hover:before{width:2px;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green-glow),0 0 16px #3ecf8e1a}.panel-divider:active:before{width:2px;background:var(--accent-green);box-shadow:0 0 12px var(--accent-green-glow),0 0 24px #3ecf8e33}.divider-handle{position:relative;z-index:2;padding:8px 0}.divider-dots{display:flex;flex-direction:column;gap:4px;align-items:center}.divider-dots span{display:block;width:3px;height:3px;border-radius:50%;background:var(--text-hint);transition:background .2s ease,box-shadow .2s ease}.panel-divider:hover .divider-dots span{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green-glow)}.panel-divider:active .divider-dots span{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green-glow)}.panel{display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden;position:relative;background:var(--bg-secondary);transition:border-color .4s ease,box-shadow .4s ease}.panel:last-child{border-right:none}.panel:before,.panel:after{content:"";position:absolute;border-radius:50%;opacity:0;transition:opacity .6s ease,transform .6s ease;pointer-events:none;z-index:1}.panel:before{width:160px;height:160px;top:-40px;right:-40px;background:radial-gradient(circle,rgba(62,207,142,.35) 0%,rgba(62,207,142,.1) 40%,transparent 70%);filter:blur(20px)}.panel:after{width:120px;height:120px;bottom:-30px;left:-30px;background:radial-gradient(circle,rgba(62,207,142,.3) 0%,rgba(62,207,142,.08) 40%,transparent 70%);filter:blur(16px)}.panel:hover:before{opacity:1;transform:scale(1.5)}.panel:hover:after{opacity:.8;transform:scale(1.4)}.panel:hover{border-color:#3ecf8e33;box-shadow:inset 0 0 80px #3ecf8e08,0 0 40px #3ecf8e0d}.panel-header:before{content:"";position:absolute;width:40px;height:40px;top:50%;right:30%;transform:translateY(-50%) rotate(45deg) scale(.8);background:radial-gradient(circle,rgba(62,207,142,.2) 0%,transparent 70%);filter:blur(8px);opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none;border-radius:4px}.panel:hover .panel-header:before{opacity:1;transform:translateY(-50%) rotate(45deg) scale(1.2)}.panel-body:before{content:"";position:absolute;width:8px;height:8px;bottom:60px;right:30px;background:var(--accent-green);border-radius:50%;opacity:0;transition:opacity .5s ease,box-shadow .5s ease;pointer-events:none;z-index:1}.panel:hover .panel-body:before{opacity:.6;box-shadow:0 0 12px var(--accent-green-glow),0 0 24px #3ecf8e26}.panel-body:after{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-green-glow),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:#0a0a0acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:2}.panel-header .panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.panel-header .panel-title .panel-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.panel-header .panel-title .panel-icon.claude{background:linear-gradient(135deg,#d97706,#f59e0b)}.panel-header .panel-title .panel-icon.grok{background:linear-gradient(135deg,#1a8cd8,#1da1f2)}.panel-header .status-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600}.panel-header .status-badge.connected{background:#3ecf8e1f;color:var(--accent-green);border:1px solid rgba(62,207,142,.2)}.panel-header .status-badge.disconnected{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.15)}.panel-body{flex:1;overflow-y:auto;padding:16px;position:relative;z-index:2}.api-key-section{margin-bottom:16px}.api-key-input-group{display:flex;gap:6px}.api-key-input-group input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-size:12px;font-family:Inter,sans-serif;transition:var(--transition-fast)}.api-key-input-group input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 2px #3ecf8e14}.api-key-input-group input::placeholder{color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.chat-message{padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.6;max-width:90%;word-break:break-word;white-space:pre-wrap}.chat-message.user{background:#3ecf8e14;border:1px solid rgba(62,207,142,.12);align-self:flex-end;border-bottom-right-radius:4px}.chat-message.assistant{background:#ffffff08;border:1px solid var(--border-color);align-self:flex-start;border-bottom-left-radius:4px}.chat-message.system{background:#3ecf8e0f;border:1px solid rgba(62,207,142,.1);color:var(--accent-green);font-size:11px;align-self:center;text-align:center;max-width:100%}.chat-message.error{background:#ef44440f;border:1px solid rgba(239,68,68,.12);color:var(--accent-red)}.chat-input-area{padding:12px 16px;border-top:1px solid var(--border-color);background:#0a0a0a99}.chat-input-group{display:flex;gap:6px}.chat-input-group textarea{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-size:12px;font-family:Inter,sans-serif;resize:none;min-height:38px;max-height:100px;transition:var(--transition-fast)}.chat-input-group textarea:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 2px #3ecf8e14}.chat-input-group textarea::placeholder{color:var(--text-muted)}.grok-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:16px;padding:32px}.grok-welcome .grok-logo{font-size:40px;width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,#1a8cd8,#1da1f2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #1da1f233}.grok-welcome h3{font-size:16px;font-weight:700}.grok-welcome p{color:var(--text-muted);font-size:12px;line-height:1.6;max-width:280px}.grok-current-prompt{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:14px;margin-top:12px;width:100%;max-width:360px}.grok-current-prompt .label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.grok-current-prompt .prompt-content{font-size:12px;color:var(--text-primary);line-height:1.5;max-height:50px;overflow-y:auto}.output-manager{width:100%;border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:12px 20px;display:flex;align-items:center;gap:20px}.output-info{display:flex;align-items:center;gap:10px}.output-info .folder-icon{font-size:18px;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-green-subtle);display:flex;align-items:center;justify-content:center}.output-info .folder-details h4{font-size:12px;font-weight:600;margin-bottom:1px}.output-info .folder-details p{font-size:10px;color:var(--text-muted)}.output-progress{flex:1;display:flex;align-items:center;gap:10px}.progress-bar-container{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;max-width:250px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-green-dark));border-radius:2px;transition:width .5s ease}.progress-text{font-size:11px;color:var(--text-secondary);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.output-drop-zone{border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:6px 16px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);text-align:center;min-width:180px}.output-drop-zone:hover,.output-drop-zone.drag-over{border-color:var(--accent-green);color:var(--accent-green);background:var(--accent-green-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-green);color:#000;border:none;font-weight:700}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-green-glow);transform:translateY(-1px);background:var(--accent-green-dark)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-green);background:var(--accent-green-subtle);color:var(--accent-green)}.btn-grok{background:linear-gradient(135deg,#1a8cd8,#1da1f2);color:#fff;border:none;font-weight:700}.btn-grok:hover{box-shadow:0 4px 20px #1da1f24d;transform:translateY(-1px)}.btn-claude{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:none;font-weight:700}.btn-claude:hover{box-shadow:0 4px 20px #d977064d;transform:translateY(-1px)}.btn-sm{padding:4px 9px;font-size:10px}.btn-icon{width:30px;height:30px;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:12px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{border-color:var(--accent-green);color:var(--accent-green)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:10px;padding:32px}.empty-state .empty-icon{font-size:32px;opacity:.3}.empty-state h3{font-size:14px;color:var(--text-secondary)}.empty-state p{font-size:12px;color:var(--text-muted);max-width:220px;line-height:1.5}.spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;bottom:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:6px}.toast{padding:10px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;animation:slideIn .3s ease,fadeOut .3s ease 2.7s;display:flex;align-items:center;gap:6px;box-shadow:0 8px 32px #00000080}.toast.success{background:#3ecf8e1a;border:1px solid rgba(62,207,142,.2);color:var(--accent-green)}.toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--accent-red)}.toast.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent-blue)}.select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 24px 6px 10px;color:var(--text-primary);font-size:11px;font-family:Inter,sans-serif;cursor:pointer;transition:var(--transition-fast);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23555' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select:focus{outline:none;border-color:var(--accent-green)}.label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;display:block}.divider{height:1px;background:var(--border-color);margin:12px 0}.iframe-container,.webview-container{position:relative;padding:0!important;display:flex;flex-direction:column}.embedded-browser,.embedded-webview{width:100%;flex:1;border:none;min-height:0;background:#111}.iframe-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg-primary);z-index:2}.iframe-loading p{font-size:12px;color:var(--text-muted)}.iframe-overlay-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#050505e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 14px;border-radius:20px;border:1px solid var(--border-color);z-index:3;opacity:0;transition:opacity .3s;pointer-events:none}.iframe-container:hover .iframe-overlay-hint,.webview-container:hover .iframe-overlay-hint{opacity:1;pointer-events:auto}.iframe-overlay-hint p{font-size:10px;color:var(--text-muted);white-space:nowrap}.view-toggle,.toggle-group{display:flex;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);overflow:hidden}.toggle-btn{padding:4px 10px;font-size:10px;font-weight:600;font-family:Inter,sans-serif;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent-green);color:#000}.iframe-prompt-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:3}.iframe-prompt-bar .prompt-label{font-size:10px;color:var(--text-muted);font-weight:600;white-space:nowrap}.iframe-prompt-bar .prompt-preview{flex:1;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-btn{background:none;border:none;color:var(--accent-green);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:var(--accent-cyan)}.browser-panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:10px;padding:32px}.browser-panel-placeholder .browser-icon{font-size:40px;width:70px;height:70px;border-radius:16px;background:var(--accent-green-subtle);border:1px solid rgba(62,207,142,.15);display:flex;align-items:center;justify-content:center}.browser-panel-placeholder h3{font-size:16px;font-weight:700}.browser-panel-placeholder p{color:var(--text-muted);font-size:12px;line-height:1.6;max-width:300px}.browser-panel-placeholder .hint-text{font-size:11px;color:var(--text-muted);font-style:italic}.bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.4;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideIn{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:3px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid var(--border-color)}.tooltip:hover:after{opacity:1}.panel-body-split{flex:1;display:flex;overflow:hidden;min-height:0}.webview-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.webview-area.with-sidebar{flex:1}.automation-sidebar{width:330px;min-width:330px;border-left:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.automation-panel{width:320px;min-width:320px;border-left:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.automation-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.automation-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.automation-settings{padding:12px 16px;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--border-color);overflow-y:auto}.auto-field{display:flex;flex-direction:column;gap:6px}.auto-field label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.auto-field .field-hint{font-size:10px;color:var(--text-hint)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:var(--accent-green);color:var(--text-primary)}.mode-btn.active{background:var(--accent-green-subtle);border-color:var(--accent-green);color:var(--accent-green);font-weight:600}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.delay-input{display:flex;align-items:center;gap:4px}.delay-input input{width:60px;text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:700;padding:6px 4px;font-family:var(--font-mono)}.delay-input input:focus{outline:none;border-color:var(--accent-green)}.folder-input{display:flex;gap:6px}.folder-input input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;padding:6px 10px;font-family:var(--font-mono);min-width:0}.folder-input input:focus{outline:none;border-color:var(--accent-green)}.automation-controls{padding:12px 16px;border-bottom:1px solid var(--border-color)}.auto-start-btn{width:100%;justify-content:center;padding:10px 16px!important;font-size:13px!important;font-weight:700!important;gap:8px}.auto-running-controls{display:flex;gap:8px}.auto-running-controls .btn{flex:1;justify-content:center}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.btn-icon{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-hint);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.automation-progress{padding:10px 16px;border-bottom:1px solid var(--border-color)}.auto-progress-bar{height:4px;border-radius:2px;background:var(--bg-tertiary);overflow:hidden;margin-bottom:6px}.auto-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#4ade80);border-radius:2px;transition:width .5s ease;box-shadow:0 0 8px var(--accent-green-glow)}.auto-progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.automation-log{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.log-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.log-entries{flex:1;overflow-y:auto;padding:0 16px 12px;display:flex;flex-direction:column;gap:2px}.log-entry{display:flex;gap:8px;font-size:11px;line-height:1.5;padding:2px 0}.log-time{color:var(--text-hint);font-family:var(--font-mono);font-size:10px;white-space:nowrap;padding-top:1px}.log-msg{color:var(--text-secondary);word-break:break-word}.nav-sidebar{width:72px;min-width:72px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding-top:51px;z-index:50;-webkit-app-region:drag}.nav-sidebar .nav-logo{margin-bottom:24px;-webkit-app-region:no-drag}.nav-sidebar .logo-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-green),#4ade80);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #22c55e4d}.nav-sidebar .logo-letter{color:#000;font-weight:800;font-size:20px;font-family:var(--font-mono)}.nav-sidebar .nav-menu{display:flex;flex-direction:column;gap:2px;width:100%;padding:0 8px;-webkit-app-region:no-drag}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:54px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#22c55e1a;color:var(--accent-green)}.nav-item.logout-btn{color:#e74c3c}.nav-item.logout-btn:hover{background:#e74c3c26!important;color:#ff6b6b!important}.nav-icon{width:24px;height:24px}.nav-tooltip{position:absolute;left:70px;background:var(--bg-tertiary);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-10px);transition:all .2s ease;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000080;z-index:100}.nav-item:hover .nav-tooltip{opacity:1;transform:translate(0)}.app{display:flex;width:100vw;height:100vh;background:var(--bg-primary);font-family:var(--font-sans);color:var(--text-primary);overflow:hidden;position:relative;z-index:1}.generation-sidebar{width:320px;min-width:320px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;-webkit-app-region:no-drag}.lang-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:600;font-family:var(--font-mono);outline:none;cursor:pointer;-webkit-app-region:no-drag;transition:var(--transition-fast)}.lang-select:hover{background:var(--bg-secondary);border-color:var(--accent-green)}.lang-select:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #3ecf8e26}@media(max-width:768px){.app{flex-direction:column}.nav-sidebar{width:100%;height:64px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 10px;align-items:center}.nav-menu{flex-direction:row;gap:8px;margin-top:0}.nav-item{margin-bottom:0;width:auto;padding:10px 14px;border-radius:8px}.nav-tooltip{display:none!important}.sidebar{width:100%;min-width:100%;height:35vh;border-right:none;border-bottom:1px solid var(--border-color)}.panels-row{flex-direction:column}.panel-column{width:100%!important;height:40vh}.panel-divider{height:12px;width:100%;cursor:row-resize!important}.divider-dots{flex-direction:row}.divider-handle{width:40px;height:6px}}.iframe-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:var(--text-secondary)}.iframe-fallback h3{font-size:16px;color:var(--text-primary);margin-bottom:8px}.iframe-fallback p{font-size:13px;max-width:250px;line-height:1.5}.sub-badge{background:#3ecf8e26;color:var(--accent-green);border:1px solid rgba(62,207,142,.3);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;margin-right:12px;white-space:nowrap}.checkout-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:checkoutFadeIn .2s ease}@keyframes checkoutFadeIn{0%{opacity:0}to{opacity:1}}.checkout-modal{width:100%;max-width:420px;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 32px;position:relative;box-shadow:0 40px 100px #0009;animation:checkoutSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes checkoutSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0f;color:#9ca3af;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkout-close:hover{background:#ffffff1f;color:#fff}.checkout-header{text-align:center;margin-bottom:24px}.checkout-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:12px}.checkout-header h2{color:#f1f5f9;font-size:22px;font-weight:600;margin:0}.checkout-plan-card{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;text-align:center;margin-bottom:24px}.checkout-plan-name{color:#3b82f6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.checkout-plan-price{display:flex;align-items:flex-end;justify-content:center;gap:2px}.checkout-currency{font-size:20px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.checkout-amount{font-size:44px;font-weight:800;color:#f1f5f9;line-height:1;letter-spacing:-1px}.checkout-period{font-size:14px;color:#6b7280;margin-bottom:6px;margin-left:4px}.checkout-billed{font-size:13px;color:#22c55e;margin-top:8px;font-weight:500}.checkout-field{margin-bottom:20px}.checkout-field label{display:block;color:#94a3b8;font-size:13px;font-weight:500;margin-bottom:8px}.checkout-field input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:15px;color:#e2e8f0;outline:none;transition:border-color .2s;box-sizing:border-box}.checkout-field input:focus{border-color:#3b82f680}.checkout-field input::placeholder{color:#fff3}.checkout-hint{display:block;font-size:12px;color:#4b5563;margin-top:6px}.checkout-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:16px}.checkout-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.checkout-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-btn-crypto{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.checkout-btn-crypto:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.checkout-btn-card{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.checkout-btn-card:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.checkout-secure{text-align:center;font-size:12px;color:#4b5563;display:flex;align-items:center;justify-content:center;gap:6px}.checkout-success{text-align:center;padding:40px 20px}.checkout-success-icon{font-size:48px;margin-bottom:16px}.checkout-success h2{color:#f1f5f9;font-size:20px;margin:0 0 8px}.checkout-success p{color:#6b7280;font-size:14px;margin:0}@media(max-width:480px){.checkout-modal{padding:28px 20px;border-radius:16px}.checkout-amount{font-size:36px}.checkout-header h2{font-size:18px}}.fdm-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fdmFadeIn .25s ease}@keyframes fdmFadeIn{0%{opacity:0}to{opacity:1}}.fdm-modal{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:36px 32px 32px;box-shadow:0 0 0 .5px #ffffff14,0 24px 80px #00000080,inset 0 1px #ffffff14;animation:fdmSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes fdmSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fdm-modal::-webkit-scrollbar{width:4px}.fdm-modal::-webkit-scrollbar-track{background:transparent}.fdm-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.fdm-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:none;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff80;border-radius:50%;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fdm-close:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.fdm-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.fdm-icon{width:52px;height:52px;min-width:52px;border-radius:14px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;color:#3b82f6}.fdm-icon svg{width:24px;height:24px}.fdm-title{font-size:22px;font-weight:700;color:#f1f5f9;margin:0 0 4px;line-height:1.2}.fdm-subtitle{font-size:13px;color:#94a3b8cc;font-weight:500}.fdm-image{margin-bottom:24px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.fdm-image img{width:100%;height:auto;display:block;max-height:280px;object-fit:cover}.fdm-description{font-size:15px;line-height:1.65;color:#cbd5e1e6;margin-bottom:24px}.fdm-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.fdm-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#cbd5e1d9;line-height:1.5;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s}.fdm-bullets li:hover{background:#ffffff0f;border-color:#3b82f626}.fdm-bullet-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:#3b82f6;margin-top:6px}.fdm-extra{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);font-size:14px;line-height:1.6;color:#cbd5e1bf}.feature-card{cursor:pointer}.feature-card:hover{border-color:#3b82f64d!important;transform:translateY(-2px)}.feature-card:active{transform:translateY(0)}@media(max-width:600px){.fdm-modal{padding:28px 20px 24px;border-radius:20px;max-height:90vh}.fdm-title{font-size:19px}.fdm-icon{width:44px;height:44px;min-width:44px;border-radius:12px}}.multimodal-container{padding:100px 48px;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%);display:flex;flex-direction:column;align-items:center;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-top:60px}.multimodal-header{font-size:42px;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#fff 30%,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-align:center}.multimodal-description{max-width:800px;text-align:center;font-size:16px;line-height:1.6;color:#94a3b8;margin-bottom:80px}.schema-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;height:400px;position:relative}.input-nodes{display:flex;flex-direction:column;gap:16px;width:220px;z-index:2}.input-node{display:flex;align-items:center;gap:12px;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;transition:all .3s ease;cursor:default}.input-node:hover{border-color:var(--node-color);transform:translate(5px);box-shadow:0 0 20px -5px var(--node-color)}.node-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;color:var(--node-color)}.input-node span{font-size:14px;font-weight:500;color:#94a3b8}.input-node:hover span{color:#fff}.schema-lines{position:absolute;left:0;top:50px;width:100%;height:300px;z-index:1;pointer-events:none}.path-bg{fill:none;stroke:#ffffff0d;stroke-width:1.5}.particle{fill:#fff;filter:url(#glow);animation:particleOpacity 3.5s infinite linear}@keyframes particleOpacity{0%{opacity:0}5%{opacity:1}80%{opacity:1}to{opacity:0}}.p-node-0{fill:#3b82f6}.p-node-1{fill:#22c55e}.p-node-2{fill:#ef4444}.p-node-3{fill:#f59e0b}.p-node-4{fill:#8b5cf6}.center-model{display:flex;align-items:center;gap:20px;z-index:2}.model-box{width:180px;height:60px;background:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px -10px #3b82f6;animation:modelPulse 2s infinite ease-in-out}.model-content span{color:#fff;font-weight:700;font-size:15px}.output-arrow{color:#3b82f6;width:40px}@keyframes modelPulse{0%,to{transform:scale(1);box-shadow:0 0 40px -10px #3b82f6}50%{transform:scale(1.05);box-shadow:0 0 60px -5px #3b82f6}}.embedding-space{width:340px;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:2}.coordinate-box{width:100%;height:280px;background:#0f172a66;border:1px solid rgba(59,130,246,.3);border-radius:20px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.axes{position:absolute;width:100%;height:100%;opacity:.3}.axis{position:absolute;background:#3b82f6;border-radius:2px}.axis.y{width:2px;height:140px;left:50%;top:40px}.axis.x{height:2px;width:120px;left:50%;top:180px;transform:rotate(30deg);transform-origin:left center}.axis.z{height:2px;width:120px;left:50%;top:180px;transform:rotate(150deg);transform-origin:left center}.dot{position:absolute;width:6px;height:6px;background:var(--color);border-radius:50%;left:var(--x);top:var(--y);box-shadow:0 0 10px var(--color);animation:dotFloat 4s infinite ease-in-out var(--delay)}@keyframes dotFloat{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(5px,-10px);opacity:1}}.space-label span{background:#3b82f633;color:#3b82f6;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(59,130,246,.2)}@media(max-width:1024px){.schema-wrapper{flex-direction:column;height:auto;gap:60px}.schema-lines{display:none}.input-nodes{width:100%}.center-model{transform:rotate(90deg);margin:20px 0}.embedding-space{width:100%}}.benchmark-section{padding:100px 48px;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.12) 0%,transparent 80%)!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.benchmark-header{text-align:center;max-width:800px;margin-bottom:80px}.benchmark-header h2{font-size:42px;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#fff 30%,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.benchmark-header p{font-size:18px;color:#94a3b8;line-height:1.6}.benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px}.benchmark-card{background:#3b82f60d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);padding:40px;border-radius:24px;transition:all .3s ease;display:flex;flex-direction:column;gap:40px}.benchmark-card:hover{border-color:#ffffff1a;transform:translateY(-5px);background:#0f172a80}.metric-header{display:flex;flex-direction:column}.metric-value{font-size:64px;font-weight:800;line-height:1;color:#fff;margin-bottom:12px}.metric-title{font-size:18px;font-weight:500;color:#94a3b8;font-style:italic}.comparison-chart{display:flex;flex-direction:column;gap:20px}.chart-row{display:flex;flex-direction:column;gap:8px}.row-info{display:flex;justify-content:space-between;font-size:14px}.row-label{color:#94a3b8}.row-data{color:#fff;font-family:monospace}.bar-wrapper{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.16,1,.3,1)}.benchmark-footer{margin-top:80px}.benchmark-link{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .3s ease}.benchmark-link span{margin-left:8px}.benchmark-link:hover{color:#fff}@media(max-width:1024px){.benchmark-grid{grid-template-columns:1fr}}.landing-page{min-height:100vh;background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 85% 40%,var(--accent-green-glow),transparent 60%),radial-gradient(circle at 15% 90%,rgba(59,130,246,.15),transparent 50%),radial-gradient(circle at 50% -20%,rgba(59,130,246,.2),transparent 50%);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;position:relative;animation:fadeIn 1s ease-out forwards;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.landing-stars{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0;opacity:.6;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.landing-nav{position:sticky;top:0;z-index:100;background:#030712b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:0}.landing-nav-inner{max-width:1280px;margin:0 auto;padding:18px 48px;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo h1{font-size:24px;font-weight:800;color:#fff;margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-nav-actions{display:flex;align-items:center;gap:20px}.lang-switcher{position:relative}.lang-switcher-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.lang-switcher-btn:hover{background:#ffffff14;border-color:#ffffff29;color:#fff}.lang-switcher-btn:active{transform:scale(.97)}.lang-chevron{transition:transform .2s ease;opacity:.7}.lang-chevron.open{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:84px;padding:4px;background:#0f172af5;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 28px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;animation:lang-menu-in .14s ease}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:block;width:100%;padding:8px 12px;background:none;border:none;border-radius:7px;color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.3px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.lang-option:hover{background:#ffffff0f;color:#fff}.lang-option.active{background:#0ea5e926;color:#38bdf8}.landing-login-btn-ghost{background:none;color:#94a3b8;border:none;padding:9px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.landing-login-btn-ghost:hover{color:#fff}.landing-signup-btn{background:#0ea5e9;color:#fff;border:none;padding:9px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0ea5e933}.landing-signup-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.user-profile-nav{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 14px 6px 6px;border-radius:30px;cursor:pointer;transition:all .2s}.user-profile-trigger:hover{background:#ffffff14;border-color:#fff3}.user-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;background:#0ea5e9;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:14px;text-transform:uppercase}.user-name-nav{font-size:14px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:240px;box-shadow:0 20px 25px -5px #00000080;padding:16px;z-index:1000;animation:slideUpFade .2s ease}.user-dropdown-header{margin-bottom:12px}.user-email{font-size:13px;color:#94a3b8;margin-bottom:4px;word-break:break-all}.user-plan{font-size:12px;color:#fff;font-weight:500}.user-plan span{color:#0ea5e9;text-transform:capitalize}.user-dropdown-divider{height:1px;background:#ffffff1a;margin:12px 0}.user-dropdown-item-link{width:100%;background:none;border:none;color:#fff;text-align:left;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.user-dropdown-item-link:hover{background:#ffffff0d}.user-dropdown-item{width:100%;background:none;border:none;color:#f87171;text-align:left;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.user-dropdown-item:hover{background:#ef44441a}.landing-main{max-width:1280px;margin:0 auto;padding:40px 48px;position:relative;z-index:10}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:120px}.landing-hero-content{max-width:500px}.landing-title{font-size:58px;line-height:1.08;font-weight:600;margin-bottom:24px;letter-spacing:-1.5px;opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;color:#fff}.landing-title-highlight{color:var(--accent-green)}.landing-subtitle{font-size:18px;line-height:1.6;color:var(--text-secondary);margin-bottom:40px;font-weight:300;opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .2s forwards}.landing-cta-group{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;max-width:300px;opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .4s forwards}.landing-btn-primary{background:var(--accent-green);color:#000;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;letter-spacing:.2px}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659,0 0 0 1px #3b82f633;filter:brightness(1.1)}.landing-btn-secondary{background:#fff;color:#000;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff1a}.landing-works-with{display:flex;flex-direction:column;gap:12px;opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .6s forwards}.landing-works-text{font-size:14px;color:var(--text-secondary)}.landing-logos{display:flex;gap:16px}.mock-logo{font-size:14px;font-weight:600;color:#ffffffb3}.landing-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px}.flow-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:40px;position:relative}.flow-node{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;width:280px;position:relative;z-index:2;box-shadow:0 24px 48px #00000080;opacity:0;animation-name:slideUpFade,float;animation-duration:.8s,6s;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-in-out;animation-delay:.5s,1.3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards}.highlight-node{border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f633,0 24px 48px #00000080;animation-delay:.7s,1.5s}.flow-node-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.flow-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:12px;margin-bottom:12px}.flow-status.connected{background:#3b82f61a;color:var(--accent-green);animation:pulseGlow 2s infinite;border-radius:20px}.flow-status.deployed{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 12px}.flow-status .check{color:var(--accent-green)}.flow-node-body p{font-size:13px;color:var(--text-secondary);line-height:1.5}.flow-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.flow-list li{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.flow-arrow{position:absolute;z-index:-1;opacity:.8}.arrow-1{top:50%;left:100%;width:40px;height:2px;margin-top:-1px;background:repeating-linear-gradient(to right,var(--accent-green) 0,var(--accent-green) 4px,transparent 4px,transparent 8px);background-size:200% 100%;animation:flow-right 1s linear infinite;box-shadow:0 0 8px #3b82f666}.arrow-2{top:100%;left:50%;width:2px;height:40px;margin-left:-1px;background:repeating-linear-gradient(to bottom,var(--accent-green) 0,var(--accent-green) 4px,transparent 4px,transparent 8px);background-size:100% 200%;animation:flow-down 1s linear infinite;box-shadow:0 0 8px #3b82f666}.arrow-3{top:50%;right:100%;width:40px;height:2px;margin-top:-1px;background:repeating-linear-gradient(to left,var(--accent-green) 0,var(--accent-green) 4px,transparent 4px,transparent 8px);background-size:200% 100%;animation:flow-left 1s linear infinite;box-shadow:0 0 8px #3b82f666}@keyframes flow-right{to{background-position:-16px 0}}@keyframes flow-down{to{background-position:0 16px}}@keyframes flow-left{to{background-position:16px 0}}.node-1{grid-column:1;grid-row:1;align-self:center;margin-bottom:0}.node-2{grid-column:2;grid-row:1;align-self:center;margin-bottom:0}.node-3{grid-column:2;grid-row:2;align-self:start}.node-4{grid-column:1;grid-row:2;align-self:start}.mock-editor-ui{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.mock-track{height:24px;background:#ffffff0d;border-radius:4px;width:100%}.mock-track.short{width:80%;background:#3b82f61a}.mock-track.sound{width:90%;background:#3b82f61a}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.feature-card{background:var(--bg-secondary);padding:40px;display:flex;flex-direction:column;gap:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;position:relative;cursor:default}.feature-card:nth-child(1){animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.3s}.feature-card:nth-child(3){animation-delay:.4s}.feature-card:nth-child(4){animation-delay:.5s}.feature-card:nth-child(5){animation-delay:.6s}.feature-card:nth-child(6){animation-delay:.7s}.feature-card:hover{background:var(--bg-tertiary);transform:translateY(-8px) scale(1.05);z-index:10;border-radius:12px;box-shadow:0 40px 80px #000000e6,0 20px 40px #3b82f61a,inset 0 1px 1px #ffffff1a}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:flex-start;color:var(--text-secondary);transition:all .3s cubic-bezier(.16,1,.3,1)}.feature-card:hover .feature-icon{color:var(--accent-green);transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 0 12px rgba(59,130,246,.5))}.feature-card h3{font-size:16px;font-weight:500;color:#fff;margin:0}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:1024px){.landing-hero{grid-template-columns:1fr;text-align:center}.landing-hero-content{margin:0 auto}.landing-cta-group{margin:0 auto 48px}.landing-logos{justify-content:center}.flow-container{transform:scale(.8)}}.landing-app-preview-section{margin-top:120px;margin-bottom:80px;display:flex;flex-direction:column;align-items:center;opacity:0;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s;width:100%}.landing-section-header{text-align:center;margin-bottom:50px}.landing-section-header h2{font-size:42px;font-weight:600;margin:0 0 16px;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing-section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.app-preview-window{width:100%;max-width:1100px;background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #000c,0 0 40px #3b82f626;overflow:hidden;position:relative;z-index:10;transition:transform .3s ease,box-shadow .3s ease}.app-preview-window:hover{transform:translateY(-5px);box-shadow:0 50px 120px #000000e6,0 0 60px #3b82f633}.app-preview-topbar{height:40px;background:#111;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.mac-dots{display:flex;gap:8px;width:60px}.mac-dots span{width:12px;height:12px;border-radius:50%}.mac-dots span:nth-child(1){background-color:#ff5f56}.mac-dots span:nth-child(2){background-color:#ffbd2e}.mac-dots span:nth-child(3){background-color:#27c93f}.app-preview-url{background:#ffffff0d;border-radius:6px;padding:4px 12px;font-size:12px;color:var(--text-secondary);font-family:monospace;letter-spacing:.5px;text-align:center;min-width:200px}.mac-spacer{width:60px}.app-preview-content{background:var(--bg-primary);width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.app-preview-img{width:100%;height:auto;display:block;object-fit:cover}.app-preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;width:100%;height:100%;min-height:500px}.app-preview-fallback h3{margin:0;font-weight:500;color:#fff}.demo-click-shield{position:absolute;inset:0;z-index:100}@media(max-width:1024px){.app-preview-window{max-width:90%}.landing-section-header h2{font-size:32px}}.landing-pricing-section{padding:100px 24px;max-width:1200px;margin:0 auto}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;font-size:16px;font-weight:500;color:var(--text-muted)}.pricing-toggle span{transition:color .3s}.pricing-toggle span.active{color:var(--text-primary)}.toggle-switch{width:60px;height:32px;background:var(--bg-modifier-hover);border-radius:16px;position:relative;cursor:pointer;border:1px solid var(--border-color);transition:background .3s;padding:2px}.toggle-switch.on{background:var(--accent-green);border-color:var(--accent-green)}.toggle-knob{width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-switch.on .toggle-knob{transform:translate(28px)}.discount-badge{background:#3b82f61a;color:var(--accent-green);padding:4px 8px;border-radius:12px;font-size:12px;margin-left:8px;border:1px solid rgba(59,130,246,.2)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;align-items:stretch}.pricing-card{background:#14141799;border:1px solid var(--border-color);border-radius:20px;padding:40px 32px;display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s ease,border-color .3s ease}.pricing-card:hover{transform:translateY(-8px);border-color:#3b82f64d}.pricing-card.highlighted{background:linear-gradient(180deg,#141417e6,#14141799);border-color:var(--accent-green);transform:scale(1.05);box-shadow:0 20px 40px #0006,0 0 0 1px var(--accent-green);z-index:1}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 30px 60px #3b82f626,0 0 0 1px var(--accent-green)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent-green);color:#000;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pricing-card h3{margin:0;font-size:20px;color:var(--text-primary);font-weight:600}.pricing-card .price{margin:24px 0 32px;display:flex;align-items:flex-end}.pricing-card .price .currency{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px;margin-right:4px}.pricing-card .price .amount{font-size:56px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-2px}.pricing-card .price .period{font-size:16px;color:var(--text-muted);margin-bottom:8px;margin-left:4px}.billed-annually{font-size:14px;color:var(--accent-green);margin-top:-16px;margin-bottom:24px;font-weight:500}.features-list{list-style:none;padding:0;margin:0 0 40px;flex:1}.features-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--text-secondary);font-size:15px;line-height:1.5}.features-list li svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.pricing-btn{width:100%;padding:16px;font-size:16px;border-radius:12px;font-weight:600}@media(max-width:960px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:60px auto 0}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-8px)}}.landing-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:80px 24px 40px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:60px}.footer-brand .landing-logo{justify-content:flex-start;margin-bottom:24px}.footer-brand p{color:var(--text-muted);line-height:1.6;max-width:320px}.footer-links{display:flex;gap:80px;justify-content:flex-end}.link-column h4{color:var(--text-primary);font-size:16px;margin:0 0 24px;font-weight:600}.link-column a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:16px;transition:color .2s}.link-column a:hover{color:var(--accent-green)}.footer-bottom{max-width:1200px;margin:80px auto 0;padding-top:32px;border-top:1px solid rgba(255,255,255,.05);text-align:center;color:var(--text-muted);font-size:14px}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:40px}}@media(max-width:992px){.landing-nav{padding:20px 24px}.landing-main{padding:30px 24px}.landing-hero{grid-template-columns:1fr;gap:40px;text-align:center;margin-bottom:80px}.landing-hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.landing-title{font-size:42px}.landing-cta-group,.landing-works-with{align-items:center}.landing-hero-visual{transform:scale(.8);transform-origin:top center}.landing-features{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr 1fr;gap:20px}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-8px)}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:40px}}@media(max-width:768px){.landing-page{overflow-x:hidden}.landing-nav{padding:16px 20px}.landing-main{padding:20px}.landing-title{font-size:32px;letter-spacing:-.5px}.landing-subtitle{font-size:15px}.landing-hero{margin-bottom:60px}.landing-hero-visual{display:none}.landing-features{grid-template-columns:1fr;border:none;background:transparent;gap:12px}.feature-card{border-radius:12px;padding:24px 20px;border:1px solid rgba(255,255,255,.06)}.feature-card:hover{transform:none;box-shadow:none}.landing-app-preview-section{margin-top:60px;margin-bottom:40px}.app-preview-window{max-width:100%;border-radius:8px}.app-preview-content{min-height:280px}.landing-section-header h2{font-size:26px}.landing-section-header p{font-size:15px}.landing-pricing-section{padding:60px 16px}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:40px auto 0;gap:16px}.pricing-card{padding:28px 20px;border-radius:16px}.pricing-card .price .amount{font-size:44px}.pricing-card .price .currency{font-size:22px}.pricing-toggle{margin-top:24px}.landing-footer{padding:50px 20px 30px;margin-top:40px}.footer-links{gap:32px}.footer-bottom{margin-top:40px}.link-column{flex:1 1 45%}.link-column h4{font-size:14px;margin-bottom:16px}.link-column a{font-size:13px;margin-bottom:12px}}@media(max-width:480px){.landing-nav{padding:12px 16px;gap:12px}.landing-nav-actions{gap:10px}.landing-login-btn{padding:6px 12px;font-size:13px}.landing-logo h1{font-size:20px}.landing-main{padding:16px}.landing-title{font-size:28px}.landing-subtitle{font-size:14px;margin-bottom:28px}.landing-cta-group{max-width:100%;margin-bottom:32px}.landing-btn-primary,.landing-btn-secondary{width:100%;padding:14px 24px;font-size:15px}.landing-works-text{font-size:12px}.feature-card{padding:20px 16px}.feature-card h3{font-size:14px}.feature-card p{font-size:13px}.feature-icon{width:36px;height:36px}.app-preview-content{min-height:200px}.app-preview-topbar{height:32px;padding:0 10px}.mac-dots span{width:8px;height:8px}.app-preview-url{font-size:10px;padding:3px 8px}.landing-section-header h2{font-size:22px}.landing-section-header p{font-size:14px}.pricing-card .price .amount{font-size:38px}.pricing-card .price .currency{font-size:20px}.pricing-card .price .period{font-size:14px}.features-list li{font-size:13px}.pricing-btn{padding:14px;font-size:15px}.pricing-toggle{flex-direction:column;gap:10px}.landing-footer{padding:40px 16px 24px}.footer-brand p{font-size:13px}.footer-links{gap:20px}.link-column{flex:1 1 100%}.footer-bottom{margin-top:32px;padding-top:20px}.footer-bottom p{font-size:12px}}@media(max-width:375px){.landing-nav{padding:10px 12px}.landing-logo h1{font-size:18px}.landing-login-btn{padding:5px 10px;font-size:12px}.landing-main{padding:12px}.landing-title{font-size:24px}.landing-subtitle{font-size:13px}.landing-btn-primary,.landing-btn-secondary{padding:12px 20px;font-size:14px}.landing-section-header h2{font-size:20px}.pricing-card{padding:24px 16px}.pricing-card .price .amount{font-size:32px}}:root[data-theme=light] .landing-page{background-color:#fff;background-image:radial-gradient(ellipse at 85% 40%,rgba(37,99,235,.05),transparent 55%),radial-gradient(circle at 15% 90%,rgba(37,99,235,.03),transparent 45%),radial-gradient(circle at 50% -10%,rgba(37,99,235,.04),transparent 40%)}@keyframes dotShimmer{0%{opacity:.3}50%{opacity:.55}to{opacity:.3}}:root[data-theme=light] .landing-stars{background-image:radial-gradient(rgba(37,99,235,.25) 1px,transparent 1px);opacity:.45;animation:dotShimmer 6s ease-in-out infinite}:root[data-theme=light] .landing-nav{background:#ffffffd9;border-bottom:1px solid rgba(37,99,235,.08)}:root[data-theme=light] .landing-logo h1{background:linear-gradient(135deg,#1e3a5f,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .lang-switcher-btn{background:#2563eb0f;color:#1e3a5f;border-color:#2563eb26}:root[data-theme=light] .lang-switcher-btn:hover{background:#2563eb1f;border-color:#2563eb4d;color:#1e3a5f}:root[data-theme=light] .lang-menu{background:#fffffffa;border-color:#2563eb26}:root[data-theme=light] .lang-option{color:#1e3a5f}:root[data-theme=light] .lang-option:hover{background:#2563eb14;color:#1e3a5f}:root[data-theme=light] .lang-option.active{background:#2563eb1f;color:#2563eb}:root[data-theme=light] .landing-login-btn{background:#2563eb0f;color:#1e3a5f;border-color:#2563eb2e}:root[data-theme=light] .landing-login-btn:hover{background:#2563eb1f;border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb1f}:root[data-theme=light] .landing-title{color:#1e3a5f}:root[data-theme=light] .landing-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 16px #2563eb4d}:root[data-theme=light] .landing-btn-primary:hover{box-shadow:0 8px 24px #2563eb59}:root[data-theme=light] .landing-btn-secondary{background:#2563eb0f;color:#2563eb;border-color:#2563eb33}:root[data-theme=light] .landing-btn-secondary:hover{background:#2563eb1f;border-color:#2563eb59}:root[data-theme=light] .landing-works-text{color:#5b7a9d}:root[data-theme=light] .mock-logo{background:#2563eb0f;color:#2563eb;border-color:#2563eb1f}:root[data-theme=light] .flow-node{background:#fff;border:1px solid rgba(37,99,235,.12);box-shadow:0 8px 32px #2563eb14}:root[data-theme=light] .highlight-node{border-color:#2563eb4d;box-shadow:0 0 0 1px #2563eb26,0 8px 32px #2563eb1a}:root[data-theme=light] .flow-node-header{border-bottom-color:#2563eb1a;color:#1e3a5f}:root[data-theme=light] .flow-status.deployed{background:#2563eb0f;color:#2563eb;border-color:#2563eb33}:root[data-theme=light] .mock-track{background:#2563eb14}:root[data-theme=light] .mock-track.short{background:#2563eb1f}:root[data-theme=light] .mock-track.sound{background:#2563eb0f}:root[data-theme=light] .app-preview-window{background:#fff;border:1px solid rgba(37,99,235,.12);box-shadow:0 20px 60px #2563eb1a,0 0 20px #2563eb0d}:root[data-theme=light] .app-preview-topbar{background:#f0f4ff;border-bottom:1px solid rgba(37,99,235,.08)}:root[data-theme=light] .mac-dots span:nth-child(1){background:#ef4444}:root[data-theme=light] .mac-dots span:nth-child(2){background:#f59e0b}:root[data-theme=light] .mac-dots span:nth-child(3){background:#22c55e}:root[data-theme=light] .app-preview-url{background:#2563eb0d;color:#5b7a9d;border-color:#2563eb1a}:root[data-theme=light] .app-preview-content{background:#fff}:root[data-theme=light] .landing-section-header h2{color:#1e3a5f}:root[data-theme=light] .landing-section-header p{color:#5b7a9d}:root[data-theme=light] .landing-features{background:#2563eb0a;border:1px solid rgba(37,99,235,.06)}:root[data-theme=light] .feature-card{background:#fff;box-shadow:0 2px 12px #2563eb0f}:root[data-theme=light] .feature-card:hover{background:#f8faff;box-shadow:0 20px 40px #2563eb1f,0 8px 16px #2563eb0f,inset 0 1px 1px #fffc}:root[data-theme=light] .feature-card h3{color:#1e3a5f}:root[data-theme=light] .feature-card p{color:#5b7a9d}:root[data-theme=light] .feature-icon{color:#2563eb}:root[data-theme=light] .pricing-card{background:#fff;border:1px solid rgba(37,99,235,.1);box-shadow:0 4px 20px #2563eb0f}:root[data-theme=light] .pricing-card.highlighted{border-color:#2563eb;box-shadow:0 8px 40px #2563eb26}:root[data-theme=light] .pricing-card h3{color:#1e3a5f}:root[data-theme=light] .pricing-card .price{color:#1e3a5f}:root[data-theme=light] .pricing-card .features-list li{color:#5b7a9d}:root[data-theme=light] .pricing-toggle span{color:#8faabe}:root[data-theme=light] .pricing-toggle span.active{color:#1e3a5f}:root[data-theme=light] .toggle-switch{background:#2563eb26}:root[data-theme=light] .toggle-switch.on{background:#2563eb}:root[data-theme=light] .popular-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}:root[data-theme=light] .discount-badge{background:#2563eb1a;color:#2563eb}:root[data-theme=light] .billed-annually{color:#5b7a9d}:root[data-theme=light] .btn.btn-primary.pricing-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}:root[data-theme=light] .btn.btn-secondary.pricing-btn{background:#2563eb0f;color:#2563eb;border:1px solid rgba(37,99,235,.2)}:root[data-theme=light] .btn.btn-secondary.pricing-btn:hover{background:#2563eb1f}:root[data-theme=light] .landing-footer{background:#f8fafc;border-top:1px solid rgba(37,99,235,.08)}:root[data-theme=light] .footer-brand p{color:#5b7a9d}:root[data-theme=light] .footer-links h4{color:#1e3a5f}:root[data-theme=light] .footer-links a{color:#5b7a9d}:root[data-theme=light] .footer-links a:hover{color:#2563eb}:root[data-theme=light] .footer-bottom{border-top:1px solid rgba(37,99,235,.1);color:#8faabe}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#2563eb26}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#2563eb40}.support-fab{position:fixed!important;bottom:28px!important;right:28px!important;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #3b82f673,0 0 #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2147483647!important;overflow:visible;animation:supportFloat 3s ease-in-out infinite}@keyframes supportFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.support-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f68c,0 0 0 6px #3b82f61a}.support-fab.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444466;animation:none}.fab-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.support-fab.active .fab-icon{transform:rotate(90deg)}.fab-pulse{position:absolute;inset:0;border-radius:50%;animation:fabPulse 2s ease-in-out infinite;pointer-events:none}@keyframes fabPulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 14px #3b82f600}to{box-shadow:0 0 #3b82f600}}.support-chat{position:fixed!important;bottom:100px!important;right:28px!important;width:380px;max-height:560px;background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;z-index:2147483646!important;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 40px #3b82f614;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.support-chat.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.support-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#111827,#1e293b);border-bottom:1px solid rgba(255,255,255,.06)}.support-header-info{display:flex;align-items:center;gap:12px}.support-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;position:relative;flex-shrink:0}.avatar-online{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #111827}.support-header-name{font-size:15px;font-weight:600;color:#fff}.support-header-status{font-size:12px;color:#22c55e;margin-top:2px}.support-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.support-close:hover{color:#fff;background:#ffffff1a}.support-chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:12px;min-height:240px;max-height:320px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-msg{display:flex;gap:8px;align-items:flex-end;animation:msgSlideIn .3s ease-out}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.msg-bubble{max-width:260px;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;position:relative}.chat-msg.bot .msg-bubble{background:#ffffff12;color:#e2e8f0;border-bottom-left-radius:4px}.chat-msg.user .msg-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:10px;color:#ffffff59;margin-top:4px;text-align:right}.chat-msg.user .msg-time{color:#ffffff8c}.msg-bubble.typing{display:flex;align-items:center;gap:4px;padding:12px 18px}.msg-bubble.typing .dot{width:7px;height:7px;border-radius:50%;background:#fff6;animation:typingBounce 1.2s ease-in-out infinite}.msg-bubble.typing .dot:nth-child(2){animation-delay:.15s}.msg-bubble.typing .dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.support-quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}.quick-reply-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:6px 14px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-reply-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#93c5fd;transform:translateY(-1px)}.support-chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);background:#0000004d}.support-chat-input input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;font-size:13.5px;color:#e2e8f0;outline:none;transition:border-color .2s;font-family:Inter,sans-serif}.support-chat-input input::placeholder{color:#ffffff4d}.support-chat-input input:focus{border-color:#3b82f680}.send-btn{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:440px){.support-chat{right:8px;left:8px;width:auto;bottom:84px}.support-fab{bottom:16px;right:16px}}.auth-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.auth-modal-content{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:440px;padding:32px;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}.auth-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;transition:color .2s}.auth-modal-close:hover{color:#fff}.auth-tabs{display:flex;background:#1e293b;padding:4px;border-radius:12px;margin-bottom:32px}.auth-tab{flex:1;padding:8px;border:none;background:none;color:#94a3b8;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.auth-tab.active{background:#0ea5e9;color:#fff;box-shadow:0 4px 12px #0ea5e94d}.auth-modal-body h2{font-size:28px;margin-bottom:8px;color:#fff;text-align:center}.auth-subtitle{color:#94a3b8;text-align:center;margin-bottom:32px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input-group label{display:block;margin-bottom:8px;color:#e2e8f0;font-size:14px;font-weight:500}.auth-input-group input{width:100%;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:15px;transition:all .2s}.auth-input-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:12px;border-radius:12px;font-size:14px;text-align:center}.auth-submit-btn{background:#0ea5e9;color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 16px;color:#64748b;font-size:12px;font-weight:600}#google-signin-button{display:flex;justify-content:center}.auth-modal-footer{margin-top:32px;text-align:center;color:#94a3b8;font-size:14px}.auth-modal-footer span{color:#0ea5e9;font-weight:500;cursor:pointer}.auth-modal-footer span:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-container{display:flex;min-height:100vh;background:#030712;color:#fff;font-family:Inter,sans-serif}.dashboard-sidebar{width:280px;background:#0f172a;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:24px;position:sticky;top:0;height:100vh}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;margin-bottom:48px;cursor:pointer}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#94a3b8;background:none;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#0ea5e9;color:#fff;box-shadow:0 4px 12px #0ea5e94d}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;padding:12px;border-radius:12px;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef4444;color:#fff}.dashboard-main{flex:1;padding:48px;max-width:1200px;margin:0 auto;width:100%}.dashboard-header{margin-bottom:48px}.header-user{display:flex;justify-content:space-between;align-items:flex-start}.user-welcome h1{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-welcome p{color:#94a3b8;font-size:16px}.plan-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:#475569;color:#fff}.plan-badge.creator{background:#0ea5e9;color:#fff}.plan-badge.business{background:#8b5cf6;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.stat-card{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);border-color:#0ea5e94d}.stat-icon{width:48px;height:48px;background:#0ea5e91a;color:#38bdf8;display:flex;align-items:center;justify-content:center;border-radius:14px}.stat-info h3{font-size:14px;color:#94a3b8;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#fff}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.action-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card svg{margin-bottom:20px;color:#94a3b8;transition:color .3s}.action-card h3{font-size:18px;margin-bottom:12px}.action-card p{font-size:14px;color:#64748b;line-height:1.5}.action-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-4px)}.action-card:hover svg{color:#0ea5e9}.action-card.highlight{background:linear-gradient(135deg,#0ea5e91a,#0284c70d);border-color:#0ea5e933}.action-card.highlight svg{color:#0ea5e9}.license-list{display:flex;flex-direction:column;gap:16px}.license-item{background:#0f172a;border:1px solid rgba(255,255,255,.05);padding:20px;border-radius:16px;display:flex;align-items:center;gap:20px}.license-icon{width:40px;height:40px;background:#22c55e1a;color:#4ade80;display:flex;align-items:center;justify-content:center;border-radius:10px}.license-details{flex:1;display:flex;flex-direction:column;gap:4px}.license-key{font-family:monospace;font-size:16px;color:#fff;letter-spacing:1px}.license-meta{font-size:12px;color:#64748b}.license-status.active{background:#22c55e1a;color:#4ade80;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;text-align:center;color:#64748b}.coming-soon h2{color:#fff;margin-top:24px}.btn-primary-sm{background:#0ea5e9;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}@media(max-width:1024px){.dashboard-sidebar{display:none}.stats-grid,.actions-grid{grid-template-columns:1fr}}.analytics-tab-content{background:#0f172a66;border-radius:24px;border:1px solid rgba(255,255,255,.05);overflow:hidden;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-view{padding:32px!important}.kpi-card,.chart-card,.ai-panel{border-color:#ffffff14!important}.analytics-view{flex:1;display:flex;flex-direction:column;padding:24px;color:var(--text-primary)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.channel-selector{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.channel-pill{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-color);padding:6px 16px 6px 6px;border-radius:30px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:13px}.channel-pill:hover{background:#ffffff1a;border-color:#3ecf8e66}.channel-pill.active{background:#3ecf8e1a;border-color:var(--accent-green);color:var(--text-primary)}.channel-avatar,.channel-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:10px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.date-select{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:13px;outline:none;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px}.kpi-icon-wrapper{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-wrapper.views{background:#3ecf8e33;color:var(--accent-green)}.kpi-icon-wrapper.subs{background:#8e2de233;color:#8e2de2}.kpi-icon-wrapper.time{background:#f39c1233;color:#f39c12}.kpi-icon-wrapper.rev{background:#3498db33;color:#3498db}.kpi-details h4{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.kpi-value{font-size:20px;font-weight:700;margin-bottom:2px}.kpi-trend{font-size:11px;font-weight:600}.kpi-trend.positive{color:var(--accent-green)}.kpi-trend.negative{color:#ff4d4d}.kpi-trend.neutral{color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:20px}.chart-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:12px;padding:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-size:14px;font-weight:600;margin:0}.chart-container{height:220px;width:100%}.custom-tooltip{background:#0f172ae6;border:1px solid var(--border-color);border-radius:8px;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-tooltip .label{font-size:12px;font-weight:600;margin-bottom:4px}.type-toggle{display:flex;background:#ffffff0d;padding:3px;border-radius:8px}.type-toggle button{padding:4px 12px;font-size:12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px}.type-toggle button.active{background:var(--bg-primary);color:var(--accent-green);box-shadow:0 2px 4px #0003}.ai-insights{margin-top:20px}.ai-panel{background:linear-gradient(135deg,#3ecf8e0d,#8e2de20d);border:1px solid var(--border-color);border-radius:12px;padding:20px}.ai-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent-green)}.ai-title h3{font-size:14px;margin:0}.ai-content p{font-size:13px;color:var(--text-secondary);margin:8px 0;line-height:1.4}.analytics-view-loading,.analytics-view-empty{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.masked-text{filter:blur(4px);pointer-events:none}