@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap";.feedback-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem;z-index:1000}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:320px;max-width:100%;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #E5E7EB}.feedback-header h3{margin:0;font-size:.875rem;font-weight:600;color:#1a1a1a}.feedback-close{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.feedback-close:hover{color:#4b5563}.feedback-modal form{padding:1rem}.feedback-type-row{display:flex;gap:.5rem;margin-bottom:.75rem}.feedback-type-row label{flex:1;padding:.375rem .5rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.75rem;text-align:center;cursor:pointer;color:#6b7280;transition:all .1s ease}.feedback-type-row label:hover{border-color:#d1d5db}.feedback-type-row label.selected{border-color:#2563eb;background:#eff6ff;color:#2563eb}.feedback-type-row input[type=radio]{display:none}.feedback-textarea{width:100%;border:1px solid #E5E7EB;border-radius:8px;padding:.625rem;font-size:.8125rem;font-family:inherit;resize:none;outline:none;transition:border-color .1s ease}.feedback-textarea:focus{border-color:#2563eb}.feedback-textarea::placeholder{color:#9ca3af}.feedback-error{color:#dc2626;font-size:.75rem;margin:.5rem 0 0}.feedback-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.feedback-cancel-btn,.feedback-submit-btn{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .1s ease}.feedback-cancel-btn{background:none;border:1px solid #E5E7EB;color:#4b5563}.feedback-cancel-btn:hover:not(:disabled){background:#f9fafb}.feedback-submit-btn{background:#2563eb;border:none;color:#fff}.feedback-submit-btn:hover:not(:disabled){background:#1d4ed8}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{padding:1.5rem 1rem;text-align:center}.feedback-success p{margin:0 0 1rem;color:#059669;font-size:.875rem;font-weight:500}.feedback-done-btn{padding:.5rem 1.5rem;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer}.feedback-done-btn:hover{background:#1d4ed8}.feedback-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:inherit;font-family:inherit;padding:0}.feedback-btn:hover{color:#2563eb}.trust-banner{display:flex;align-items:center;justify-content:space-between;padding:6px var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.trust-banner__text{display:flex;align-items:center;gap:6px}.trust-banner__text strong{color:var(--text-secondary);font-weight:500}.trust-banner__actions{display:flex;align-items:center;gap:12px}.trust-banner__link{background:none;border:none;padding:0;font-size:12px;font-family:var(--font-ui);color:var(--accent);cursor:pointer;transition:color var(--transition-fast)}.trust-banner__link:hover{color:var(--accent-hover);text-decoration:underline}.trust-banner__link--muted{color:var(--text-muted)}.trust-banner__link--muted:hover{color:var(--text-secondary)}.export-notification{position:fixed;bottom:48px;left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:var(--font-ui);font-size:13px;color:var(--text-secondary);opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:1000;pointer-events:none}.export-notification.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.export-notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-notification-content{display:flex;flex-direction:column;gap:8px;min-width:200px}.export-notification-message{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.export-progress-fill{height:100%;background:var(--accent, #2563eb);border-radius:2px;transition:width .2s ease}.export-notification-dismiss{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;border-radius:4px;margin-left:4px;flex-shrink:0}.export-notification-dismiss:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.export-notification--exporting .export-notification-icon,.export-notification--validating .export-notification-icon,.export-notification--selecting .export-notification-icon{color:var(--accent)}.export-notification--success{border-color:#22c55e}.export-notification--success .export-notification-icon{color:#22c55e}.export-notification--success .export-notification-message{color:#166534}.export-notification--error{border-color:#ef4444;background:#fef2f2}.export-notification--error .export-notification-icon{color:#ef4444}.export-notification--error .export-notification-message{color:#991b1b}.export-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.export-notification.centered{bottom:50%;transform:translate(-50%) translateY(50%)}.export-notification.centered.visible{transform:translate(-50%) translateY(50%)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-panel{background:var(--bg-primary, #FAFAFA);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #E5E7EB)}.settings-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1A1A1A)}.settings-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted, #9CA3AF);border-radius:6px;transition:all .15s ease}.settings-close:hover{background:var(--bg-secondary, #F5F5F5);color:var(--text-primary, #1A1A1A)}.settings-close svg{width:18px;height:18px}.settings-content{padding:1.25rem;overflow-y:auto;flex:1}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9CA3AF)}.section-description{font-size:.75rem;color:var(--text-muted, #9CA3AF);margin:0 0 .75rem;line-height:1.4}.section-description code{background:var(--bg-secondary, #F5F5F5);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-editor, monospace);font-size:.6875rem}.optional-badge{font-size:.6875rem;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--text-muted, #9CA3AF);background:var(--bg-secondary, #F5F5F5);padding:.125rem .5rem;border-radius:4px;margin-left:.5rem}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #4B5563)}.workspace-path{font-family:var(--font-editor, monospace);font-size:.875rem;color:var(--text-primary, #1A1A1A);background:var(--bg-secondary, #F5F5F5);padding:.625rem .875rem;border-radius:6px;border:1px solid var(--border-color, #E5E7EB)}.provider-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.provider-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;cursor:pointer;transition:all .15s ease}.provider-option:hover{border-color:var(--accent, #2563EB)}.provider-option.selected{border-color:var(--accent, #2563EB);background:#2563eb0d}.provider-option.disabled{opacity:.6;cursor:not-allowed}.provider-option.disabled:hover{border-color:var(--border-color, #E5E7EB)}.provider-option input[type=radio]{width:16px;height:16px;accent-color:var(--accent, #2563EB)}.provider-info{display:flex;flex-direction:column;gap:.125rem}.provider-name{font-size:.875rem;font-weight:500;color:var(--text-primary, #1A1A1A)}.provider-description{font-size:.75rem;color:var(--text-muted, #9CA3AF)}.api-key-field{margin-top:.5rem}.api-key-input-row{display:flex;gap:.5rem}.api-key-input-row input{flex:1;padding:.625rem .875rem;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;font-size:.875rem;font-family:var(--font-editor, monospace);background:#fff;transition:border-color .15s ease}.api-key-input-row input:focus{outline:none;border-color:var(--accent, #2563EB)}.api-key-input-row input::placeholder{color:var(--text-muted, #9CA3AF);font-family:var(--font-ui, sans-serif)}.api-key-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.test-result{font-size:.8125rem;font-weight:500}.test-result.success{color:#059669}.test-result.error{color:#dc2626}.settings-button{padding:.625rem 1rem;background:var(--bg-secondary, #F5F5F5);border:1px solid var(--border-color, #E5E7EB);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-primary, #1A1A1A);cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-button:hover:not(:disabled){background:var(--bg-tertiary, #EFEFEF);border-color:var(--text-muted, #9CA3AF)}.settings-button:disabled{opacity:.5;cursor:not-allowed}.test-button{background:var(--accent, #2563EB);border-color:var(--accent, #2563EB);color:#fff}.test-button:hover:not(:disabled){background:var(--accent-hover, #1D4ED8);border-color:var(--accent-hover, #1D4ED8)}.link-button{background:none;border:none;padding:0;font-size:.8125rem;color:var(--accent, #2563EB);cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.toggle-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.875rem}.toggle-label input[type=checkbox]{margin-top:.125rem;cursor:pointer}.toggle-label span{color:var(--text-primary, #1F2937)}.trusted-workspaces-list{display:flex;flex-direction:column;gap:.375rem}.trusted-workspace-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:6px}.trusted-workspace-path{flex:1;font-family:var(--font-editor, monospace);font-size:.75rem;color:var(--text-primary, #1A1A1A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trusted-workspace-remove{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-muted, #9CA3AF);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.trusted-workspace-remove:hover{background:#dc26261a;color:#dc2626}.nudge-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:nudge-fade-in .15s ease-out}@keyframes nudge-fade-in{0%{opacity:0}to{opacity:1}}.nudge-panel{background:var(--bg-primary, #FAFAFA);border-radius:12px;width:100%;max-width:360px;padding:1.5rem;box-shadow:0 20px 40px #00000026;text-align:center;animation:nudge-slide-up .2s ease-out}@keyframes nudge-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nudge-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--accent, #2563EB)}.nudge-icon svg{width:100%;height:100%}.nudge-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1A1A1A)}.nudge-description{margin:0 0 1.25rem;font-size:.875rem;color:var(--text-secondary, #4B5563);line-height:1.5}.nudge-description code{background:var(--bg-secondary, #F5F5F5);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-editor, monospace);font-size:.8125rem}.nudge-actions{display:flex;gap:.75rem;justify-content:center}.nudge-button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.nudge-button.secondary{background:var(--bg-secondary, #F5F5F5);border:1px solid var(--border-color, #E5E7EB);color:var(--text-primary, #1A1A1A)}.nudge-button.secondary:hover{background:var(--bg-tertiary, #EFEFEF)}.nudge-button.primary{background:var(--accent, #2563EB);border:none;color:#fff}.nudge-button.primary:hover{background:var(--accent-hover, #1D4ED8)}.help-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.help-panel{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000026;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}.help-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.help-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.help-close{width:28px;height:28px;padding:4px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .1s ease}.help-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.help-close svg{width:16px;height:16px}.help-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.shortcut-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:480px){.shortcut-groups{grid-template-columns:1fr}}.shortcut-group h3{margin:0 0 .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.shortcuts{display:flex;flex-direction:column;gap:.5rem}.shortcut{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut kbd{font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);min-width:2.5rem;text-align:center;box-shadow:0 1px 0 var(--border-color)}.shortcut span{font-size:.8125rem;color:var(--text-secondary);flex:1;text-align:right}.help-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.help-footer p{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.5;text-align:center}.help-footer code{font-family:var(--font-editor);font-size:.6875rem;background:var(--bg-secondary);padding:.125rem .375rem;border-radius:4px;color:var(--text-secondary)}.palette-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;animation:fadeIn .1s ease-out}.palette-container{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d;width:90%;max-width:520px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.palette-input-wrapper{display:flex;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);gap:.75rem}.palette-search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.palette-input{flex:1;border:none;outline:none;font-size:1rem;font-family:var(--font-ui);color:var(--text-primary);background:transparent}.palette-input::placeholder{color:var(--text-muted)}.palette-results{flex:1;overflow-y:auto;padding:.5rem 0}.palette-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.palette-group{margin-bottom:.25rem}.palette-group-header{padding:.5rem 1rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.palette-item{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;gap:.75rem;transition:background 50ms ease}.palette-item:hover{background:var(--bg-secondary)}.palette-item.selected{background:#2563eb}.palette-item.selected .palette-item-label{color:#fff}.palette-item:hover:not(.selected) .palette-item-label{color:var(--text-primary)}.palette-item.selected .palette-item-shortcut{background:#fff3;color:#ffffffe6;border-color:transparent}.palette-item.selected .palette-item-type{color:#ffffffb3}.palette-item-label{flex:1;font-size:.875rem;color:var(--text-primary)}.palette-item-shortcut{font-family:var(--font-ui);font-size:.6875rem;font-weight:500;padding:.1875rem .375rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted)}.palette-item-type{font-size:.6875rem;color:var(--text-muted);font-style:italic}.palette-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.625rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.palette-footer span{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-muted)}.palette-footer kbd{font-family:var(--font-ui);font-size:.625rem;font-weight:500;padding:.125rem .25rem;background:#fff;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);box-shadow:0 1px 0 var(--border-color)}.palette-hint{margin-left:auto;font-style:italic;opacity:.7}.workspace-prompt-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.workspace-prompt{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000026;width:90%;max-width:400px;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.workspace-prompt__header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.workspace-prompt__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.workspace-prompt__content{padding:1rem 1.25rem}.workspace-prompt__description{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.workspace-prompt__path{display:block;font-family:var(--font-editor);font-size:.75rem;background:var(--bg-secondary);padding:.5rem .75rem;border-radius:6px;color:var(--text-secondary);word-break:break-all}.workspace-prompt__actions{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.workspace-prompt__button{flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-ui);border-radius:6px;cursor:pointer;transition:all .1s ease}.workspace-prompt__button--primary{background:#2563eb;color:#fff;border:none}.workspace-prompt__button--primary:hover{background:#1d4ed8}.workspace-prompt__button--secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.workspace-prompt__button--secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}:root{--bg-primary: #FAFAFA;--bg-secondary: #F5F5F5;--bg-tertiary: #EFEFEF;--text-primary: #1A1A1A;--text-secondary: #4B5563;--text-muted: #9CA3AF;--command-color: #9CA3AF;--border-color: #E5E7EB;--accent: #2563EB;--accent-hover: #1D4ED8;--font-editor: "iA Writer Mono", "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-preview: "iA Writer Quattro", "Georgia", "Cambria", "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--editor-line-height: 1.6;--editor-font-size: 16px;--transition-fast: .1s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box}.app{display:flex;flex-direction:row;height:100vh;width:100vw;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);overflow:hidden;position:relative}.main-content{display:flex;flex-direction:row;flex:1;overflow:hidden;position:relative;padding-bottom:28px}.pane{flex:none;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pane-divider{width:8px;cursor:col-resize;flex:none;display:flex;align-items:stretch;background:transparent}.pane-divider:before{content:"";width:2px;margin:auto;height:100%;background-color:#94a3b899;border-radius:2px}.editor-pane{border-right:1px solid var(--border-color);background-color:var(--bg-primary)}.preview-pane{background-color:var(--bg-secondary)}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);height:40px;flex-shrink:0;background-color:inherit}.pane-title{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pane-title-editable{cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:background-color .15s ease}.pane-title-editable:hover{background:var(--bg-secondary);color:var(--text-primary)}.pane-title-input{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;margin:-2px -6px;border:1px solid var(--accent);border-radius:4px;background:#fff;color:var(--text-primary);outline:none;min-width:100px}.pane-content{flex:1;overflow:auto;padding:var(--spacing-lg)}.editor-content{font-family:var(--font-editor);font-size:var(--editor-font-size);line-height:var(--editor-line-height);padding:var(--spacing-lg) var(--spacing-xl)}.preview-content{font-family:var(--font-preview);font-size:15px;line-height:1.6;padding:var(--spacing-md) var(--spacing-lg);max-width:640px;margin:0 auto;color:var(--text-secondary)}.preview-content h1{font-size:1.5em;font-weight:600;margin:0 0 .6em;line-height:1.3;color:var(--text-primary)}.preview-content h2{font-size:1.2em;font-weight:600;margin:1.2em 0 .4em;line-height:1.3;color:var(--text-primary)}.preview-content h3{font-size:1.05em;font-weight:600;margin:1em 0 .4em;color:var(--text-primary)}.preview-content p{margin:0 0 .8em}.preview-content ul,.preview-content ol{margin:0 0 .8em;padding-left:1.4em}.preview-content li{margin-bottom:.3em}.preview-content blockquote{margin:0 0 .8em;padding-left:var(--spacing-sm);border-left:2px solid var(--border-color);color:var(--text-muted);font-style:italic}.preview-content code{font-family:var(--font-editor);font-size:.85em;background-color:var(--bg-tertiary);padding:1px 4px;border-radius:3px}.preview-content pre{font-family:var(--font-editor);font-size:.85em;background-color:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:4px;overflow-x:auto;margin:0 0 .8em}.preview-content pre code{background:none;padding:0}.command-slot{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px}.command-slot.loading{animation:pulse 2s ease-in-out infinite}.command-slot.error{border-color:#ef4444;background-color:#fef2f2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}.sidebar-expand-btn{position:fixed;left:0;top:50%;transform:translateY(-50%);width:16px;height:48px;background:#e5e7eb;border:1px solid #D1D5DB;border-left:none;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;z-index:9999;transition:all .15s ease}.sidebar-expand-btn:hover{background:#d1d5db;color:#374151;width:20px}.sidebar{width:240px;min-width:180px;max-width:400px;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);height:40px;flex-shrink:0}.workspace-name{font-size:12px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.icon-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-fast)}.icon-button:hover{background-color:var(--bg-tertiary);color:var(--text-secondary)}.icon-button:active{background-color:var(--border-color)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md);height:100%}.empty-state-text{font-size:13px;color:var(--text-muted);margin:0}.primary-button{padding:var(--spacing-xs) var(--spacing-md);border:none;background-color:var(--accent);color:#fff;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color var(--transition-fast)}.primary-button:hover{background-color:var(--accent-hover)}.primary-button:active{transform:translateY(1px)}.file-tree{-webkit-user-select:none;user-select:none}.file-tree-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--text-secondary);transition:background-color var(--transition-fast);position:relative}.file-tree-item:hover{background-color:var(--bg-tertiary)}.file-tree-item.selected{background-color:#2563eb1a;color:var(--accent)}.file-tree-item .chevron{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.file-tree-item.folder.expanded .chevron{transform:rotate(90deg)}.file-tree-item .icon{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.file-tree-item.selected .icon{color:var(--accent)}.file-tree-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-item .delete-button{flex-shrink:0;width:20px;height:20px;padding:3px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.file-tree-item:hover .delete-button{opacity:1}.file-tree-item .delete-button:hover{background-color:#ef44441a;color:#ef4444}.file-tree-loading,.file-tree-error,.file-tree-empty{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;color:var(--text-muted)}.file-tree-error{display:flex;align-items:center;gap:var(--spacing-sm)}.error-text{color:#ef4444;font-size:12px}.retry-button{padding:2px 8px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);font-size:11px;border-radius:4px;cursor:pointer;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:var(--bg-tertiary)}.loading-text{animation:pulse 2s ease-in-out infinite}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:12px;color:var(--text-muted);height:28px;flex-shrink:0;position:absolute;bottom:0;left:0;right:0}.status-left,.status-right{display:flex;align-items:center;gap:var(--spacing-md)}.status-item{display:flex;align-items:center;gap:var(--spacing-xs)}.run-toggle{align-items:center;display:flex;gap:4px}.run-toggle__btn{border:1px solid var(--border-color);background:transparent;color:var(--text-primary);padding:2px 8px;border-radius:4px;font-size:11px;cursor:pointer}.run-toggle__btn.active{background-color:#3b82f626;border-color:var(--accent-color);color:var(--accent-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.cm-editor{height:100%;font-family:var(--font-editor)!important;font-size:var(--editor-font-size)!important}.cm-editor .cm-content{padding:var(--spacing-lg) var(--spacing-xl)}.cm-editor .cm-line{line-height:var(--editor-line-height)}.cm-command-line{color:var(--command-color)}.cm-command-prefix{color:var(--command-color);font-weight:500}.cm-editor.cm-focused{outline:none}.cm-editor .cm-selectionBackground{background-color:#2563eb33!important}.cm-editor .cm-cursor{border-left-color:var(--text-primary)}.cm-ai-gutter{width:12px;padding:0 2px}.cm-ai-marker{width:8px;height:8px;border-radius:50%;cursor:pointer;transition:transform .15s ease;margin-top:6px}.cm-ai-marker:hover{transform:scale(1.3)}.cm-ai-marker[data-status=success]{background-color:#22c55e}.cm-ai-marker[data-status=error]{background-color:#ef4444}.cm-ai-marker[data-status=stale]{background-color:#f59e0b}.cm-ai-marker[data-status=running]{background-color:#3b82f6;animation:ai-marker-pulse 1.5s ease-in-out infinite}.cm-ai-marker[data-status=resolved]{background-color:#9ca3af}@keyframes ai-marker-pulse{0%,to{opacity:1}50%{opacity:.5}}.gutter-popover{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;padding:var(--spacing-sm);font-family:var(--font-ui);font-size:13px}.gutter-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.gutter-popover-status{font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.gutter-popover-status--success{color:#22c55e}.gutter-popover-status--error{color:#ef4444}.gutter-popover-status--running{color:#3b82f6}.gutter-popover-status--stale{color:#f59e0b}.gutter-popover-status--resolved{color:#9ca3af}.gutter-popover-status--pending{color:var(--text-muted)}.gutter-popover-mode{font-size:10px;color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px}.gutter-popover-actions{display:flex;flex-direction:column;gap:2px}.gutter-popover-action{display:block;width:100%;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:background-color var(--transition-fast)}.gutter-popover-action:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.gutter-popover-action--disabled,.gutter-popover-action:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.gutter-popover-warning{margin-top:var(--spacing-xs);padding:var(--spacing-xs);font-size:11px;color:#f59e0b;background:#fffbeb;border-radius:4px;text-align:center}.cm-panels{background:transparent;font-family:var(--font-ui);border:none}.cm-panels-top{border:none;position:relative}.cm-panel.cm-search{position:absolute;top:8px;right:16px;left:auto;width:auto;max-width:420px;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;padding:10px 12px;font-size:13px;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cm-panel.cm-search br{display:none}.cm-panel.cm-search input[type=text],.cm-panel.cm-search input[type=search],.cm-panel.cm-search input.cm-textfield{font-family:var(--font-ui);font-size:13px;padding:6px 10px;border:1px solid transparent;border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:all var(--transition-fast);flex:1;min-width:140px}.cm-panel.cm-search input[type=text]:focus,.cm-panel.cm-search input[type=search]:focus,.cm-panel.cm-search input.cm-textfield:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.cm-panel.cm-search input::placeholder{color:var(--text-muted)}.cm-panel.cm-search button{font-family:var(--font-ui);font-size:11px;font-weight:500;padding:5px 10px;border:none;border-radius:5px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.cm-panel.cm-search button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cm-panel.cm-search button:active{background:var(--border-color)}.cm-panel.cm-search button[name=close]{padding:3px 6px;background:transparent;color:var(--text-muted);font-size:14px;line-height:1;margin-left:4px}.cm-panel.cm-search button[name=close]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.cm-panel.cm-search label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 6px;border-radius:4px;transition:all var(--transition-fast)}.cm-panel.cm-search label:hover{color:var(--text-secondary);background:var(--bg-secondary)}.cm-panel.cm-search input[type=checkbox]{width:12px;height:12px;accent-color:var(--accent);cursor:pointer;margin:0}.cm-searchMatch{background-color:#facc1566;border-radius:2px}.cm-searchMatch-selected{background-color:#2563eb4d;border-radius:2px}.cm-tooltip-autocomplete{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;overflow:hidden;font-family:var(--font-ui)}.cm-tooltip-autocomplete>ul{padding:4px;margin:0;list-style:none;max-height:280px;overflow-y:auto}.cm-tooltip-autocomplete>ul>li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;margin:0;border-radius:6px;cursor:pointer;transition:background-color var(--transition-fast)}.cm-tooltip-autocomplete>ul>li:hover{background-color:var(--bg-secondary)}.cm-tooltip-autocomplete>ul>li[aria-selected=true]{background-color:var(--accent);color:#fff}.cm-tooltip-autocomplete>ul>li[aria-selected=true] .cm-completionDetail{color:#fffc}.cm-completionLabel{font-size:14px;font-weight:500;color:var(--text-primary)}.cm-tooltip-autocomplete>ul>li[aria-selected=true] .cm-completionLabel{color:#fff}.cm-completionDetail{font-size:12px;color:var(--text-muted);margin-left:0;opacity:1}.cm-completionMatchedText{font-weight:600;color:var(--accent)}.cm-tooltip-autocomplete>ul>li[aria-selected=true] .cm-completionMatchedText{color:#fff;text-decoration:underline}@keyframes command-success-flash{0%{background-color:transparent}15%{background-color:#22c55e33}to{background-color:transparent}}.cm-line.cm-command-flash{animation:command-success-flash .6s ease-out forwards}@keyframes command-running-pulse{0%,to{opacity:1}50%{opacity:.5}}.cm-line.cm-command-running{animation:command-running-pulse 1.5s ease-in-out infinite}:root{--bg-cream: #FAF9F7;--bg-warm: #F5F4F0;--bg-paper: #FFFFFF;--text-ink: #1A1919;--text-secondary: #4A4A48;--text-muted: #8A8A88;--accent: #2563EB;--accent-soft: #3B82F6;--accent-glow: rgba(37, 99, 235, .15);--border-light: #E8E7E4;--border-dark: #D4D3D0;--command-grey: #9CA3AF;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Source Serif 4", "Georgia", serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--max-width: 1200px;--content-width: 720px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing{min-height:100vh;background-color:var(--bg-cream);color:var(--text-ink);font-family:var(--font-body);font-size:18px;line-height:1.7;overflow-x:hidden;background-image:radial-gradient(circle at 25% 25%,rgba(0,0,0,.01) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.01) 0%,transparent 50%)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:#faf9f7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.nav-logo{display:flex;align-items:center}.logo-text{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text-ink)}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--text-ink)}.nav-cta{padding:var(--space-sm) var(--space-md);background:var(--text-ink);color:var(--bg-cream)!important;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hero{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4xl);min-height:100vh;padding:var(--space-5xl) var(--space-xl);padding-top:calc(var(--space-5xl) + 60px);max-width:var(--max-width);margin:0 auto;align-items:center}.hero-content{animation:fadeInUp .8s var(--ease-out) both}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);padding:var(--space-xs) var(--space-md);border-radius:100px;margin-bottom:var(--space-lg)}.hero-title{font-family:var(--font-display);font-size:clamp(48px,6vw,72px);font-weight:400;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--text-ink)}.hero-title-accent{font-style:italic;color:var(--accent)}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--text-secondary);max-width:500px;margin-bottom:var(--space-xl)}.hero-cta{display:flex;gap:var(--space-md)}.hero-demo{animation:fadeIn 1s var(--ease-out) .3s both}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:15px;font-weight:500;padding:var(--space-md) var(--space-lg);border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--text-ink);color:var(--bg-cream)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-secondary{background:transparent;color:var(--text-ink);border:1.5px solid var(--border-dark)}.btn-secondary:hover{background:var(--bg-warm);border-color:var(--text-muted)}.demo-container{perspective:1200px}.demo-container .demo-content{height:485px;min-height:485px;max-height:485px}.demo-container-compact .demo-content{height:380px;min-height:380px;max-height:380px}.rotating-demo-container{display:flex;flex-direction:column;gap:var(--space-md)}.demo-indicators{display:flex;justify-content:center;gap:var(--space-sm)}.demo-indicator{padding:var(--space-xs) var(--space-md);font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border-light);border-radius:16px;cursor:pointer;transition:all .2s ease}.demo-indicator:hover{color:var(--text-secondary);border-color:var(--border-dark)}.demo-indicator.active{color:var(--bg-cream);background:var(--text-ink);border-color:var(--text-ink)}.demo-window{background:var(--bg-paper);border-radius:12px;box-shadow:0 2px 4px #00000005,0 8px 24px #0000000f,0 24px 48px #0000000a;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:transform .4s var(--ease-out)}.demo-window:hover{transform:rotateY(0) rotateX(0)}.demo-titlebar{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-warm);border-bottom:1px solid var(--border-light)}.demo-buttons{display:flex;gap:6px}.demo-btn{width:12px;height:12px;border-radius:50%}.demo-btn-close{background:#ff5f57}.demo-btn-minimize{background:#ffbd2e}.demo-btn-maximize{background:#28ca41}.demo-title{flex:1;text-align:center;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-muted)}.demo-content{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.demo-editor,.demo-preview{display:flex;flex-direction:column}.demo-editor{border-right:1px solid var(--border-light);background:var(--bg-paper)}.demo-preview{background:var(--bg-warm)}.demo-pane-header{padding:var(--space-sm) var(--space-md);font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.demo-editor-content{flex:1;padding:var(--space-md);font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-ink);position:relative;overflow-y:auto}.demo-line{min-height:1.6em}.demo-command{color:var(--command-grey)}.demo-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.demo-preview-content{flex:1;padding:var(--space-md);font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-y:auto}.demo-preview-h1{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:var(--space-md);animation:fadeIn .3s ease both}.demo-preview-p{margin-bottom:var(--space-sm);color:var(--text-secondary);animation:fadeIn .3s ease both}.demo-preview-quote{padding-left:var(--space-md);border-left:3px solid var(--accent);font-style:italic;color:var(--text-secondary);margin:var(--space-md) 0;animation:slideIn .4s var(--ease-out) both}.demo-preview-chart{margin:var(--space-md) 0;padding:var(--space-md);background:var(--bg-paper);border-radius:8px;border:1px solid var(--border-light);animation:slideIn .4s var(--ease-out) both}.demo-chart-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.demo-chart-svg{width:100%;max-width:200px;height:auto}.demo-chart-svg path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 1.5s var(--ease-out) forwards}.demo-chart-svg circle{opacity:0;animation:fadeIn .3s var(--ease-out) forwards}.demo-chart-svg circle:nth-child(2){animation-delay:.3s}.demo-chart-svg circle:nth-child(3){animation-delay:.6s}.demo-chart-svg circle:nth-child(4){animation-delay:.9s}.demo-chart-svg circle:nth-child(5){animation-delay:1.2s}@keyframes drawLine{to{stroke-dashoffset:0}}.demo-chart-histogram rect{transform-origin:bottom;transform:scaleY(0);animation:growBar .4s var(--ease-out) forwards}.demo-chart-histogram rect:nth-child(1){animation-delay:.1s}.demo-chart-histogram rect:nth-child(2){animation-delay:.2s}.demo-chart-histogram rect:nth-child(3){animation-delay:.3s}.demo-chart-histogram rect:nth-child(4){animation-delay:.4s}.demo-chart-histogram rect:nth-child(5){animation-delay:.5s}.demo-chart-histogram rect:nth-child(6){animation-delay:.6s}@keyframes growBar{to{transform:scaleY(1)}}.demo-chart-label{font-family:var(--font-ui);font-size:11px;color:var(--text-muted)}.demo-preview-research{margin:var(--space-md) 0;padding:var(--space-md);background:linear-gradient(135deg,#2563eb0f,#2563eb05);border-radius:8px;border:1px solid rgba(37,99,235,.15);animation:slideIn .4s var(--ease-out) both}.research-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.research-icon{width:14px;height:14px;stroke:var(--accent)}.research-content{font-size:14px;line-height:1.6;color:var(--text-secondary)}.research-source{display:flex;align-items:center;gap:4px;margin-top:var(--space-sm);font-size:12px;color:var(--accent);cursor:pointer}.research-source:hover{text-decoration:underline}.source-link-icon{width:12px;height:12px;stroke:var(--accent);flex-shrink:0}.demo-preview-summary{margin:var(--space-md) 0;padding:var(--space-md);background:linear-gradient(135deg,#22c55e0f,#22c55e05);border-radius:8px;border:1px solid rgba(34,197,94,.15);animation:slideIn .4s var(--ease-out) both}.summary-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#16a34a}.summary-icon{width:14px;height:14px;stroke:#16a34a}.summary-content{font-size:14px;line-height:1.6;color:var(--text-secondary)}.demo-preview-table{margin:var(--space-md) 0;animation:slideIn .4s var(--ease-out) both;overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:12px}.demo-table th,.demo-table td{padding:var(--space-sm) var(--space-sm);text-align:left;border-bottom:1px solid var(--border-light)}.demo-table th{font-weight:600;color:var(--text-ink);background:var(--bg-warm);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.demo-table td{color:var(--text-secondary)}.demo-table tr:last-child td{border-bottom:none}.demo-table td:first-child{font-family:var(--font-mono);color:var(--accent)}.demo-preview-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;animation:fadeIn .2s ease both}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.loading-text{font-size:13px;color:var(--text-muted)}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section{padding:var(--space-4xl) var(--space-xl)}.section-content{max-width:var(--max-width);margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-lg);text-align:center}.section-description{font-size:20px;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-3xl)}.section-problem{background:var(--bg-warm)}.section-content-compact{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.section-problem .section-title{margin-bottom:var(--space-xl)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.problem-item{text-align:center;padding:var(--space-lg)}.problem-icon-svg{width:32px;height:32px;margin:0 auto var(--space-md);display:block;color:var(--text-muted);stroke-linecap:round;stroke-linejoin:round}.problem-item p{font-size:17px;color:var(--text-secondary);line-height:1.5}.problem-solution{font-size:20px;text-align:center;max-width:700px;margin:0 auto;line-height:1.7}.inline-code{font-family:var(--font-mono);font-size:.9em;background:var(--accent-glow);color:var(--accent);padding:2px 8px;border-radius:4px}.how-steps{display:flex;flex-direction:column;gap:var(--space-xl);max-width:600px;margin:0 auto}.how-step{display:flex;gap:var(--space-lg);align-items:flex-start}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--accent);background:var(--accent-glow);border-radius:50%}.step-content h3{font-family:var(--font-display);font-size:24px;font-weight:500;margin-bottom:var(--space-sm)}.step-content h3 code{font-family:var(--font-mono);color:var(--accent)}.step-content p{color:var(--text-secondary)}.section-capabilities{background:var(--bg-warm)}.capability-carousel{max-width:800px;margin:var(--space-2xl) auto 0}.capability-header{text-align:center;margin-bottom:var(--space-xl)}.capability-command{display:inline-block;font-family:var(--font-mono);font-size:clamp(18px,3vw,24px);color:var(--text-ink);padding:var(--space-sm) var(--space-lg);background:var(--bg-paper);border-radius:8px;border:1px solid var(--border-light);box-shadow:0 4px 12px #0000000f}.capability-command .command-prefix{color:var(--accent);font-weight:600}.capability-command.shimmer-in{animation:shimmerIn .3s ease forwards}.capability-command.shimmer-out{animation:shimmerOut .15s ease forwards}@keyframes shimmerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.capability-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-2xl);align-items:center;min-height:280px}.capability-content.fade-in{animation:fadeIn .3s ease forwards}.capability-content.fade-out{animation:fadeOut .15s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.capability-info{text-align:left}.capability-title{font-family:var(--font-display);font-size:28px;margin-bottom:var(--space-sm);color:var(--text-ink)}.capability-description{font-size:17px;color:var(--text-secondary);line-height:1.6}.capability-preview-container{background:var(--bg-paper);border-radius:12px;padding:var(--space-xl);border:1px solid var(--border-light);box-shadow:0 8px 24px #0000000f;height:clamp(260px,32vw,320px);min-height:260px;display:flex;align-items:stretch;justify-content:center}.capability-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.capability-indicators{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap}.capability-indicator{font-family:var(--font-ui);font-size:13px;padding:var(--space-xs) var(--space-md);border:1px solid var(--border-dark);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.capability-indicator:hover{border-color:var(--accent);color:var(--accent)}.capability-indicator.active{background:var(--text-ink);border-color:var(--text-ink);color:var(--bg-cream)}.capability-research .research-result{display:flex;gap:var(--space-md);align-items:flex-start}.capability-research{justify-content:center}.capability-research .research-result{max-width:420px}.research-icon-large{flex-shrink:0;width:40px;height:40px;background:var(--accent-glow);border-radius:10px;display:flex;align-items:center;justify-content:center}.research-icon-large svg{width:20px;height:20px;color:var(--accent)}.research-content{flex:1}.research-stat{font-size:20px;font-weight:600;color:var(--text-ink);margin-bottom:4px}.research-text{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.research-citation{font-size:13px;color:var(--accent);font-style:italic}.capability-chart{text-align:center;flex-direction:column;justify-content:center;gap:var(--space-md)}.chart-preview-svg{width:100%;max-width:280px}.chart-preview-svg rect{animation:growBar .6s ease-out forwards;transform-origin:bottom}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-label{display:block;margin-top:var(--space-sm);font-size:13px;color:var(--text-muted)}.capability-mermaid{flex-direction:column}.capability-mermaid .mermaid-diagram{display:flex;flex-direction:column;align-items:center;gap:6px}.mermaid-node{background:var(--bg-warm);border:1.5px solid var(--border-dark);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-ink)}.mermaid-node.mermaid-start{background:var(--accent-glow);border-color:var(--accent)}.mermaid-node.mermaid-end{background:var(--text-ink);color:var(--bg-cream);border-color:var(--text-ink)}.mermaid-node.mermaid-small{padding:6px 12px;font-size:12px}.mermaid-arrow{color:var(--text-muted);font-size:14px}.mermaid-branch{display:flex;gap:var(--space-md)}.capability-image{flex-direction:column}.capability-image .image-placeholder{position:relative;width:100%;height:160px;border-radius:8px;overflow:hidden}.image-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#99b2e6,#bf8cd9,#e699b2);opacity:.4}.image-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.image-content svg{width:48px;height:48px;margin-bottom:var(--space-sm);opacity:.5}.image-content span{font-size:13px}.capability-translate{flex-direction:column;gap:var(--space-md)}.capability-translate .translate-comparison{display:flex;align-items:center;gap:var(--space-md)}.translate-original,.translate-result{flex:1;padding:var(--space-md);background:var(--bg-warm);border-radius:8px}.translate-lang{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.translate-original p,.translate-result p{font-size:14px;line-height:1.5;color:var(--text-ink);font-style:italic;margin:0}.translate-arrow{font-size:20px;color:var(--accent);flex-shrink:0}.capability-summarize{text-align:center;flex-direction:column;gap:var(--space-md)}.summarize-demo{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.summarize-original,.summarize-result{display:flex;flex-direction:column;gap:6px}.summarize-line{height:8px;width:120px;background:var(--border-dark);border-radius:4px}.summarize-line.short{width:80px}.summarize-line.accent{background:var(--accent)}.summarize-arrow{color:var(--accent)}.summarize-arrow svg{width:24px;height:24px}.summarize-label{display:block;margin-top:var(--space-md);font-size:13px;color:var(--text-muted)}@media(max-width:768px){.capability-content{grid-template-columns:1fr;gap:var(--space-lg);min-height:auto}.capability-info{text-align:center}.translate-comparison{flex-direction:column}.translate-arrow{transform:rotate(90deg)}}.section-commands{background:var(--text-ink);color:var(--bg-cream)}.section-commands .section-title{color:var(--bg-cream)}.section-commands .section-description{color:#ffffffb3}.command-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.command-showcase-item{padding:var(--space-md) var(--space-lg);background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:fadeInUp .5s var(--ease-out) both}.command-showcase-item:hover{background:#ffffff14;transform:translateY(-2px)}.command-category{font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-soft);margin-bottom:var(--space-sm);display:block}.command-text{font-family:var(--font-mono);font-size:14px;color:#ffffffe6}.command-prefix{color:var(--command-grey)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.feature-card{padding:var(--space-xl);background:var(--bg-paper);border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.feature-icon{font-size:32px;margin-bottom:var(--space-md);display:block}.feature-title{font-family:var(--font-display);font-size:24px;font-weight:500;margin-bottom:var(--space-sm)}.feature-description{color:var(--text-secondary);margin-bottom:var(--space-md)}.feature-example{display:block;font-family:var(--font-mono);font-size:13px;padding:var(--space-sm) var(--space-md);background:var(--bg-warm);border-radius:6px;color:var(--text-secondary)}.section-security{background:var(--bg-cream);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.security-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-3xl);align-items:stretch}.security-copy{background:var(--bg-paper);border-radius:18px;padding:var(--space-2xl);box-shadow:0 25px 50px #0000000a}.security-points{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xl)}.security-point{display:flex;gap:var(--space-md);align-items:flex-start}.point-icon{font-size:24px}.security-point h3{font-size:18px;margin-bottom:var(--space-xs)}.security-point p{color:var(--text-secondary);font-size:16px;line-height:1.6}.security-cta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.security-link{font-family:var(--font-ui);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-lg);border-radius:999px;text-decoration:none;background:var(--text-ink);color:var(--bg-cream);transition:transform .2s ease,box-shadow .2s ease}.security-link.secondary{background:transparent;color:var(--text-ink);border:1px solid var(--text-ink)}.security-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.security-card{background:var(--bg-paper);border-radius:18px;padding:var(--space-2xl);border:1px solid var(--border-light);box-shadow:inset 0 1px #ffffff80}.security-card h3{font-size:20px;margin-bottom:var(--space-lg)}.security-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-md);color:var(--text-secondary)}.security-card li:before{content:"• ";color:var(--accent)}@media(max-width:960px){.security-layout{grid-template-columns:1fr}}.security-page{max-width:var(--max-width);margin:0 auto;padding:calc(var(--space-5xl) + 60px) var(--space-xl) var(--space-5xl)}.security-hero{margin-bottom:var(--space-3xl)}.security-hero .hero-title{font-size:clamp(40px,5vw,60px)}.security-section{margin-bottom:var(--space-2xl);background:var(--bg-paper);padding:var(--space-2xl);border-radius:16px;border:1px solid var(--border-light)}.security-section h2{font-family:var(--font-display);font-size:28px;margin-bottom:var(--space-md)}.security-section ul,.security-section ol{margin-left:var(--space-lg);color:var(--text-secondary);line-height:1.7}.security-section h3{font-size:20px;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.security-section code{font-family:var(--font-mono);font-size:14px;background:var(--bg-warm);padding:2px 6px;border-radius:4px}.threat-table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:15px}.threat-table th,.threat-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light)}.threat-table th{font-weight:600;color:var(--text-ink);background:var(--bg-warm)}.threat-table td{color:var(--text-secondary)}.threat-table td:last-child{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.feature-example .command-prefix{color:var(--command-grey)}.section-video{background:var(--bg-warm)}.video-container{max-width:900px;margin:0 auto}.video-placeholder{aspect-ratio:16 / 9;background:var(--text-ink);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.video-placeholder-content{text-align:center;color:var(--bg-cream)}.video-play-icon{font-size:48px;display:block;margin-bottom:var(--space-md);opacity:.8}.video-placeholder-content p{font-size:18px;opacity:.8}.video-duration{font-family:var(--font-mono);font-size:12px;opacity:.5;display:block;margin-top:var(--space-sm)}.video-link{text-decoration:none;cursor:pointer;transition:transform .3s ease}.video-link:hover{transform:scale(1.02)}.video-note{text-align:center;margin-top:var(--space-lg);font-size:16px;color:var(--text-muted)}.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.inline-link:hover{color:var(--accent-soft)}.compare-table{max-width:800px;margin:0 auto}.compare-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-bottom:1px solid var(--border-light)}.compare-header{font-family:var(--font-ui);font-size:14px;font-weight:600;border-bottom:2px solid var(--border-dark)}.compare-cell{padding:var(--space-md) var(--space-lg);text-align:center;font-size:15px;color:var(--text-secondary)}.compare-label{text-align:left;font-weight:500;color:var(--text-ink)}.compare-highlight{background:var(--accent-glow);color:var(--accent);font-weight:500}.section-beta{background:linear-gradient(180deg,var(--bg-cream) 0%,var(--bg-warm) 100%)}.beta-content{text-align:center;max-width:500px;margin:0 auto}.beta-title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-.02em;margin-bottom:var(--space-md)}.beta-description{font-size:18px;color:var(--text-secondary);margin-bottom:var(--space-xl)}.beta-form{display:flex;gap:var(--space-sm);max-width:400px;margin:0 auto var(--space-lg)}.beta-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-ui);font-size:16px;border:1.5px solid var(--border-dark);border-radius:8px;background:var(--bg-paper);color:var(--text-ink);transition:border-color .2s ease}.beta-input:focus{outline:none;border-color:var(--accent)}.beta-input::placeholder{color:var(--text-muted)}.beta-note{font-size:14px;color:var(--text-muted)}.beta-success{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--accent-glow);border-radius:8px;animation:fadeIn .3s ease both}.success-icon{color:var(--accent);font-size:24px}.beta-success p{color:var(--accent);font-weight:500}.beta-form-expanded{flex-direction:column;max-width:480px;gap:var(--space-lg)}.form-group{text-align:left}.form-label{display:block;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-ink);margin-bottom:var(--space-sm)}.form-label-optional{font-weight:400;color:var(--text-muted);margin-left:var(--space-xs)}.use-case-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.use-case-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-paper);border:1.5px solid var(--border-dark);border-radius:20px;cursor:pointer;transition:all .2s ease}.use-case-btn:hover{border-color:var(--accent);color:var(--accent)}.use-case-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.beta-textarea{width:100%;padding:var(--space-md);font-family:var(--font-ui);font-size:15px;border:1.5px solid var(--border-dark);border-radius:8px;background:var(--bg-paper);color:var(--text-ink);resize:vertical;min-height:60px;transition:border-color .2s ease}.beta-textarea:focus{outline:none;border-color:var(--accent)}.beta-textarea::placeholder{color:var(--text-muted)}.btn-submit{width:100%;padding:var(--space-md) var(--space-xl)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#dc2626;font-size:14px;margin:0}.landing-footer{background:var(--text-ink);color:var(--bg-cream);padding:var(--space-3xl) var(--space-xl)}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer-brand .logo-text{color:var(--bg-cream)}.footer-tagline{font-size:14px;color:#ffffff80;margin-top:var(--space-xs)}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{font-family:var(--font-ui);font-size:14px;color:#ffffffb3;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--bg-cream)}.footer-contact{display:flex;align-items:center;gap:var(--space-sm)}.footer-contact-label{font-size:13px;color:#fff6}.footer-email{font-size:13px;color:#fff9;text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--bg-cream)}.footer-legal{font-size:13px;color:#fff6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:var(--space-3xl);text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.demo-window{transform:none}}@media(max-width:768px){.landing{font-size:16px}.section{padding:var(--space-3xl) var(--space-md)}.nav-links{gap:var(--space-md)}.nav-link:not(.nav-cta){display:none}.problem-grid{grid-template-columns:1fr;gap:var(--space-lg)}.demo-content{grid-template-columns:1fr;min-height:auto}.demo-editor{border-right:none;border-bottom:1px solid var(--border-light);min-height:280px}.demo-preview{min-height:400px}.demo-editor-content{padding:var(--space-md);font-size:14px;line-height:1.5}.demo-preview-content{padding:var(--space-md)}.demo-container .demo-content,.demo-container-compact .demo-content{height:auto;min-height:auto;max-height:none}.demo-editor-content .demo-line{font-size:13px}.demo-preview-h1{font-size:20px}.demo-preview-p{font-size:14px}.demo-preview-quote{font-size:14px;padding:var(--space-sm) var(--space-md)}.demo-indicators{gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-md)}.demo-indicator{padding:10px 16px;font-size:14px;border-radius:20px}.compare-table{overflow-x:auto}.compare-row{grid-template-columns:repeat(3,minmax(90px,1fr));gap:0}.compare-header .compare-cell:first-child,.compare-row .compare-label{display:none}.compare-cell{padding:var(--space-sm) var(--space-xs);font-size:13px;word-break:break-word}.compare-header .compare-cell{font-size:12px}.capability-content{grid-template-columns:1fr;gap:var(--space-lg)}.capability-command{font-size:16px}.capability-title{font-size:24px}.capability-description{font-size:15px}.capability-preview-container{height:clamp(220px,60vw,260px);min-height:220px;padding:var(--space-md)}.capability-indicators{gap:var(--space-xs)}.capability-indicator{font-size:11px;padding:6px 10px}.chart-preview .chart-bars{gap:3px}.chart-preview .chart-bar{min-width:20px}.mermaid-preview .mermaid-node{padding:8px 12px;font-size:11px}.research-icon-large{width:32px;height:32px}.research-stat{font-size:18px}.research-text{font-size:14px}.translate-comparison{flex-direction:column;gap:var(--space-sm)}.translate-arrow{transform:rotate(90deg)}.translate-block{padding:var(--space-sm)}.translate-text{font-size:14px}.summary-preview .summary-bullet{font-size:14px;padding:var(--space-xs) 0}.beta-form{flex-direction:column}.footer-content{flex-direction:column;text-align:center}.command-showcase-grid,.features-grid,.security-layout{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-title{font-size:28px}.section-description{font-size:16px}.demo-window{margin:0 calc(-1 * var(--space-md));border-radius:0}.compare-cell{padding:var(--space-xs);font-size:12px}.capability-command{font-size:14px}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll.animate-in .section-content>*{opacity:0;animation:fadeInUp .5s var(--ease-out) forwards}.animate-on-scroll.animate-in .section-content>*:nth-child(1){animation-delay:.1s}.animate-on-scroll.animate-in .section-content>*:nth-child(2){animation-delay:.2s}.animate-on-scroll.animate-in .section-content>*:nth-child(3){animation-delay:.3s}.animate-on-scroll.animate-in .section-content>*:nth-child(4){animation-delay:.4s}.animate-on-scroll.animate-in .features-grid .feature-card,.animate-on-scroll.animate-in .command-showcase-item{opacity:0;animation:fadeInUp .5s var(--ease-out) forwards}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(1),.animate-on-scroll.animate-in .command-showcase-item:nth-child(1){animation-delay:.1s}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(2),.animate-on-scroll.animate-in .command-showcase-item:nth-child(2){animation-delay:.15s}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(3),.animate-on-scroll.animate-in .command-showcase-item:nth-child(3){animation-delay:.2s}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(4),.animate-on-scroll.animate-in .command-showcase-item:nth-child(4){animation-delay:.25s}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(5),.animate-on-scroll.animate-in .command-showcase-item:nth-child(5){animation-delay:.3s}.animate-on-scroll.animate-in .features-grid .feature-card:nth-child(6),.animate-on-scroll.animate-in .command-showcase-item:nth-child(6){animation-delay:.35s}.animate-on-scroll.animate-in .command-showcase-item:nth-child(7){animation-delay:.4s}.animate-on-scroll.animate-in .command-showcase-item:nth-child(8){animation-delay:.45s}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:20px}.admin-login-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:40px;max-width:400px;width:100%;text-align:center}.admin-login-card h1{color:#fff;font-size:24px;margin-bottom:8px}.admin-login-card p{color:#888;margin-bottom:24px}.admin-login-card form{display:flex;flex-direction:column;gap:16px}.admin-login-card input{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px}.admin-login-card input:focus{outline:none;border-color:#4a9eff}.admin-login-card button{background:#4a9eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.admin-login-card button:hover:not(:disabled){background:#3a8eef}.admin-login-card button:disabled{opacity:.5;cursor:not-allowed}.admin-login-card .error{color:#ff6b6b;margin-top:16px}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;color:#888}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.admin-dashboard{min-height:100vh;background:#0a0a0a;color:#fff;padding:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #222}.admin-header h1{font-size:28px;margin:0}.last-updated{color:#666;font-size:14px;margin-top:4px;display:block}.admin-header-right{display:flex;gap:12px}.refresh-btn,.logout-btn{background:#222;border:1px solid #333;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#333}.logout-btn:hover{background:#f44;border-color:#f44}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px}.stat-card h3{color:#888;font-size:14px;font-weight:500;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:42px;font-weight:600;line-height:1;margin-bottom:16px}.stat-breakdown{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#666}.stat-breakdown span{background:#222;padding:4px 8px;border-radius:4px}.stat-card.primary{border-color:#4a9eff}.stat-card.primary .stat-value{color:#4a9eff}.stat-card.success{border-color:#4ade80}.stat-card.success .stat-value{color:#4ade80}.stat-card.highlight{border-color:#fbbf24}.stat-card.highlight .stat-value{color:#fbbf24}.admin-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;margin-bottom:24px}.admin-section h2{font-size:18px;margin:0 0 20px;color:#fff}.admin-section.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:768px){.admin-section.two-columns{grid-template-columns:1fr}}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #222}.admin-table th{color:#888;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#ddd;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#222}.signups-table .pain-point{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trends-container{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:768px){.trends-container{grid-template-columns:1fr}}.trend-chart h4{font-size:14px;color:#888;margin:0 0 16px}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding:8px 0;border-bottom:1px solid #333}.chart-bar{flex:1;min-width:8px;background:#4a9eff;border-radius:2px 2px 0 0;transition:opacity .2s;cursor:pointer}.chart-bar:hover{opacity:.8}.chart-bar.views{background:#4ade80}.admin-tabs{display:flex;gap:8px;margin-top:12px}.tab-btn{background:transparent;border:1px solid #333;color:#888;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{border-color:#555;color:#fff}.tab-btn.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.tab-btn .badge{background:#ff6b6b;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.tab-btn.active .badge{background:#ffffff4d}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background:#3d3d00;color:#fbbf24}.status-badge.approved{background:#003d2b;color:#4ade80}.waitlist-table .actions-cell{white-space:nowrap}.btn-small{background:#333;border:1px solid #444;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#444}.btn-small.btn-approve{background:#4a9eff;border-color:#4a9eff}.btn-small.btn-approve:hover{background:#3a8eef}.action-toast{position:fixed;top:24px;right:24px;padding:12px 40px 12px 16px;border-radius:8px;font-size:14px;z-index:1000;animation:slideIn .3s ease}.action-toast.success{background:#065f46;color:#6ee7b7;border:1px solid #10b981}.action-toast.error{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}.action-toast button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7}.action-toast button:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;width:100%;max-width:480px;margin:20px}.modal h2{margin:0 0 8px;font-size:20px;color:#fff}.modal-email{color:#4a9eff;font-size:16px;margin:0 0 12px}.modal-context{color:#888;font-size:14px;font-style:italic;margin:0 0 20px;padding:12px;background:#0a0a0a;border-radius:6px}.modal label{display:block;color:#888;font-size:13px;margin-bottom:8px}.modal textarea{width:100%;background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:12px;color:#fff;font-size:14px;resize:vertical;font-family:inherit}.modal textarea:focus{outline:none;border-color:#4a9eff}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-secondary{background:#333;border:1px solid #444;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#444}.btn-primary{background:#4a9eff;border:1px solid #4a9eff;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#3a8eef}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.generate-link-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;margin-bottom:24px}.generate-link-section h2{color:#fff;font-size:18px;margin-bottom:8px}.generate-link-section .section-desc{color:#888;font-size:14px;margin-bottom:16px}.generate-link-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.link-input{flex:1;min-width:200px;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:10px 14px;color:#fff;font-family:monospace;font-size:13px}.btn-copy{background:#059669;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-copy:hover{background:#047857}@media(max-width:600px){.admin-dashboard{padding:16px}.admin-header{flex-direction:column;gap:16px;text-align:center}.admin-tabs{justify-content:center}.stat-value{font-size:32px}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 10px}.action-toast{left:16px;right:16px}}.onboarding-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-panel{background:var(--bg-primary, #FAFAFA);border-radius:16px;width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #0003;animation:onboarding-appear .2s ease-out}@keyframes onboarding-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-progress{display:flex;gap:.5rem;padding:1.25rem 1.5rem 0}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color, #E5E7EB);transition:all .2s ease}.progress-dot.active{background:var(--accent, #2563EB);width:24px;border-radius:4px}.progress-dot.completed{background:var(--accent, #2563EB)}.onboarding-content{padding:2rem 1.5rem;min-height:320px;display:flex;flex-direction:column}.onboarding-step{display:flex;flex-direction:column;gap:1rem;flex:1}.step-icon{width:64px;height:64px;margin:0 auto .5rem;color:var(--accent, #2563EB)}.step-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1A1A1A);text-align:center}.step-description{margin:0;font-size:.9375rem;color:var(--text-secondary, #4B5563);text-align:center;line-height:1.6}.step-description code{background:var(--bg-secondary, #F5F5F5);padding:.125rem .5rem;border-radius:4px;font-family:var(--font-editor, monospace);font-size:.875rem;color:var(--text-primary, #1A1A1A)}.step-description-small{margin:0;font-size:.8125rem;color:var(--text-muted, #9CA3AF);text-align:center;line-height:1.5}.step-description-small code{background:var(--bg-secondary, #F5F5F5);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-editor, monospace);font-size:.75rem}.provider-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.provider-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:2px solid var(--border-color, #E5E7EB);border-radius:10px;cursor:pointer;transition:all .15s ease}.provider-card:hover{border-color:var(--accent, #2563EB)}.provider-card.selected{border-color:var(--accent, #2563EB);background:#2563eb0d}.provider-card.disabled{opacity:.6;cursor:not-allowed}.provider-card.disabled:hover{border-color:var(--border-color, #E5E7EB)}.provider-card input[type=radio]{width:18px;height:18px;accent-color:var(--accent, #2563EB)}.provider-card-info{display:flex;flex-direction:column;gap:.125rem}.provider-card-name{font-size:.9375rem;font-weight:500;color:var(--text-primary, #1A1A1A)}.provider-card-desc{font-size:.8125rem;color:var(--text-muted, #9CA3AF)}.api-key-section{margin-top:.5rem}.api-key-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #4B5563);margin-bottom:.5rem;display:block}.api-key-row{display:flex;gap:.5rem}.api-key-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.9375rem;font-family:var(--font-editor, monospace);background:#fff;transition:border-color .15s ease}.api-key-input:focus{outline:none;border-color:var(--accent, #2563EB)}.api-key-input::placeholder{color:var(--text-muted, #9CA3AF);font-family:var(--font-ui, sans-serif)}.test-key-button{padding:.75rem 1.25rem;background:var(--accent, #2563EB);border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap}.test-key-button:hover:not(:disabled){background:var(--accent-hover, #1D4ED8)}.test-key-button:disabled{opacity:.5;cursor:not-allowed}.api-key-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.test-status{font-size:.8125rem;font-weight:500}.test-status.success{color:#059669}.test-status.error{color:#dc2626}.get-key-link{font-size:.8125rem;color:var(--accent, #2563EB);text-decoration:none;cursor:pointer}.get-key-link:hover{text-decoration:underline}.privacy-note{font-size:.75rem;color:var(--text-muted, #9CA3AF);margin-top:1rem;text-align:center}.workspace-section{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.workspace-display{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary, #F5F5F5);border:1px solid var(--border-color, #E5E7EB);border-radius:8px}.workspace-icon{width:24px;height:24px;color:var(--text-muted, #9CA3AF)}.workspace-path{flex:1;font-size:.875rem;font-family:var(--font-editor, monospace);color:var(--text-primary, #1A1A1A);word-break:break-all}.workspace-path.empty{color:var(--text-muted, #9CA3AF);font-family:var(--font-ui, sans-serif)}.choose-folder-button{padding:.75rem 1.25rem;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary, #1A1A1A);cursor:pointer;transition:all .15s ease}.choose-folder-button:hover{border-color:var(--accent, #2563EB);background:#2563eb0d}.ready-examples{background:var(--bg-secondary, #F5F5F5);border-radius:8px;padding:1rem;margin-top:.5rem}.ready-examples p{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-secondary, #4B5563)}.command-examples{display:flex;flex-direction:column;gap:.5rem}.command-example{font-family:var(--font-editor, monospace);font-size:.8125rem;color:var(--text-primary, #1A1A1A);padding:.5rem .75rem;background:#fff;border-radius:4px}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem 1.5rem;gap:1rem}.skip-button{padding:.625rem 1rem;background:none;border:none;font-size:.875rem;color:var(--text-muted, #9CA3AF);cursor:pointer;transition:color .15s ease}.skip-button:hover{color:var(--text-secondary, #4B5563)}.nav-buttons{display:flex;gap:.5rem}.back-button{padding:.625rem 1.25rem;background:var(--bg-secondary, #F5F5F5);border:1px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary, #1A1A1A);cursor:pointer;transition:all .15s ease}.back-button:hover{background:var(--bg-tertiary, #EFEFEF)}.next-button{padding:.625rem 1.5rem;background:var(--accent, #2563EB);border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.next-button:hover:not(:disabled){background:var(--accent-hover, #1D4ED8)}.next-button:disabled{opacity:.5;cursor:not-allowed}.optional-tag{display:inline-block;font-size:.6875rem;font-weight:500;color:var(--text-muted, #9CA3AF);background:var(--bg-secondary, #F5F5F5);padding:.125rem .5rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.coming-soon-badge{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;margin-left:.375rem}.runmode-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.runmode-option{background:var(--bg-secondary, #F5F5F5);border:1px solid var(--border-color, #E5E7EB);border-radius:10px;padding:1rem}.runmode-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.runmode-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:4px}.runmode-badge.auto{background:#05966926;color:#059669}.runmode-badge.manual{background:#2563eb26;color:#2563eb}.runmode-default{font-size:.6875rem;color:#9ca3af}.runmode-desc{font-size:.8125rem;color:var(--text-secondary, #4B5563);line-height:1.5;margin:0}.runmode-desc kbd{display:inline-block;font-family:var(--font-ui, sans-serif);font-size:.6875rem;background:#fff;border:1px solid #D1D5DB;border-radius:4px;padding:.125rem .375rem;box-shadow:0 1px #d1d5db}.demo-preview{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:10px;overflow:hidden}.demo-content{padding:1rem}.demo-text{font-size:.875rem;color:var(--text-secondary, #4B5563);line-height:1.6;margin:0 0 .75rem}.demo-command{font-family:var(--font-editor, monospace);font-size:.875rem;color:var(--text-primary, #1A1A1A);padding:.5rem .75rem;background:var(--bg-secondary, #F5F5F5);border-radius:6px;margin-bottom:.75rem}.demo-command-prefix{color:var(--accent, #2563EB);font-weight:600}.demo-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#2563eb14;border-radius:6px;font-size:.8125rem;color:var(--accent, #2563EB)}.demo-sparkle{animation:sparkle-pulse 1s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:rotate(0)}50%{opacity:.6;transform:rotate(180deg)}}.demo-result{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border-radius:6px;font-size:.8125rem;line-height:1.5}.demo-result.success{background:#05966914;color:#047857}.demo-result.success svg{flex-shrink:0;margin-top:.125rem;color:#059669}.demo-result.error{background:#dc262614;color:#dc2626}.demo-run-button{display:block;width:100%;margin-top:1rem;padding:.875rem 1.5rem;background:var(--accent, #2563EB);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.demo-run-button:hover{background:var(--accent-hover, #1D4ED8)}.demo-run-button.retry{background:#dc2626}.demo-run-button.retry:hover{background:#b91c1c}
