*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.ai-inline-suggestion{color:#666!important;opacity:.6!important;font-style:italic!important;background:#40e0d01a!important;border-radius:2px!important;padding:0 2px!important}.ai-inline-suggestion-line{color:#666!important;opacity:.6!important;font-style:italic!important;background:#40e0d00d!important;border-left:2px solid rgba(64,224,208,.3)!important;padding-left:4px!important}.ai-suggestion-range{background:#40e0d01a!important;border:1px solid rgba(64,224,208,.3)!important;border-radius:2px!important}[data-theme=dark] .ai-inline-suggestion{color:#888!important;background:#40e0d026!important}[data-theme=dark] .ai-inline-suggestion-line{color:#888!important;background:#40e0d014!important;border-left-color:#40e0d066!important}[data-theme=dark] .ai-suggestion-range{background:#40e0d026!important;border-color:#40e0d066!important}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ai-suggestion-ghost{opacity:1}.ai-suggestion-inline-text{font-style:italic;padding:1px 3px;border-radius:2px;position:relative}.ai-suggestion-removal{text-decoration:line-through!important;color:#f85149!important;background-color:#f8514926!important}.ai-suggestion-new-text{color:#22c55e!important;background-color:#22c55e26!important;font-style:italic!important;opacity:.8!important;padding:2px 4px!important;margin-left:8px!important;border-left:2px solid #22c55e!important;border-radius:2px!important;display:inline-block!important}.ai-suggestion-line{background-color:#00ff000d!important}.ai-suggestion-new-line{color:#22c55e!important;background-color:#22c55e14!important;border-left:2px solid #22c55e!important;padding-left:4px!important}.ai-suggestion-more{color:#9ca3af!important;background-color:#9ca3af1a!important;border-left:2px solid #9ca3af!important;padding-left:4px!important}.ai-suggestion-old-text{background-color:#ef44441f!important;text-decoration:line-through!important;text-decoration-color:#ef4444!important;text-decoration-thickness:2px!important;opacity:.8!important;color:#dc2626!important}.ai-suggestion-removal{background-color:#ef444414!important;border-left:3px solid #ef4444!important}.ai-suggestion-widget{z-index:1000}.ai-suggestion-widget button:hover{opacity:.8;transform:scale(1.05)}.monaco-editor .ai-suggestion-decoration{background-color:#0078d41a;border-left:3px solid #0078d4}.monaco-editor .ai-suggestion-line{background-color:#0078d40d}.monaco-editor .ai-suggestion-ghost{background-color:#87ceeb14}.monaco-editor .suggest-widget{z-index:1001}.ai-suggestion-multiline{background-color:#87ceeb40!important;border:1px dashed rgba(135,206,235,.6)!important}.ai-suggestion-indicator-text{color:#0078d4!important;font-size:11px!important;font-weight:500!important;background-color:#0078d41a!important;padding:2px 6px!important;border-radius:10px!important;border:none!important}.ai-suggestion-indicator{background-color:transparent}.ai-suggestion-test-line{background-color:#ff03!important}.ai-suggestion-test-text{color:red!important;font-weight:700!important;background-color:#ff0!important;padding:2px 4px!important}.ai-suggestion-insertion-point{position:relative!important}:root{--vscode-bg: #1e1e1e;--vscode-sidebar-bg: #252526;--vscode-editor-bg: #1e1e1e;--vscode-panel-bg: #1e1e1e;--vscode-border: #2d2d30;--vscode-hover: #2a2d2e;--vscode-active: #37373d;--vscode-accent: #007acc;--vscode-accent-hover: #005a9e;--vscode-text: #cccccc;--vscode-text-muted: #969696;--vscode-text-dim: #6a6a6a;--vscode-success: #4ec9b0;--vscode-success-hover: #45b59e;--vscode-success-bg: #22543d;--vscode-warning: #cca700;--vscode-error: #f48771;--vscode-error-hover: #e06860;--vscode-error-bg: #742a2a;--vscode-input-bg: #3c3c3c;--vscode-dropdown-bg: #252526;--vscode-title-bar-start: #3c3c3c;--vscode-title-bar-end: #2d2d2d;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4)}[data-theme=light]{--vscode-bg: #ffffff;--vscode-sidebar-bg: #f3f3f3;--vscode-editor-bg: #ffffff;--vscode-panel-bg: #f8f8f8;--vscode-border: #e0e0e0;--vscode-hover: #e8e8e8;--vscode-active: #d4d4d4;--vscode-accent: #0078d4;--vscode-accent-hover: #106ebe;--vscode-text: #333333;--vscode-text-muted: #666666;--vscode-text-dim: #999999;--vscode-success: #388a34;--vscode-success-hover: #2e7d32;--vscode-success-bg: #e8f5e9;--vscode-warning: #bf8803;--vscode-error: #d32f2f;--vscode-error-hover: #c62828;--vscode-error-bg: #ffebee;--vscode-input-bg: #ffffff;--vscode-dropdown-bg: #ffffff;--vscode-title-bar-start: #dddddd;--vscode-title-bar-end: #cccccc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 6px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--vscode-bg);color:var(--vscode-text);overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--vscode-bg)}::-webkit-scrollbar-thumb{background:var(--vscode-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--vscode-active)}.app-container{display:flex;flex-direction:column;height:100%;background:var(--vscode-bg);overflow:hidden}.access-level-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px 8px;background:var(--vscode-hover);border-radius:4px;font-size:12px}.access-level-badge .badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-weight:500;font-size:11px}.access-level-badge .badge-view{background:#ffb30026;color:#ffb300;border:1px solid rgba(255,179,0,.3)}.access-level-badge .badge-edit{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.access-level-badge .owner-info{color:var(--vscode-text-muted);font-size:11px}.modern-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;background:transparent;border:1px solid var(--vscode-border);border-radius:4px;color:var(--vscode-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modern-btn:hover{background:var(--vscode-hover);border-color:var(--vscode-active)}.modern-btn.primary{background:var(--vscode-accent);border-color:var(--vscode-accent);color:#fff}.modern-btn.primary:hover{background:var(--vscode-accent-hover);border-color:var(--vscode-accent-hover)}.modern-btn.success{background:var(--vscode-success);border-color:var(--vscode-success);color:#fff}.modern-btn.success:hover{background:#3fb396;border-color:#3fb396}.modern-btn:disabled{opacity:.5;cursor:not-allowed}.modern-btn-icon{font-size:16px}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{background:var(--vscode-sidebar-bg);border-right:1px solid var(--vscode-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:6px;padding:var(--spacing-md);border-bottom:1px solid var(--vscode-border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--vscode-text-muted)}.sidebar-settings-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff1a;border:none;border-radius:4px;color:#8b949e;cursor:pointer;transition:all .15s ease}.sidebar-settings-btn:hover{background:var(--vscode-hover);color:var(--vscode-text);opacity:1}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.editor-section{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--vscode-editor-bg)}.editor-toolbar{height:40px;background:var(--vscode-panel-bg);border-bottom:1px solid var(--vscode-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-separator{width:1px;height:20px;background:var(--vscode-border);margin:0 var(--spacing-sm)}.editor-container{flex:1;overflow:hidden;position:relative}.pdf-section{background:var(--vscode-panel-bg);border-left:1px solid var(--vscode-border);display:flex;flex-direction:column;overflow:hidden}.pdf-header{height:40px;background:var(--vscode-panel-bg);border-bottom:1px solid var(--vscode-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);flex-shrink:0}.pdf-title{font-size:13px;font-weight:500;color:var(--vscode-text)}.pdf-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-panel{background:var(--vscode-panel-bg);border-left:1px solid var(--vscode-border);display:flex;flex-direction:column;overflow:hidden}.ai-panel-header{height:40px;background:var(--vscode-panel-bg);border-bottom:1px solid var(--vscode-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);flex-shrink:0}.ai-panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--vscode-text)}.ai-panel-icon{font-size:18px}.status-bar{height:24px;background:var(--vscode-accent);border-top:1px solid var(--vscode-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);font-size:12px;color:#fff;flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;gap:var(--spacing-lg)}.status-item{display:flex;align-items:center;gap:var(--spacing-xs);cursor:default}.status-item:hover{opacity:.8}.resize-handle{width:4px;background:transparent;cursor:col-resize;position:relative;transition:all .15s ease;flex-shrink:0}.resize-handle:hover{background:var(--vscode-accent);box-shadow:0 0 8px #007acc66}.resize-handle.dragging{background:var(--vscode-accent);box-shadow:0 0 12px #007acc99}.app-sidebar{box-shadow:2px 0 8px #0000001a}.ai-chat-panel{box-shadow:-2px 0 8px #0000001a}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-in-right{animation:slideInFromRight .3s ease}.slide-in-bottom{animation:slideInFromBottom .3s ease}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--vscode-border);border-top-color:var(--vscode-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:4px 8px;background:#1a1a1a;color:var(--vscode-text);font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.tooltip:hover:after{opacity:1}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--vscode-hover);border:1px solid var(--vscode-border);border-radius:4px;box-shadow:var(--shadow-md);min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--vscode-text);transition:background .15s ease}.dropdown-item:hover{background:var(--vscode-active)}.dropdown-item:active{background:var(--vscode-accent)}.badge{display:inline-flex;align-items:center;padding:2px 6px;background:var(--vscode-border);color:var(--vscode-text);font-size:11px;font-weight:600;border-radius:10px;letter-spacing:.3px}.badge.success{background:var(--vscode-success);color:#fff}.badge.warning{background:var(--vscode-warning);color:#fff}.badge.error{background:var(--vscode-error);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--vscode-text-dim);text-align:center;padding:var(--spacing-xl)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:16px;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--vscode-text-muted)}.empty-state-message{font-size:13px;max-width:400px}.settings-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background-color:var(--vscode-sidebar-bg);border-radius:12px;width:90%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border:1px solid var(--vscode-border);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{padding:20px 24px;border-bottom:1px solid var(--vscode-border);display:flex;justify-content:space-between;align-items:center}.settings-title{font-size:18px;font-weight:600;color:var(--vscode-text);margin:0;display:flex;align-items:center;gap:10px}.settings-close-btn{background:none;border:none;color:var(--vscode-text-muted);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:all .15s}.settings-close-btn:hover{background-color:var(--vscode-hover);color:var(--vscode-text)}.settings-content{padding:24px;overflow-y:auto;flex:1}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--vscode-text-muted);margin-bottom:16px}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:var(--vscode-bg);border-radius:10px;border:1px solid var(--vscode-border)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--vscode-accent),var(--vscode-accent-hover));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:600;flex-shrink:0}.profile-details{flex:1;min-width:0}.profile-name{font-size:16px;font-weight:600;color:var(--vscode-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:14px;color:var(--vscode-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-actions{margin-top:16px}.sign-out-btn{width:100%;padding:12px 20px;border:1px solid var(--vscode-error);border-radius:8px;background-color:transparent;color:var(--vscode-error);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.sign-out-btn:hover{background-color:var(--vscode-error);color:#fff}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--vscode-bg);border-radius:10px;border:1px solid var(--vscode-border)}.setting-info{display:flex;align-items:center;gap:14px}.setting-icon{font-size:24px;width:32px;text-align:center}.setting-label{display:flex;flex-direction:column;gap:2px}.setting-name{font-size:15px;font-weight:500;color:var(--vscode-text)}.setting-desc{font-size:13px;color:var(--vscode-text-muted)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--vscode-active);transition:all .25s ease;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:all .25s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--vscode-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #0078d433}.about-info{background-color:var(--vscode-bg);border-radius:10px;border:1px solid var(--vscode-border);overflow:hidden}.about-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--vscode-border)}.about-row:last-child{border-bottom:none}.about-label{font-size:14px;color:var(--vscode-text-muted)}.about-value{font-size:14px;font-weight:500;color:var(--vscode-text)}.settings-footer{padding:16px 24px;border-top:1px solid var(--vscode-border);display:flex;justify-content:flex-end}.settings-done-btn{padding:10px 24px;background-color:var(--vscode-accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.settings-done-btn:hover{background-color:var(--vscode-accent-hover)}.ai-loading,.ai-error{padding:20px;text-align:center;color:var(--vscode-text-muted);font-size:14px;background-color:var(--vscode-bg);border-radius:10px;border:1px solid var(--vscode-border)}.ai-error{color:var(--vscode-error)}.ai-usage-stats{margin-top:16px;display:flex;flex-direction:column;gap:12px}.usage-stat{padding:14px 16px;background-color:var(--vscode-bg);border-radius:10px;border:1px solid var(--vscode-border)}.usage-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.usage-stat-label{font-size:13px;color:var(--vscode-text-muted)}.usage-stat-value{font-size:13px;font-weight:600;color:var(--vscode-text);font-family:monospace}.usage-bar{height:6px;background-color:var(--vscode-active);border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.toast{position:fixed;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;max-width:420px;z-index:10001;animation:toast-enter .3s ease-out;box-shadow:0 4px 12px #0000004d}.toast--success{background:#1a3a2a;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.toast--error{background:#3a1a1a;color:#f85149;border:1px solid rgba(248,81,73,.3)}.toast--info{background:#1a2a3a;color:#58a6ff;border:1px solid rgba(88,166,255,.3)}.toast__icon{flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .15s}.toast__close:hover{opacity:1}@keyframes toast-enter{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=light] .toast--success{background:#e6f9ed;color:#1a7f37;border-color:#1a7f374d;box-shadow:0 4px 12px #0000001a}[data-theme=light] .toast--error{background:#fce8e8;color:#d32f2f;border-color:#d32f2f4d;box-shadow:0 4px 12px #0000001a}[data-theme=light] .toast--info{background:#e8f0fe;color:#0969da;border-color:#0969da4d;box-shadow:0 4px 12px #0000001a}@media(max-width:600px){.toast{right:12px;left:12px;max-width:none}}.app-logo-link{display:inline-flex;align-items:center;text-decoration:none;padding:4px 10px 4px 6px;border-radius:6px;transition:opacity .2s,background-color .2s}.app-logo-link:hover{opacity:.85}.app-logo-link:active{opacity:.7}.app-logo-link:hover svg rect{fill:url(#logoGradientHover)}.app-logo-static{display:inline-flex;align-items:center;padding:4px 10px 4px 6px;border-radius:6px}[data-theme=light] .app-logo-link,[data-theme=light] .app-logo-static{background-color:#1e1e1e}[data-theme=light] .app-logo-link:hover{background-color:#2d2d30}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#0d1117f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #21262d}.landing-header-container{padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;text-decoration:none;gap:8px}.landing-logo-icon{font-size:20px;font-weight:700;color:#58a6ff;background-color:#1f6feb;padding:6px 10px;border-radius:6px}.landing-logo-text{font-size:22px;font-weight:600;color:#f0f6fc}.landing-nav{display:flex;gap:32px}.landing-nav-link{color:#8b949e;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:#f0f6fc}.landing-nav-link.active{color:#f0f6fc;position:relative}.landing-nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:linear-gradient(135deg,#58a6ff,#a78bfa);border-radius:1px}.landing-demos-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#c9d1d9;background-color:transparent;border:1px solid #30363d;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.landing-demos-btn:hover{background-color:#21262d;border-color:#8b949e}.landing-header-actions{display:flex;gap:12px;align-items:center}.landing-btn-secondary{padding:8px 16px;font-size:14px;font-weight:500;color:#c9d1d9;background-color:transparent;border:1px solid #30363d;border-radius:6px;text-decoration:none;transition:all .2s}.landing-btn-secondary:hover{background-color:#21262d;border-color:#8b949e}.landing-btn-primary{padding:8px 16px;font-size:14px;font-weight:600;color:#fff;background-color:#238636;border:none;border-radius:6px;text-decoration:none;transition:background-color .2s}.landing-btn-primary:hover{background-color:#2ea043}.mobile-menu-btn{display:none;background:none;border:none;color:#f0f6fc;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.mobile-menu-btn:hover{background-color:#21262d}.mobile-menu-overlay{position:fixed;inset:56px 0 0;background-color:#0d1117;flex-direction:column;padding:24px;z-index:99;display:none}.mobile-menu-overlay.open{display:flex}.mobile-menu-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.mobile-menu-link{display:block;width:100%;text-align:left;color:#c9d1d9;text-decoration:none;font-size:18px;font-weight:500;font-family:inherit;padding:16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s}.mobile-menu-link:hover{background-color:#21262d;color:#f0f6fc}.mobile-menu-link.active{color:#58a6ff;background-color:#58a6ff14}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-bottom:40px}.mobile-menu-btn-primary{display:block;padding:14px 20px;font-size:16px;font-weight:600;color:#fff;background-color:#238636;border:none;border-radius:8px;text-decoration:none;text-align:center;transition:background-color .2s}.mobile-menu-btn-primary:hover{background-color:#2ea043}.mobile-menu-btn-secondary{display:block;padding:14px 20px;font-size:16px;font-weight:500;color:#c9d1d9;background-color:transparent;border:1px solid #30363d;border-radius:8px;text-decoration:none;text-align:center;transition:background-color .2s,border-color .2s}.mobile-menu-btn-secondary:hover{background-color:#21262d;border-color:#8b949e}@media(max-width:768px){.landing-nav,.landing-header-actions{display:none}.landing-header-container{padding:0 16px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.hero-section{position:relative;padding:160px 24px 100px;text-align:center;overflow:hidden;background:linear-gradient(180deg,#0d1117,#161b22)}.hero-section:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(88,166,255,.08) 0%,transparent 70%);animation:hero-pulse-glow 8s ease-in-out infinite;pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:-10%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(167,139,250,.06) 0%,transparent 70%);animation:hero-pulse-glow 12s ease-in-out infinite;pointer-events:none}@keyframes hero-pulse-glow{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.15)}}.hero-container{position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);border-radius:20px;font-size:13px;font-weight:500;color:#58a6ff;margin-bottom:32px}.hero-headline{font-size:52px;font-weight:800;color:#f0f6fc;max-width:800px;margin:0 auto 24px;line-height:1.1;letter-spacing:-.03em}.hero-headline-gradient{background:linear-gradient(135deg,#58a6ff,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:18px;color:#9ca3af;max-width:700px;margin:0 auto 40px;line-height:1.7}.hero-cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#238636,#2ea043);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #23863640}.hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #23863659}.hero-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#c9d1d9;background:transparent;border:1px solid #30363d;border-radius:8px;text-decoration:none;transition:all .2s ease}.hero-btn-secondary:hover{background:#6e76811a;border-color:#8b949e;color:#f0f6fc}.hero-btn-large{padding:16px 40px;font-size:16px;border-radius:12px}@media(max-width:900px){.hero-headline{font-size:38px}.hero-subheadline{font-size:16px}}@media(max-width:600px){.hero-section{padding:120px 16px 60px}.hero-section:before,.hero-section:after{display:none}.hero-headline{font-size:32px}.hero-cta-group{flex-direction:column;align-items:center}.hero-btn-large{width:100%;max-width:300px;justify-content:center}}.problem-section{padding:120px 24px;background-color:#0d1117;border-top:1px solid #21262d}.problem-container{max-width:1200px;margin:0 auto;text-align:center}.problem-headline{font-size:42px;font-weight:800;color:#f0f6fc;max-width:800px;margin:0 auto 20px;letter-spacing:-.03em;line-height:1.15}.problem-subheadline{font-size:17px;color:#8b949e;line-height:1.7;max-width:700px;margin:0 auto 56px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problem-card{background:linear-gradient(180deg,#161b22,#13171d);border:1px solid #21262d;border-radius:16px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden;text-align:left}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(248,81,73,.5),transparent);opacity:0;transition:opacity .3s ease}.problem-card:hover:before{opacity:1}.problem-card:hover{transform:translateY(-4px);border-color:#f851494d;box-shadow:0 12px 40px #0006}.problem-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;background:linear-gradient(135deg,#f8514926,#f851490d)}.problem-title{font-size:18px;font-weight:700;color:#f0f6fc;margin:0 0 12px}.problem-description{font-size:15px;color:#8b949e;line-height:1.6;margin:0}@media(max-width:900px){.problem-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:600px){.problem-section{padding:80px 16px}.problem-headline{font-size:32px}.problem-subheadline{font-size:16px;margin-bottom:48px}}.platform-section{padding:120px 24px;background-color:#161b22}.platform-container{max-width:1200px;margin:0 auto;text-align:center}.platform-headline{font-size:42px;font-weight:800;color:#f0f6fc;max-width:800px;margin:0 auto 20px;letter-spacing:-.03em;line-height:1.15}.platform-subheadline{font-size:17px;color:#8b949e;line-height:1.7;max-width:700px;margin:0 auto 56px}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.module-card{background:linear-gradient(180deg,#0d1117,#13171d);border:1px solid #21262d;border-radius:16px;padding:36px;transition:all .3s ease;position:relative;overflow:hidden;text-align:left}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--module-color, #58a6ff),transparent);opacity:0;transition:opacity .3s ease}.module-card:hover:before{opacity:1}.module-card:hover{transform:translateY(-4px);border-color:var(--module-color, #58a6ff);box-shadow:0 12px 40px #0006}.module-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--module-color, #58a6ff) 20%,transparent),color-mix(in srgb,var(--module-color, #58a6ff) 5%,transparent))}.module-title{font-size:22px;font-weight:700;color:#f0f6fc;margin:0 0 12px}.module-description{font-size:15px;color:#8b949e;line-height:1.6;margin:0 0 24px}.module-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.module-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#c9d1d9;line-height:1.5}.module-features li:before{content:"";width:6px;height:6px;border-radius:50%;margin-top:7px;flex-shrink:0;background:var(--module-color, #58a6ff)}.module-demo-link{display:inline-block;margin-top:20px;padding:8px 16px;font-size:14px;font-weight:600;font-family:inherit;color:var(--module-color, #58a6ff);background:none;border:1px solid var(--module-color, #58a6ff);border-radius:6px;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}.module-demo-link:hover{background-color:var(--module-color, #58a6ff);color:#fff}.platform-roles-label{margin-top:64px}.platform-roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.platform-role-card{background:linear-gradient(180deg,#0d1117,#13171d);border:1px solid #21262d;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.platform-role-card:hover{transform:translateY(-3px);border-color:#58a6ff4d;box-shadow:0 8px 24px #0000004d}.platform-role-emoji{font-size:28px;display:block;margin-bottom:12px}.platform-role-title{font-size:14px;font-weight:700;color:#f0f6fc;margin:0 0 8px}.platform-role-desc{font-size:13px;color:#8b949e;line-height:1.5;margin:0}@media(max-width:900px){.modules-grid{grid-template-columns:1fr;gap:20px}.platform-roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.platform-section{padding:80px 16px}.platform-headline{font-size:32px}.platform-subheadline{font-size:16px;margin-bottom:48px}.module-card{padding:28px 24px}.platform-roles-grid{grid-template-columns:1fr;gap:12px}}.how-it-works-section{padding:120px 24px;background-color:#0d1117;border-top:1px solid #21262d}.how-it-works-container{max-width:1200px;margin:0 auto;text-align:center}.how-it-works-headline{font-size:42px;font-weight:800;color:#f0f6fc;max-width:800px;margin:0 auto 20px;letter-spacing:-.03em;line-height:1.15}.how-it-works-subheadline{font-size:17px;color:#8b949e;line-height:1.7;max-width:700px;margin:0 auto 56px}.steps-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto;width:160px}.step-circle{width:72px;height:72px;border-radius:50%;background:#161b22;border:2px solid #30363d;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s ease}.step-item:hover .step-circle{border-color:#58a6ff;transform:scale(1.1);box-shadow:0 0 24px #58a6ff26}.step-emoji{font-size:28px}.step-label{font-size:15px;font-weight:700;color:#f0f6fc;margin:0 0 6px}.step-description{font-size:13px;color:#8b949e;line-height:1.5;margin:0}.step-connector{display:flex;align-items:center;padding-top:24px;color:#8b949e;font-size:20px;flex:0 0 auto;width:48px;justify-content:center}@media(max-width:900px){.steps-flow{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg);width:auto;padding:8px 0}.step-item{width:200px}}@media(max-width:600px){.how-it-works-section{padding:80px 16px}.how-it-works-headline{font-size:32px}.how-it-works-subheadline{font-size:16px;margin-bottom:48px}.steps-flow{gap:0}}.cta-section{padding:120px 24px;background-color:#0d1117;border-top:1px solid #21262d;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(35,134,54,.08) 0%,transparent 70%);pointer-events:none}.cta-container{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-headline{font-size:42px;font-weight:800;color:#f0f6fc;max-width:800px;margin:0 auto 20px;letter-spacing:-.03em;line-height:1.15}.cta-headline-gradient{background:linear-gradient(135deg,#58a6ff,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:17px;color:#8b949e;line-height:1.7;margin:0 0 40px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.cta-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#238636,#2ea043);border:none;border-radius:8px;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #23863640}.cta-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #23863659}.cta-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;color:#c9d1d9;background:transparent;border:1px solid #30363d;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}.cta-btn-secondary:hover{background:#6e76811a;border-color:#8b949e;color:#f0f6fc}.cta-btn-large{padding:16px 40px;font-size:16px;border-radius:12px}.cta-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.cta-stat{text-align:center}.cta-stat-value{font-size:32px;font-weight:800;display:block;background:linear-gradient(135deg,#58a6ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-stat-label{font-size:13px;color:#8b949e;margin-top:4px;display:block}@media(max-width:600px){.cta-section{padding:80px 16px}.cta-headline{font-size:32px}.cta-description{font-size:15px;margin-bottom:32px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn-large{width:100%;max-width:300px;justify-content:center}.cta-stats{gap:32px}}.landing-footer{padding:80px 24px 40px;background-color:#0d1117;border-top:1px solid #21262d}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;margin-bottom:56px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;text-decoration:none;gap:8px;margin-bottom:18px}.footer-logo-icon{font-size:18px;font-weight:700;color:#58a6ff;background-color:#1f6feb;padding:5px 8px;border-radius:5px}.footer-logo-text{font-size:20px;font-weight:600;color:#f0f6fc}.footer-tagline{font-size:14px;color:#8b949e;line-height:1.6;margin:12px 0 0}.footer-links-group{display:flex;gap:80px}.footer-links-section h4{font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 20px}.footer-links-section ul{list-style:none;padding:0;margin:0}.footer-links-section li{margin-bottom:14px}.footer-links-section a{font-size:14px;color:#c9d1d9;text-decoration:none;transition:color .2s}.footer-links-section a:hover{color:#58a6ff}.footer-bottom{padding-top:28px;border-top:1px solid #21262d}.footer-copyright{font-size:13px;color:#6e7681;margin:0}@media(max-width:700px){.landing-footer{padding:60px 16px 32px}.footer-top{flex-direction:column;gap:48px;margin-bottom:40px}.footer-brand{max-width:100%}.footer-links-group{gap:48px;flex-wrap:wrap}}.demo-showcase-backdrop{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 0%,rgba(88,166,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(167,139,250,.06) 0%,transparent 50%),#0d111799;display:flex;align-items:center;justify-content:center}.demo-showcase-modal{width:80vw;height:82vh;background-color:#161b22;border:none;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;outline:none;box-shadow:0 0 0 2px #58a6ff59,0 0 0 5px #a78bfa2e,0 0 50px #58a6ff26,0 0 100px #a78bfa1a,0 20px 60px #00000080}.demo-showcase-tabs{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #30363d;background-color:#161b22;flex-shrink:0}.demo-showcase-tab-list{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.demo-showcase-tab-list::-webkit-scrollbar{display:none}.demo-showcase-tab{padding:8px 16px;font-size:14px;font-weight:500;color:#8b949e;background:none;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s;font-family:inherit;position:relative}.demo-showcase-tab:hover{color:#c9d1d9;background-color:#21262d}.demo-showcase-tab.active{color:#f0f6fc}.demo-showcase-tab.active:after{content:"";position:absolute;bottom:-8px;left:8px;right:8px;height:2px;background:linear-gradient(135deg,#58a6ff,#a78bfa);border-radius:1px}.demo-showcase-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:6px;color:#8b949e;cursor:pointer;flex-shrink:0;transition:color .2s,background-color .2s}.demo-showcase-close:hover{color:#f0f6fc;background-color:#21262d}.demo-showcase-body{position:relative;flex:1;min-height:0}.demo-showcase-iframe{width:100%;height:100%;border:none;display:block;animation:demo-fade-in .5s ease-out}.demo-showcase-title{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0d1117bf;pointer-events:none;animation:demo-title-enter 2.4s ease-out forwards}.demo-showcase-title-text{font-size:80px;font-weight:800;color:transparent;letter-spacing:-1px;-webkit-text-stroke:2px rgba(255,255,255,.9);paint-order:stroke fill;text-shadow:0 0 30px rgba(88,166,255,.5),0 0 60px rgba(167,139,250,.3)}.demo-showcase-title-desc{font-size:24px;font-weight:400;color:#ffffffd9;letter-spacing:0;text-shadow:0 2px 10px rgba(0,0,0,.6)}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-title-enter{0%{opacity:1;transform:scale(.85)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.demo-showcase-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:#fffc;cursor:pointer;transition:color .2s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.demo-showcase-arrow:hover{color:#fff}.demo-showcase-arrow-left{left:12px}.demo-showcase-arrow-right{right:12px}.demo-showcase-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background-color:#161b22}.demo-showcase-spinner{width:36px;height:36px;border:3px solid #30363d;border-top-color:#58a6ff;border-radius:50%;animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.demo-showcase-modal{width:90vw;height:88vh}.demo-showcase-title-text{font-size:60px}.demo-showcase-title-desc{font-size:20px}}@media(max-width:768px){.demo-showcase-modal{width:100vw;height:100dvh;border-radius:0;border:none;box-shadow:none}.demo-showcase-tabs{padding:6px 8px}.demo-showcase-tab{padding:8px 12px;font-size:13px;min-width:max-content}.demo-showcase-close{width:44px;height:44px}.demo-showcase-arrow{display:none}.demo-showcase-title-text{font-size:40px;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}.demo-showcase-title-desc{font-size:16px;padding:0 24px;text-align:center}}@media(prefers-reduced-motion:reduce){.demo-showcase-spinner,.demo-showcase-iframe{animation:none}.demo-showcase-title{animation:demo-title-static 3s ease-out forwards}}@keyframes demo-title-static{0%,60%{opacity:1}to{opacity:0}}html:has(.landing-page),html:has(.landing-page) body,html:has(.landing-page) #root{height:auto;min-height:100vh;overflow-y:auto}.landing-page{min-height:100vh;background-color:#0d1117;color:#f0f6fc}.landing-page main{padding-top:0}.landing-page *{box-sizing:border-box}.landing-page a{text-decoration:none}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-weight:600}.landing-page ul{list-style:none;padding:0;margin:0}.landing-page{scroll-behavior:smooth}.landing-page section[id]{scroll-margin-top:80px}.landing-page .section-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#58a6ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.scroll-reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.scroll-reveal-stagger.revealed>*:nth-child(1){transition-delay:0s}.scroll-reveal-stagger.revealed>*:nth-child(2){transition-delay:.1s}.scroll-reveal-stagger.revealed>*:nth-child(3){transition-delay:.1s}.scroll-reveal-stagger.revealed>*:nth-child(4){transition-delay:.2s}.scroll-reveal-stagger.revealed>*:nth-child(5){transition-delay:.2s}@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-stagger>*{opacity:1;transform:none;transition:none}}html:has(.pricing-page),html:has(.pricing-page) body,html:has(.pricing-page) #root{height:auto;min-height:100vh;overflow-y:auto}.pricing-page{min-height:100vh;background-color:#0d1117;color:#f0f6fc}.pricing-header{position:sticky;top:0;z-index:100;background:#0d1117f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #30363d}.pricing-header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.pricing-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.pricing-logo-icon{background:linear-gradient(135deg,#58a6ff,#a371f7);color:#fff;padding:6px 10px;border-radius:8px;font-weight:700;font-size:16px}.pricing-logo-text{font-size:20px;font-weight:600;color:#f0f6fc}.pricing-nav{display:flex;gap:32px}.pricing-nav-link{color:#8b949e;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;cursor:pointer}.pricing-nav-link:hover{color:#f0f6fc}.pricing-nav-active{color:#58a6ff}.pricing-header-actions{display:flex;gap:12px}.pricing-btn-secondary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#f0f6fc;background:transparent;border:1px solid #30363d;text-decoration:none;transition:all .2s}.pricing-btn-secondary:hover{border-color:#58a6ff;color:#58a6ff}.pricing-btn-primary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#fff;background:#238636;border:1px solid #238636;text-decoration:none;transition:all .2s}.pricing-btn-primary:hover{background:#2ea043}.pricing-main{max-width:1200px;margin:0 auto;padding:48px 24px}.pricing-hero{text-align:center;margin-bottom:64px}.pricing-hero h1{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#f0f6fc,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero p{font-size:20px;color:#8b949e}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:80px}.pricing-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:32px;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.pricing-card-featured{border-color:#58a6ff;background:linear-gradient(180deg,#58a6ff1a,#161b22 50%)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#58a6ff,#a371f7);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600}.pricing-card-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #30363d}.pricing-tier-icon{width:40px;height:40px;color:#58a6ff;margin-bottom:16px}.pricing-card-header h2{font-size:24px;font-weight:600;margin-bottom:12px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.pricing-amount{font-size:48px;font-weight:700}.pricing-period{font-size:16px;color:#8b949e}.pricing-description{font-size:14px;color:#8b949e}.pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.pricing-features li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px}.pricing-features li.excluded{color:#6e7681}.feature-icon{width:16px;height:16px;flex-shrink:0}.feature-icon.included{color:#3fb950}.feature-icon.excluded{color:#6e7681}.pricing-cta{display:block;text-align:center;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;background:#21262d;color:#f0f6fc;border:1px solid #30363d;transition:all .2s}.pricing-cta:hover{background:#30363d}.pricing-cta-featured{background:#238636;border-color:#238636}.pricing-cta-featured:hover{background:#2ea043}.pricing-faq{margin-bottom:80px}.pricing-faq h2{text-align:center;font-size:32px;margin-bottom:48px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:24px}.faq-item h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#f0f6fc}.faq-item p{font-size:14px;color:#8b949e;line-height:1.6}.pricing-cta-section{text-align:center;padding:64px 24px;background:linear-gradient(180deg,transparent 0%,rgba(88,166,255,.05) 100%);border-radius:16px;border:1px solid #30363d}.pricing-cta-section h2{font-size:32px;margin-bottom:12px}.pricing-cta-section p{font-size:16px;color:#8b949e;margin-bottom:24px}.pricing-btn-large{display:inline-block;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#238636,#2ea043);text-decoration:none;transition:transform .2s,box-shadow .2s}.pricing-btn-large:hover{transform:translateY(-2px);box-shadow:0 4px 16px #23863666}.pricing-footer{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30363d}.pricing-footer p{font-size:14px;color:#8b949e}.pricing-footer-links{display:flex;gap:24px}.pricing-footer-links a{font-size:14px;color:#8b949e;text-decoration:none;transition:color .2s}.pricing-footer-links a:hover{color:#58a6ff}@media(max-width:768px){.pricing-nav{display:none}.pricing-hero h1{font-size:32px}.pricing-tiers{grid-template-columns:1fr}.pricing-card-featured{order:-1}.pricing-footer{flex-direction:column;gap:16px;text-align:center}}.template-gallery{display:flex;height:100%;background:#1a1a1d;border-radius:12px;overflow:hidden}.template-gallery.compact{max-height:60vh}.template-gallery-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.category-nav{width:240px;background:#141416;border-right:1px solid #2a2a2e;overflow-y:auto;padding:16px 0;flex-shrink:0}.category-nav.compact{width:200px}.category-nav-header{padding:8px 16px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.category-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent;gap:10px}.category-item:hover{background:#ffffff0a}.category-item.active{background:#3b82f61a;border-left-color:#3b82f6}.category-item.active .category-name{color:#3b82f6}.category-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--vscode-text-muted, #6b7280);transition:color .15s ease}.category-item.active .category-icon{color:#3b82f6}.category-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:12px;color:#6b7280;background:#ffffff0d;padding:2px 8px;border-radius:10px;min-width:28px;text-align:center}.category-children{margin-left:16px;border-left:1px solid #2a2a2e}.category-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s ease}.category-toggle.expanded{transform:rotate(90deg)}.template-search-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1e1e21;border-bottom:1px solid #2a2a2e}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;width:18px;height:18px}.search-input{width:100%;padding:10px 14px 10px 42px;background:#141416;border:1px solid #2a2a2e;border-radius:8px;color:#e5e7eb;font-size:14px;transition:all .15s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#6b7280}.sort-select{padding:10px 14px;background:#141416;border:1px solid #2a2a2e;border-radius:8px;color:#e5e7eb;font-size:14px;cursor:pointer;min-width:140px}.sort-select:focus{outline:none;border-color:#3b82f6}.tag-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 16px}.tag-pill{padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:16px;color:#60a5fa;font-size:12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.tag-pill:hover{background:#3b82f633}.tag-pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tag-pill-remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.template-grid-container{flex:1;overflow-y:auto;padding:20px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.template-grid.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.template-grid-empty svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.template-grid-empty h3{font-size:18px;font-weight:600;color:#e5e7eb;margin-bottom:8px}.template-grid-empty p{font-size:14px}.template-card{background:#1e1e21;border-radius:12px;overflow:hidden;border:1px solid #2a2a2e;cursor:pointer;transition:all .2s ease;position:relative}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#3a3a3e}.template-card:hover .template-card-overlay{opacity:1}.template-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.template-card-thumbnail{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,#1a1a1d,#242428);overflow:hidden}.template-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card:hover .template-card-thumbnail img{transform:scale(1.05)}.template-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e21,#2a2a2e)}.template-card-placeholder svg{color:#4b5563;transition:color .2s ease,transform .2s ease}.template-card:hover .template-card-placeholder svg{color:#6b7280;transform:scale(1.1)}.template-card-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s ease}.template-card-overlay-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-card-overlay-btn:hover{background:#2563eb;transform:scale(1.05)}.template-card-overlay-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.template-card-overlay-btn.secondary:hover{background:#fff3}.template-card-featured{position:absolute;top:12px;right:12px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.template-card-content{padding:16px}.template-card-category{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.template-card-name{font-size:15px;font-weight:600;color:#e5e7eb;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-description{font-size:13px;color:#9ca3af;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.template-card-footer{display:flex;align-items:center;justify-content:space-between}.template-card-stats{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.template-card-tags{display:flex;gap:6px}.template-card-tag{padding:3px 8px;background:#3b82f61a;color:#60a5fa;font-size:11px;border-radius:4px}.template-card-skeleton{background:#1e1e21;border-radius:12px;overflow:hidden;border:1px solid #2a2a2e}.skeleton-thumbnail{aspect-ratio:4 / 3;background:linear-gradient(90deg,#2a2a2e 25%,#3a3a3e,#2a2a2e 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{padding:16px}.skeleton-line{height:14px;background:linear-gradient(90deg,#2a2a2e 25%,#3a3a3e,#2a2a2e 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:10px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.template-preview-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.template-preview-modal{background:#1a1a1d;border-radius:16px;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #2a2a2e;box-shadow:0 25px 50px -12px #00000080}.template-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #2a2a2e}.template-preview-title{font-size:20px;font-weight:600;color:#e5e7eb}.template-preview-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.template-preview-close:hover{background:#ffffff1a;color:#e5e7eb}.template-preview-body{display:flex;flex:1;overflow:hidden}.template-preview-content{flex:1;padding:24px;overflow-y:auto}.template-preview-image{width:100%;max-height:400px;object-fit:contain;background:#141416;border-radius:8px;margin-bottom:24px}.template-preview-description{font-size:15px;color:#9ca3af;line-height:1.7;margin-bottom:24px}.template-preview-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.template-preview-meta-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1e1e21;border-radius:8px;font-size:13px;color:#9ca3af}.template-preview-meta-item svg{width:16px;height:16px;color:#6b7280}.template-preview-sidebar{width:280px;background:#141416;border-left:1px solid #2a2a2e;padding:24px;display:flex;flex-direction:column}.template-preview-files-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:16px}.template-preview-files{flex:1;overflow-y:auto}.template-preview-file{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;color:#9ca3af;transition:background .15s ease}.template-preview-file:hover{background:#ffffff0d}.template-preview-file svg{width:16px;height:16px;color:#6b7280}.template-preview-file.main-file{background:#3b82f61a;color:#60a5fa;font-weight:500}.main-file-badge{font-size:10px;font-weight:600;text-transform:uppercase;background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;margin-left:auto}.template-preview-footer{padding:20px 24px;border-top:1px solid #2a2a2e;display:flex;justify-content:flex-end;gap:12px}.template-preview-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.template-preview-btn.primary{background:#3b82f6;color:#fff}.template-preview-btn.primary:hover{background:#2563eb}.template-preview-btn.secondary{background:transparent;border:1px solid #3a3a3e;color:#9ca3af}.template-preview-btn.secondary:hover{background:#ffffff0d;border-color:#4a4a4e}.template-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border-top:1px solid #2a2a2e}.template-pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e1e21;border:1px solid #2a2a2e;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.template-pagination-btn:hover:not(:disabled){background:#2a2a2e;border-color:#3a3a3e}.template-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.template-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.template-pagination-info{font-size:13px;color:#6b7280;padding:0 12px}@media(max-width:768px){.template-gallery{flex-direction:column}.category-nav{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #2a2a2e}.template-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.template-preview-body{flex-direction:column}.template-preview-sidebar{width:100%;border-left:none;border-top:1px solid #2a2a2e;max-height:200px}}.platform-shell{height:100vh;display:flex;flex-direction:column;background-color:var(--vscode-bg);color:var(--vscode-text);overflow:hidden}.platform-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:var(--vscode-sidebar-bg);border-bottom:1px solid var(--vscode-border);height:56px;flex-shrink:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.hamburger-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--vscode-text);cursor:pointer;border-radius:6px;padding:0}.hamburger-btn:hover{background-color:var(--vscode-hover)}.platform-body{display:flex;flex:1;overflow:hidden;position:relative}.platform-sidebar{width:48px;background-color:var(--vscode-sidebar-bg);border-right:1px solid var(--vscode-border);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:2px;align-items:center}.platform-nav-item{display:flex;align-items:center;justify-content:center;position:relative;width:48px;height:48px;padding:0;border-radius:0;color:var(--vscode-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s;cursor:pointer;border:none;background:none}.platform-nav-item .nav-label{display:none}.platform-nav-item:hover{color:var(--vscode-text)}.platform-nav-item.active{color:var(--vscode-accent)}.platform-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--vscode-accent)}.platform-nav-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:#1a1a1a;color:#f0f0f0;font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.platform-nav-item:hover:after{opacity:1}.nav-badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;padding:0 4px;background-color:#f85149;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:8px}.sidebar-bottom{padding:var(--spacing-sm) 0;border-top:1px solid var(--vscode-border);display:flex;flex-direction:column;align-items:center}.platform-content{flex:1;overflow:auto}.sidebar-backdrop{display:none}@media(max-width:768px){.hamburger-btn{display:flex}.platform-sidebar{position:fixed;top:56px;left:0;bottom:0;width:260px;z-index:50;transform:translate(-100%);transition:transform .2s ease;border-right:1px solid var(--vscode-border);box-shadow:none}.platform-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 16px #0000004d}.platform-nav-item .nav-label{display:inline}.sidebar-nav{padding:12px 8px;align-items:stretch}.platform-nav-item{width:100%;height:auto;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:6px}.platform-nav-item:hover{background-color:var(--vscode-hover)}.platform-nav-item.active{background-color:var(--vscode-active)}.platform-nav-item.active:before{display:none}.platform-nav-item:after{display:none}.sidebar-bottom{padding:8px;align-items:stretch}.sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;background:#0006;z-index:40}.platform-content{width:100%}}.platform-sidebar.editor-hidden{display:none}.platform-sidebar.editor-hidden.mobile-open{display:flex;position:fixed;top:56px;left:0;bottom:0;width:260px;z-index:50;transform:translate(0);box-shadow:4px 0 16px #0000004d;border-right:1px solid var(--vscode-border)}.platform-sidebar.editor-hidden.mobile-open .nav-label{display:inline}.platform-sidebar.editor-hidden.mobile-open .sidebar-nav{padding:12px 8px;align-items:stretch}.platform-sidebar.editor-hidden.mobile-open .platform-nav-item{width:100%;height:auto;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:6px}.platform-sidebar.editor-hidden.mobile-open .platform-nav-item:hover{background-color:var(--vscode-hover)}.platform-sidebar.editor-hidden.mobile-open .platform-nav-item.active{background-color:var(--vscode-active)}.platform-sidebar.editor-hidden.mobile-open .platform-nav-item.active:before{display:none}.platform-sidebar.editor-hidden.mobile-open .platform-nav-item:after{display:none}.platform-sidebar.editor-hidden.mobile-open .sidebar-bottom{padding:8px;align-items:stretch}.platform-shell[data-editor-mode] .hamburger-btn{display:flex}.platform-shell[data-editor-mode] .sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;background:#0006;z-index:40}.platform-content.editor-mode{overflow:hidden;position:relative;z-index:0}.platform-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.platform-loading-spinner{width:40px;height:40px;border:3px solid var(--vscode-border, #30363d);border-top-color:var(--vscode-accent, #58a6ff);border-radius:50%;animation:platform-spin 1s linear infinite}@keyframes platform-spin{to{transform:rotate(360deg)}}