:root{--font-sans: "Manrope", "Avenir Next", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--brand-green: #2d8a56;--brand-green-light: #4eca7a;--brand-navy: #1a1a2e;--brand-red: #c41e3a}:root{--bg-dark: #f4f6f5;--bg-panel: #ffffff;--bg-deeper: #eaedeb;--border: #d5dad7;--accent: #2d8a56;--accent-dim: rgba(45, 138, 86, .08);--accent-hover: rgba(45, 138, 86, .18);--accent-secondary: #c27a2a;--accent-secondary-dim: rgba(194, 122, 42, .08);--text-main: #1a2520;--text-muted: #5e6b64;--text-bright: #0a0f0c;--chart-1: #2d8a56;--chart-2: #c27a2a;--chart-3: #3b6ce7;--chart-4: #9b4dca;--error: #d32f2f;--warning: #bf6e00;--success: #2d8a56}.dark{--bg-dark: #0f0f14;--bg-panel: #1a1a22;--bg-deeper: #0a0a0f;--border: #2a2a35;--accent: #4eca7a;--accent-dim: rgba(78, 202, 122, .12);--accent-hover: rgba(78, 202, 122, .35);--accent-secondary: #e8a050;--accent-secondary-dim: rgba(232, 160, 80, .12);--text-main: #f0f0f5;--text-muted: #a0a0b0;--text-bright: #ffffff;--chart-1: #4eca7a;--chart-2: #e8a050;--chart-3: #5b8def;--chart-4: #c471ed;--error: #f85149;--warning: #d29922;--success: #4eca7a}.theme-drop{--bg-dark: #edf1fa;--bg-panel: #f8faff;--bg-deeper: #e2e8f5;--border: #c5d0e6;--accent: #3b6ce7;--accent-dim: rgba(59, 108, 231, .09);--accent-hover: rgba(59, 108, 231, .2);--accent-secondary: #d87a35;--accent-secondary-dim: rgba(216, 122, 53, .09);--text-main: #1e2a4a;--text-muted: #596882;--text-bright: #0e1830;--chart-1: #3b6ce7;--chart-2: #d87a35;--chart-3: #1aae8b;--chart-4: #a855f7;--error: #dc3545;--warning: #cc7a00;--success: #1aae8b}html.theme-drop body{background-image:radial-gradient(circle at 12% 8%,rgba(140,180,255,.35) 0%,transparent 38%),radial-gradient(circle at 88% 12%,rgba(130,220,200,.3) 0%,transparent 35%),radial-gradient(circle at 24% 100%,rgba(255,180,120,.25) 0%,transparent 42%);background-attachment:fixed}*,*:before,*:after{transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 38%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--chart-3) 6%,transparent),transparent 35%),var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:var(--font-sans)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:var(--accent);color:var(--bg-panel);border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-md);font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .16s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-ghost{background:none;border:none;color:var(--text-muted);font-size:13px;display:inline-flex;align-items:center;cursor:pointer;padding:6px 12px;transition:color .2s}.btn-ghost:hover{color:var(--accent)}.panel-title{font-size:24px;font-weight:600;margin-bottom:5px;color:var(--text-bright)}.panel-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:30px}.empty-state{text-align:center;color:var(--text-muted);margin-top:100px;font-size:16px}.form-label{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:block}.form-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;width:100%}.form-input:focus{border-color:var(--accent);outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:var(--bg-panel);border:1px solid var(--border);width:900px;max-width:90%;max-height:85vh;border-radius:var(--radius-xl);padding:40px;box-shadow:0 20px 50px #00000080;overflow-y:auto}.modal-content.modal-fullscreen{width:85vw;height:85vh;max-width:85vw;max-height:85vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;animation:slideUp .5s ease forwards;opacity:0}.card-header{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:10px;display:flex;justify-content:space-between}.stat-value{font-size:24px;font-weight:300;color:var(--text-bright);margin-bottom:5px}.stat-detail{font-size:12px;color:var(--text-muted);margin-bottom:10px}.stat-alert{color:var(--chart-3)}.progress-bar{height:4px;background:#21262d;border-radius:2px;margin-top:8px;overflow:hidden;display:flex}.progress-segment{height:100%}.tag{font-size:10px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.modal-title{margin:0 0 20px;font-weight:400;font-size:28px;color:var(--text-bright)}.details-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:6px}.details-form .form-input{padding:10px 14px;font-size:14px}.domain-group{position:relative}.chip-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;min-height:40px;cursor:text;transition:border-color .2s}.chip-input-container:focus-within{border-color:var(--accent)}.domain-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-family:var(--font-mono);white-space:nowrap;animation:fadeIn .15s ease}.chip-remove{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:0 0 0 2px;line-height:1;opacity:.6;transition:opacity .15s}.chip-remove:hover{opacity:1}.chip-text-input{flex:1;min-width:120px;background:none;border:none;outline:none;color:var(--text-main);font-size:13px;padding:2px 0}.chip-text-input::placeholder{color:var(--text-muted)}.chip-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.chip-suggestion-item{padding:8px 12px;font-size:13px;font-family:var(--font-mono);color:var(--text-main);cursor:pointer;transition:background .1s}.chip-suggestion-item:hover,.chip-suggestion-item.highlighted{background:var(--accent-dim);color:var(--accent)}.modal-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.modal-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;padding:8px 16px;cursor:pointer;transition:all .2s}.modal-tab:hover{color:var(--text-main)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.blank-options{min-height:120px;display:flex;align-items:center}.blank-card{display:flex;align-items:center;gap:16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;width:100%}.blank-card-icon{color:var(--accent);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-md);flex-shrink:0}.blank-card-title{display:block;font-weight:600;font-size:14px;color:var(--text-bright);margin-bottom:4px}.blank-card-desc{display:block;font-size:13px;color:var(--text-muted);line-height:1.4}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:120px}.recipe-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s}.recipe-card:hover{border-color:var(--accent);transform:translateY(-2px)}.recipe-card.selected{border-color:var(--accent);background:var(--accent-dim)}.recipe-icon{font-family:var(--font-mono);color:var(--accent);font-size:13px;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px}.recipe-title{font-weight:600;margin-bottom:6px;color:var(--text-bright);display:block;font-size:14px}.recipe-desc{font-size:12px;color:var(--text-muted);line-height:1.5;display:block}.recipe-tags{margin-top:12px;display:flex;gap:6px}.modal-actions{margin-top:24px;text-align:center;display:flex;gap:12px;justify-content:flex-end}.theme-toggle{position:relative}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;color:var(--text-muted)}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--text-main);background:var(--accent-dim)}.theme-toggle-icon{font-size:14px;line-height:1}.theme-toggle-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;min-width:130px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;padding:4px 0;z-index:100;animation:themeMenuFadeIn .15s ease}@keyframes themeMenuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .12s}.theme-toggle-item:hover{color:var(--text-main);background:var(--accent-dim)}.theme-toggle-item.active{color:var(--accent);font-weight:600}.theme-toggle-item-icon{font-size:13px;width:18px;text-align:center}.sidebar{width:252px;min-width:252px;height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 88%,var(--bg-dark) 12%),var(--bg-panel));border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-brand{padding:20px;cursor:pointer;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-brand .brand-logo{height:40px;width:auto}.brand-logo-light{display:inline}.brand-logo-dark,.dark .brand-logo-light{display:none}.dark .brand-logo-dark{display:inline}.sidebar-nav{padding:12px 0;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .15s;border-left:3px solid transparent;position:relative}.sidebar-item:hover{color:var(--text-main);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.sidebar-icon{width:16px;flex-shrink:0}.sidebar-counter{margin-left:auto;font-size:10px;font-weight:700;color:#fff;background:var(--error);min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.sidebar-section{flex:1;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border)}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);flex-shrink:0}.sidebar-add-btn{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-muted);width:22px;height:22px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-add-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sidebar-add-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar-limit-badge{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;margin-right:6px}.sidebar-project-list{flex:1;overflow-y:auto;padding-bottom:8px}.sidebar-project-item{padding:8px 20px;cursor:pointer;border-left:3px solid transparent;transition:all .15s;display:flex;align-items:flex-start;gap:8px}.sidebar-project-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-project-item.active{border-left-color:var(--accent);background:var(--accent-dim)}.project-icon{margin-top:2px;color:var(--text-muted);flex-shrink:0}.project-copy{min-width:0}.sidebar-project-item .project-name{font-size:13px;color:var(--text-main);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-project-item .project-domain{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{padding:12px 20px;font-size:12px;color:var(--text-muted)}.sidebar-bottom{border-top:1px solid var(--border);padding:8px 0;flex-shrink:0}.sidebar-credits{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;font-size:12px}.sidebar-credits-label{color:var(--text-muted)}.sidebar-credits-value{color:var(--accent);font-weight:600;font-family:var(--font-mono);font-size:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 20px;margin-top:4px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s;position:relative}.sidebar-user:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:1px solid var(--border)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{display:inline-block;font-size:10px;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:8px;margin-top:2px}.sidebar-user-chevron{color:var(--text-muted);transition:transform .15s}.sidebar-user-chevron.open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0003;z-index:100;padding:6px 0;animation:sidebarFadeIn .15s ease}@keyframes sidebarFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-header{padding:8px 14px}.sidebar-user-menu-email{display:block;font-size:12px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-menu-gh{display:block;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.sidebar-user-menu-divider{height:1px;background:var(--border);margin:4px 0}.sidebar-user-menu-item{padding:7px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.sidebar-user-menu-item:hover{color:var(--text-main);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-user-menu-logout{color:var(--error)}.sidebar-user-menu-logout:hover{color:var(--error);background:#f8514914}.sidebar-theme-row{padding:6px 20px}@media(max-width:860px){.sidebar{width:220px;min-width:220px}}@media(max-width:640px){.sidebar{width:56px;min-width:56px}.sidebar-brand .brand-logo{height:28px}.sidebar-brand{padding:14px 12px}.sidebar-item{padding:9px 16px;justify-content:center}.sidebar-item span:not(.sidebar-icon):not(.sidebar-counter){display:none}.sidebar-section-header{padding:12px 12px 8px;font-size:0}.sidebar-add-btn{margin-left:auto}.sidebar-limit-badge{display:none}.sidebar-project-item{padding:8px 12px;justify-content:center}.sidebar-project-item .project-copy{display:none}.sidebar-bottom{padding:4px 0}.sidebar-credits{flex-direction:column;padding:4px 8px;gap:2px}.sidebar-credits-label{display:none}.sidebar-user{padding:8px 12px;justify-content:center}.sidebar-user-info,.sidebar-user-chevron{display:none}.sidebar-theme-row{padding:6px 12px}}.project-bar{height:44px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;background:var(--bg-panel);flex-shrink:0;gap:12px}.pb-left{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.pb-name{font-weight:600;font-size:13px;color:var(--text-main);cursor:pointer;padding:1px 4px;border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.pb-name:hover{border-color:var(--border)}.pb-name-input{font-weight:600;font-size:13px;color:var(--text-main);background:var(--bg-dark);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:1px 4px;outline:none;font-family:inherit;max-width:160px}.pb-domain{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:1px 5px;border:1px solid var(--border);border-radius:var(--radius-sm)}.pb-tabs{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.pb-sep{width:20px;height:1px;background:var(--border);flex-shrink:0}.pb-sep--done{background:var(--accent)}.pb-tab{display:flex;align-items:center;gap:5px;padding:4px 10px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s;font-family:inherit;white-space:nowrap}.pb-tab:hover:not(:disabled){background:var(--accent-dim)}.pb-tab:disabled{cursor:not-allowed;opacity:.4}.pb-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-tab--completed .pb-tab-icon{color:var(--accent)}.pb-tab--locked .pb-tab-icon{color:var(--text-muted)}.pb-tab-label{font-size:12px;font-weight:600;color:var(--text-muted)}.pb-tab--active .pb-tab-label{color:var(--accent)}.pb-tab--completed .pb-tab-label{color:var(--text-main)}.pb-tab-opt{font-size:8px;color:var(--text-muted);border:1px solid var(--border);border-radius:2px;padding:0 3px;line-height:1.4}.pb-tab-sub{font-size:10px;color:var(--text-muted);font-weight:400}.pb-tab--active .pb-tab-sub{color:color-mix(in srgb,var(--accent) 60%,var(--text-muted))}.pb-cta{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;background:var(--accent);color:var(--bg-panel);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.pb-cta:hover{opacity:.85}@media(max-width:900px){.pb-tab-sub,.pb-tab-opt{display:none}.pb-sep{width:14px}}@media(max-width:700px){.pb-domain,.pb-tab-icon{display:none}.pb-sep{width:8px}.pb-tab{padding:4px 6px}.pb-cta{padding:4px 8px;font-size:10px}}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:0}.chat-project-banner{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg-panel);flex-shrink:0}.chat-project-name{font-weight:600;font-size:13px;color:var(--text-main)}.chat-project-domain{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm)}.chat-error-banner{padding:8px 20px;background:#dc354514;border-bottom:1px solid rgba(220,53,69,.2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;animation:slideDown .2s ease}.chat-error-text{font-size:12px;color:var(--error)}.chat-error-retry{background:transparent;border:1px solid var(--error);color:var(--error);border-radius:var(--radius-sm);padding:3px 10px;font-size:11px;cursor:pointer;transition:background .15s;flex-shrink:0}.chat-error-retry:hover{background:#dc35451f}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-loading-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 20px;color:var(--text-muted);font-size:13px}.chat-loading-spinner{animation:spin 1s linear infinite;color:var(--accent)}.chat-history{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:0;scroll-behavior:smooth}.chat-history--empty{justify-content:center;align-items:center}.chat-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;max-width:420px;animation:fadeIn .4s ease}.chat-empty-icon{color:var(--accent);opacity:.6;margin-bottom:16px}.chat-empty-title{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 8px}.chat-empty-subtitle{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0 0 20px}.chat-empty-tips{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;width:100%}.chat-empty-tip{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:6px 12px;background:color-mix(in srgb,var(--bg-panel) 60%,var(--bg-dark));border-radius:var(--radius-sm);cursor:default}.chat-empty-tip kbd{display:inline-block;padding:1px 5px;font-size:10px;font-family:var(--font-mono);background:var(--bg-dark);border:1px solid var(--border);border-radius:3px;color:var(--text-main)}.chat-empty-prompts{width:100%}.chat-empty-prompts-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:block;margin-bottom:10px}.chat-helper-card{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 80%,var(--bg-dark));padding:10px 20px;transition:padding .25s ease;flex-shrink:0}.chat-helper-card--collapsed{padding:6px 20px}.chat-helper-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.chat-helper-kicker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.chat-helper-kicker--shimmer{background:linear-gradient(90deg,var(--text-muted) 0%,color-mix(in srgb,var(--accent) 80%,white) 40%,var(--text-muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:helper-shimmer 2.5s ease-in-out infinite}@keyframes helper-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.chat-helper-chevron{color:var(--text-muted);transition:transform .2s}.chat-helper-chevron--collapsed{transform:rotate(-90deg)}.chat-helper-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease,opacity .2s ease;opacity:1}.chat-helper-card--collapsed .chat-helper-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.chat-helper-body-inner{overflow:hidden;display:flex;flex-direction:column;gap:8px;padding-top:8px}.chat-helper-card span{color:var(--text-muted);font-size:12px;line-height:1.5}.chat-starter-list{display:flex;flex-wrap:wrap;gap:6px}.chat-starter-pill{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-dark) 80%,transparent);color:var(--text-main);border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer;transition:border-color .15s,background .15s}.chat-starter-pill:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-dark))}.message{max-width:90%;line-height:1.6;font-size:14px;animation:messageIn .3s ease forwards}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message.ai{align-self:flex-start}.message.ai.brainstorming{max-width:100%}.message.user{align-self:flex-end;background:var(--accent-dim);color:var(--accent);padding:10px 15px;border-radius:12px 12px 0;border:1px solid var(--accent-dim)}.avatar{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--accent);letter-spacing:1px;margin-bottom:6px;font-weight:600}.avatar.avatar-brainstorming{color:#19a7a0}.avatar-logo{width:20px;height:20px}.user-identity{display:flex;align-items:center;gap:6px;margin-bottom:6px;justify-content:flex-end}.user-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.user-name{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.message-content{word-break:break-word}.message.ai.brainstorming .message-content{background:linear-gradient(135deg,#19a7a01f,#13617d0f);border:1px solid rgba(25,167,160,.28);border-radius:16px 16px 16px 4px;padding:12px 14px;box-shadow:0 10px 24px #113d4f14}.message.ai.brainstorming .message-content strong,.message.ai.brainstorming .message-content h1,.message.ai.brainstorming .message-content h2,.message.ai.brainstorming .message-content h3{color:#19a7a0}.bs-qna-panel{display:flex;flex-direction:column;gap:12px;margin-top:10px}.bs-question-card{background:#19a7a00f;border:1px solid rgba(25,167,160,.18);border-radius:12px;padding:12px 14px}.bs-question-text{font-size:13px;font-weight:600;color:#19a7a0;margin-bottom:8px}.bs-options{display:flex;flex-wrap:wrap;gap:6px}.bs-option{background:#19a7a014;border:1px solid rgba(25,167,160,.22);color:var(--text-main);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .15s ease}.bs-option:hover:not(:disabled){background:#19a7a029;border-color:#19a7a066}.bs-option.selected{background:#19a7a038;border-color:#19a7a0;color:#19a7a0;font-weight:600}.bs-option:disabled{opacity:.5;cursor:default}.bs-submit-btn{align-self:flex-end;background:#19a7a0;color:var(--bg-main);border:none;border-radius:var(--radius-md);padding:8px 18px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.bs-submit-btn:hover:not(:disabled){opacity:.85}.bs-submit-btn:disabled{opacity:.35;cursor:not-allowed}.message.user .message-content{white-space:pre-wrap}.thinking-indicator{display:flex;align-items:center;gap:10px;padding:8px 0;animation:fadeIn .3s ease}.thinking-dots{display:flex;align-items:center;gap:4px}.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.4;animation:thinkingBounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.16s}.thinking-dot:nth-child(3){animation-delay:.32s}@keyframes thinkingBounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.thinking-label{font-size:13px;font-family:var(--font-mono);color:var(--accent);letter-spacing:.3px;animation:thinkingPulse 2s ease-in-out infinite}@keyframes thinkingPulse{0%,to{opacity:.5}50%{opacity:1}}.event-timeline{display:flex;flex-direction:column;gap:2px;padding:4px 0}.event-step{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;font-family:var(--font-mono);letter-spacing:.3px;animation:fadeIn .2s ease}.event-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-spinner{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent-hover);border-top-color:var(--accent);animation:spin .8s linear infinite}.event-type-thinking .event-spinner{border-color:#7c8cf54d;border-top-color:#7c8cf5}.event-type-generating .event-spinner{border-color:#4eca7a4d;border-top-color:#4eca7a}.event-type-applying .event-spinner{border-color:#3bb5a04d;border-top-color:#3bb5a0}.event-type-fixing .event-spinner{border-color:#e8a0504d;border-top-color:#e8a050}.event-type-brainstorming .event-spinner{border-color:#19a7a040;border-top-color:#19a7a0}.event-check{font-size:14px;font-weight:700;line-height:1;color:var(--accent)}.event-type-thinking .event-check{color:#7c8cf5}.event-type-generating .event-check{color:#4eca7a}.event-type-applying .event-check{color:#3bb5a0}.event-type-fixing .event-check{color:#e8a050}.event-type-brainstorming .event-check{color:#19a7a0}.event-error{color:var(--error);font-size:14px;font-weight:700;line-height:1}.event-label{color:var(--text-muted)}.event-step.in_progress.event-type-thinking .event-label{color:#7c8cf5}.event-step.in_progress.event-type-generating .event-label{color:#4eca7a}.event-step.in_progress.event-type-applying .event-label{color:#3bb5a0}.event-step.in_progress.event-type-fixing .event-label{color:#e8a050}.event-step.in_progress.event-type-brainstorming .event-label{color:#19a7a0}.event-step.in_progress.event-type-error .event-label{color:var(--error)}.event-step.completed .event-label{color:var(--text-main);opacity:.7}.event-step.error .event-label{color:var(--error)}.message.system{align-self:flex-start;max-width:90%}.message.system .system-avatar{color:#e8a050}.message.system .message-content{font-size:12px;font-family:var(--font-mono);color:#e8a050;background:#e8a05014;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid rgba(232,160,80,.2)}.message.system.brainstorming .system-avatar{color:#19a7a0}.message.system.brainstorming .message-content{color:#19a7a0;background:#19a7a014;border-color:#19a7a038}.message.system.system-critical .system-avatar{color:var(--error)}.message.system.system-critical .message-content{color:var(--error);background:#dc354514;border-color:#dc354540}.message.mode-transition{align-self:center;max-width:min(100%,640px);width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.message.mode-transition .mode-transition-line{height:1px;background:#19a7a02e;grid-column:1 / 2}.message.mode-transition:after{content:"";height:1px;background:#19a7a02e;grid-column:3 / 4}.message.mode-transition .message-content{grid-column:2 / 3;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;text-align:center;color:#19a7a0;background:#19a7a014;border:1px solid rgba(25,167,160,.22);border-radius:999px;padding:8px 14px}.message.mode-transition.transition-exited .message-content,.message.mode-transition.transition-exited .mode-transition-line,.message.mode-transition.transition-exited:after{color:#13617d;background:#13617d14;border-color:#13617d33}.message.mode-transition.transition-exited .mode-transition-line,.message.mode-transition.transition-exited:after{background:#13617d29}.message.mode-transition .message-content p{margin:0}.chat-input-area{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-input-wrapper{flex:1;position:relative;min-width:0}.input-box{background:var(--bg-panel);border:1px solid var(--border);padding:10px 12px 24px;border-radius:var(--radius-md);color:var(--text-main);width:100%;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;resize:vertical;min-height:44px;max-height:160px;line-height:1.4}.input-box:focus{border-color:var(--accent)}.input-box:disabled{opacity:.5}.input-hint{position:absolute;bottom:6px;left:12px;font-size:10px;color:var(--text-muted);opacity:.6;pointer-events:none;font-family:var(--font-mono)}.send-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg-main);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s}.send-btn:hover:not(:disabled){opacity:.85}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn-spinner{animation:spin 1s linear infinite}@media(max-width:640px){.chat-history{padding:12px;gap:12px}.chat-input-area{padding:10px 12px}.chat-project-banner,.chat-helper-card{padding:8px 12px}.chat-empty-state{padding:16px 12px}.message{max-width:95%;font-size:13px}.chat-starter-pill{font-size:10px;padding:4px 8px}}.dashboard-v2{display:flex;flex-direction:column;gap:18px}.dashboard-hero{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 40%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--chart-3) 10%,transparent),transparent 45%),var(--bg-panel);padding:24px;display:flex;justify-content:space-between;gap:20px}.dashboard-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px}.dashboard-hero h1{margin:0;font-size:32px;line-height:1.05;color:var(--text-bright)}.dashboard-hero p{margin:10px 0 0;max-width:620px;color:var(--text-muted);line-height:1.55;font-size:14px}.dashboard-hero-actions{display:flex;flex-direction:column;gap:10px;min-width:180px}.dashboard-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);padding:16px}.metric-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px}.metric-card-value{margin-top:10px;color:var(--text-bright);font-size:30px;line-height:1;font-weight:700}.metric-card-detail{margin-top:8px;color:var(--text-muted);font-size:12px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:14px}.dashboard-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);padding:16px}.dashboard-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-panel-header h2{margin:0;color:var(--text-bright);font-size:16px}.dashboard-panel-header p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.dashboard-blueprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-blueprint-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),var(--bg-dark);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .2s,transform .2s}.dashboard-blueprint-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px)}.dashboard-blueprint-card:disabled{opacity:.65;cursor:progress}.dashboard-blueprint-title{color:var(--text-bright);font-size:15px;font-weight:700}.dashboard-blueprint-domain{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.dashboard-blueprint-desc{color:var(--text-muted);font-size:12px;line-height:1.5;flex:1}.dashboard-blueprint-cta{color:var(--text-main);font-size:12px;font-weight:600}.dashboard-project-list,.dashboard-onboarding-list{display:flex;flex-direction:column;gap:10px}.dashboard-project-row,.dashboard-onboarding-step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-dark);padding:10px 12px}.dashboard-project-row{display:flex;align-items:center;gap:8px}.dashboard-project-main{flex:1;text-align:left;background:transparent;border:none;padding:4px 6px;border-radius:8px;cursor:pointer}.dashboard-project-main:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.dashboard-project-name{display:block;color:var(--text-bright);font-size:13px;font-weight:600}.dashboard-project-meta{margin-top:2px;display:block;color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.dashboard-project-actions{display:flex;align-items:center;gap:4px}.dashboard-project-actions .btn-ghost{display:inline-flex;align-items:center;gap:4px}.dashboard-delete-btn{color:var(--error)}.dashboard-onboarding-step strong{display:block;color:var(--text-bright);font-size:13px;margin-bottom:4px}.dashboard-onboarding-step span{color:var(--text-muted);font-size:12px;line-height:1.5}.dashboard-activity{margin-top:16px;display:flex;flex-direction:column;gap:8px}.dashboard-activity-title{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.dashboard-notification-item{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:10px;background:var(--bg-dark);padding:10px 12px}.dashboard-notification-item.info{border-left-color:var(--chart-3)}.dashboard-notification-item.success{border-left-color:var(--success)}.dashboard-notification-item.warning{border-left-color:var(--warning)}.dashboard-notification-item.error{border-left-color:var(--error)}.dashboard-notification-title{font-size:13px;font-weight:600;color:var(--text-bright)}.dashboard-notification-message{margin-top:4px;font-size:12px;color:var(--text-main)}@media(max-width:1100px){.dashboard-layout,.dashboard-blueprint-grid,.dashboard-metrics{grid-template-columns:1fr}}@media(max-width:760px){.dashboard-hero{flex-direction:column}.dashboard-hero-actions{min-width:0}.dashboard-project-row{flex-direction:column;align-items:stretch}}.apikeys-card .card-body{overflow:visible}.apikeys-section{display:flex;flex-direction:column;gap:16px}.apikeys-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.apikeys-description{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.apikeys-create-btn{white-space:nowrap;flex-shrink:0}.apikeys-reveal{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-md);padding:14px 16px}.apikeys-reveal-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--accent);font-size:13px}.apikeys-reveal-close{margin-left:auto;padding:4px;color:var(--text-muted)}.apikeys-reveal-key{display:flex;align-items:center;gap:8px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;overflow:hidden}.apikeys-reveal-key code{font-family:var(--font-mono);font-size:12px;color:var(--text-bright);word-break:break-all;flex:1}.apikeys-reveal-key .btn-ghost{padding:4px;flex-shrink:0}.apikeys-reveal-warning{font-size:12px;color:var(--warning, #bf6e00);margin:8px 0 0}.apikeys-list{display:flex;flex-direction:column;gap:0}.apikeys-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.apikeys-row:last-child{border-bottom:none}.apikeys-row-main{display:flex;flex-direction:column;gap:2px;min-width:140px}.apikeys-row-name{font-size:13px;font-weight:600;color:var(--text-bright)}.apikeys-row-prefix{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.apikeys-row-scopes{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.apikeys-scope-tag{font-size:10px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap}.apikeys-row-meta{font-size:11px;color:var(--text-muted);white-space:nowrap}.apikeys-row-sep{margin:0 6px;opacity:.4}.apikeys-revoke-btn{padding:6px;color:var(--text-muted);flex-shrink:0}.apikeys-revoke-btn:hover{color:var(--error, #d32f2f)}.apikeys-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text-muted);font-size:13px}.apikeys-modal{display:flex;flex-direction:column;gap:12px;max-width:520px}.apikeys-modal h3{font-size:18px;font-weight:600;color:var(--text-bright);margin:0 0 4px}.apikeys-modal p{font-size:13px;color:var(--text-main);margin:0;line-height:1.5}.apikeys-modal-sm{max-width:420px}.apikeys-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.apikeys-scope-groups{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:var(--bg-dark)}.apikeys-scope-group{display:flex;flex-direction:column;gap:6px}.apikeys-scope-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:600}.apikeys-scope-group-items{display:flex;flex-wrap:wrap;gap:8px 16px}.apikeys-scope-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-main);cursor:pointer}.apikeys-scope-checkbox input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.btn-danger{background:var(--error, #d32f2f);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.85}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.settings-page{max-width:720px;display:flex;flex-direction:column;gap:20px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-actions{margin-top:8px}.settings-error{color:var(--danger, #dc3545);font-size:.85rem}.settings-success{color:var(--success, #28a745);font-size:.85rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px;gap:16px}.loading-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--error, #ff6b6b);font-size:14px;gap:12px}.btn-retry{background:none;border:1px solid var(--border);color:var(--text-main);font-size:12px;padding:6px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-retry:hover{border-color:var(--accent);color:var(--accent)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.table-node{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:260px;max-width:320px;font-family:var(--font-sans);box-shadow:0 4px 12px #0000004d;overflow:visible;cursor:pointer}.table-node-selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-dim),0 4px 12px #0000004d}.table-node-header{background:var(--accent-dim);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.table-node-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.table-node-count{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.table-node-columns{padding:6px 0}.table-node-col-row{display:flex;align-items:center;gap:8px;padding:5px 14px;position:relative;font-size:12px;transition:background .1s}.table-node-col-row:hover{background:#ffffff08}.table-node-col-name{font-family:var(--font-mono);color:var(--text-main);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-node-col-type{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.table-node-col-type.type-numerical{color:var(--chart-1);border-color:var(--chart-1)}.table-node-col-type.type-categorical{color:var(--chart-2);border-color:var(--chart-2)}.table-node-col-type.type-datetime{color:var(--chart-3);border-color:var(--chart-3)}.table-node-col-type.type-identifier{color:var(--text-muted)}.table-node-col-unique{color:var(--text-muted);font-size:10px;flex-shrink:0;font-family:var(--font-mono)}.table-node-col-group{position:relative}.table-node-values{display:flex;flex-wrap:wrap;gap:3px;padding:2px 14px 4px 28px}.table-node-value-chip{font-family:var(--font-mono);font-size:9px;color:var(--chart-2);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);padding:1px 5px;border-radius:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-node-value-more{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:1px 4px}.column-handle{width:8px!important;height:8px!important;background:var(--border)!important;border:2px solid var(--bg-panel)!important;min-width:8px!important;min-height:8px!important}.column-handle:hover{background:var(--accent)!important}.diagram-toolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:2px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;box-shadow:0 4px 12px #0000004d}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-btn{background:none;border:none;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;white-space:nowrap}.toolbar-btn:hover{background:var(--accent-dim);color:var(--accent)}.toolbar-btn:active{transform:scale(.95)}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.rel-edit-panel{position:absolute;top:0;right:0;width:340px;height:100%;background:var(--bg-panel);border-left:1px solid var(--border);z-index:20;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.rel-edit-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid var(--border)}.rel-edit-title{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--accent);text-transform:uppercase}.rel-edit-tabs{display:flex;gap:0;margin-top:8px}.rel-edit-tab{background:none;border:1px solid var(--border);border-bottom:none;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;padding:4px 10px;cursor:pointer;transition:all .15s}.rel-edit-tab:first-child{border-radius:var(--radius-sm) 0 0 0}.rel-edit-tab:last-child{border-radius:0 var(--radius-sm) 0 0}.rel-edit-tab.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.rel-edit-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.rel-edit-close:hover{color:var(--text-main)}.rel-edit-body{flex:1;overflow-y:auto;padding:12px 16px}.rel-edit-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:20px 0}.rel-edit-fk-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-deeper);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px}.rel-edit-fk-info{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;min-width:0;overflow:hidden}.rel-edit-fk-source{color:var(--chart-1)}.rel-edit-fk-arrow{color:var(--text-muted);flex-shrink:0}.rel-edit-fk-target{color:var(--chart-2)}.rel-edit-fk-remove{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;transition:color .15s}.rel-edit-fk-remove:hover{color:var(--error)}.rel-edit-add-btn{width:100%;background:none;border:1px dashed var(--border);color:var(--text-muted);font-size:12px;padding:10px;border-radius:var(--radius-sm);cursor:pointer;margin-top:8px;transition:all .2s}.rel-edit-add-btn:hover{border-color:var(--accent);color:var(--accent)}.rel-edit-add-form{padding:12px;background:var(--bg-deeper);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:8px}.rel-edit-form-row{margin-bottom:10px}.rel-edit-label{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.rel-edit-select{width:100%;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-main);font-family:var(--font-mono);font-size:12px;padding:6px 8px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.rel-edit-select:focus{border-color:var(--accent)}.rel-edit-select:disabled{opacity:.4;cursor:not-allowed}.rel-edit-form-actions{display:flex;gap:8px;margin-top:12px}.rel-edit-btn-confirm{flex:1;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:12px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.rel-edit-btn-confirm:hover{background:var(--accent-hover)}.rel-edit-btn-cancel{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.rel-edit-btn-cancel:hover{border-color:var(--text-muted);color:var(--text-main)}.rel-edit-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.rel-edit-btn-save{flex:1;background:var(--accent);border:none;color:var(--bg-dark);font-size:12px;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s}.rel-edit-btn-save:hover{opacity:.9}.val-edit-col{margin-bottom:12px;padding:10px;background:var(--bg-deeper);border:1px solid var(--border);border-radius:var(--radius-sm)}.val-edit-col-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.val-edit-col-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--chart-2)}.val-edit-col-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.val-edit-chips{display:flex;flex-wrap:wrap;gap:4px}.val-edit-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--chart-2);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);padding:2px 6px;border-radius:3px}.val-edit-chip-readonly{font-family:var(--font-mono);font-size:11px;color:var(--chart-2);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);padding:2px 6px;border-radius:3px}.val-edit-chip-remove{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.val-edit-chip-remove:hover{color:var(--error)}.val-edit-editor{margin-top:4px}.val-edit-input-row{display:flex;gap:6px;margin-top:8px}.val-edit-input{flex:1;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-main);font-family:var(--font-mono);font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.val-edit-input:focus{border-color:var(--accent)}.val-edit-input-row .rel-edit-btn-confirm{flex:0;padding:4px 10px}.val-edit-preview{cursor:pointer;padding:4px 0;transition:opacity .15s}.val-edit-preview:hover{opacity:.8}.val-edit-empty{font-size:11px;color:var(--text-muted);font-style:italic}.val-edit-edit-hint{display:block;font-size:9px;color:var(--text-muted);margin-top:4px;opacity:0;transition:opacity .15s}.val-edit-preview:hover .val-edit-edit-hint{opacity:1}.diagram-container{position:relative;width:100%;height:calc(100vh - 200px);min-height:500px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-deeper)}.diagram-container .react-flow{--xy-edge-stroke-default: var(--accent);--xy-edge-stroke-width-default: 2;--xy-node-border-radius-default: 8px;--xy-attribution-background-color: transparent}.diagram-container .react-flow__attribution{display:none}.diagram-container .react-flow__minimap{border-radius:var(--radius-md)}.project-guide-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 12%,transparent),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 88%,var(--bg-dark)),var(--bg-panel));padding:18px 20px;display:grid;gap:0;margin-bottom:18px;transition:padding .25s ease}.project-guide-card--collapsed{padding:6px 16px;margin-bottom:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 88%,var(--bg-dark)),var(--bg-panel))}.project-guide-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.project-guide-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:transform .2s}.project-guide-kicker{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 60%,white) 40%,var(--accent) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-guide-card--collapsed .project-guide-kicker{animation:kicker-shimmer 2.5s ease-in-out infinite}@keyframes kicker-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.project-guide-card--collapsed .project-guide-toggle{animation:chevron-bounce 2s ease-in-out infinite}@keyframes chevron-bounce{0%,to{transform:rotate(-90deg) translate(0)}50%{transform:rotate(-90deg) translate(-3px)}}.project-guide-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease,opacity .2s ease;opacity:1}.project-guide-card--collapsed .project-guide-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.project-guide-body>*{overflow:hidden}.project-guide-copy{padding-top:8px}.project-guide-copy h2{margin:0;font-size:20px;color:var(--text-bright)}.project-guide-copy p{margin:8px 0 0;color:var(--text-muted);max-width:70ch;line-height:1.5}.project-guide-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px}.project-guide-action-copy{display:flex;flex-direction:column;gap:4px}.project-guide-action-copy strong{color:var(--text-bright);font-size:14px}.project-guide-action-copy span{color:var(--text-muted);font-size:12px}@media(max-width:900px){.project-guide-action{flex-direction:column;align-items:flex-start}}.topo-dag-compact{height:180px;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-deeper)}.topo-dag-compact .react-flow__attribution{display:none}.topo-dag-full{position:relative;width:100%;height:100%;min-height:0}.topo-dag-full .react-flow__attribution{display:none}.topo-dag-compact .react-flow,.topo-dag-full .react-flow{--xy-edge-stroke-default: var(--accent);--xy-edge-stroke-width-default: 2}.topo-dag-node{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;color:var(--text-main);white-space:nowrap;min-width:80px;transition:all .2s ease}.topo-dag-node.root-node{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.topo-dag-node-step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:10px;font-weight:600;flex-shrink:0;transition:all .2s ease}.topo-dag-node-name{overflow:hidden;text-overflow:ellipsis}.topo-dag-node.hl-hovered{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 2px var(--accent),0 0 12px #4eca7a4d;z-index:10}.topo-dag-node.hl-ancestor{border-color:#58a6ff;background:#58a6ff14;box-shadow:0 0 0 1px #58a6ff66}.topo-dag-node.hl-ancestor .topo-dag-node-step{background:#58a6ff26;color:#58a6ff}.topo-dag-node.hl-descendant{border-color:#f0883e;background:#f0883e14;box-shadow:0 0 0 1px #f0883e66}.topo-dag-node.hl-descendant .topo-dag-node-step{background:#f0883e26;color:#f0883e}.topo-dag-node.hl-dimmed{opacity:.2}.topo-hover-info{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 14px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis;z-index:10;pointer-events:none;animation:fadeIn .15s ease;box-shadow:0 4px 12px #0006}.topo-hover-label{display:flex;align-items:center;gap:6px}.topo-hover-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.topo-hover-dot.ancestor-dot{background:#58a6ff}.topo-hover-dot.descendant-dot{background:#f0883e}.topo-hover-sep{color:var(--border)}.topo-cycle-warning{color:var(--warning);font-size:12px;padding:6px 12px;display:flex;align-items:center;gap:6px}.topo-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.topo-dialog-title{font-size:14px;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.topo-dialog-close{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px 10px;font-size:12px;transition:all .15s}.topo-dialog-close:hover{color:var(--text-main);border-color:var(--text-muted)}.topo-dialog-body{flex:1;min-height:0}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:60px 40px;text-align:center;margin-top:60px;cursor:pointer;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.upload-icon{font-size:48px;color:var(--text-muted);margin-bottom:15px;font-weight:200}.upload-text{color:var(--text-muted);font-size:14px}.upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-status{color:var(--accent);margin-top:15px;font-size:13px}.upload-error{color:var(--error);margin-top:15px;font-size:13px}.file-bar{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;transition:border-color .2s,padding .25s ease;padding:10px 16px}.file-bar--collapsed{padding:5px 16px;margin-bottom:8px}.file-bar.file-bar-drag{border-color:var(--accent);background:var(--accent-dim)}.file-bar-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.file-bar-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.file-bar-label--shimmer{background:linear-gradient(90deg,var(--text-muted) 0%,color-mix(in srgb,var(--accent) 80%,white) 40%,var(--text-muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:files-shimmer 2.5s ease-in-out infinite}@keyframes files-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.file-bar-count{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:8px;min-width:18px;text-align:center}.file-bar-chevron{color:var(--text-muted);transition:transform .2s;margin-left:auto}.file-bar-chevron--collapsed{transform:rotate(-90deg);animation:files-chevron-bounce 2s ease-in-out infinite}@keyframes files-chevron-bounce{0%,to{transform:rotate(-90deg) translate(0)}50%{transform:rotate(-90deg) translate(-2px)}}.file-bar-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease,opacity .2s ease;opacity:1}.file-bar--collapsed .file-bar-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.file-bar-body-inner{overflow:hidden;display:flex;align-items:center;gap:10px;padding-top:8px}.file-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.file-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-family:var(--font-mono);animation:fadeIn .15s ease;transition:opacity .2s}.file-chip.removing{opacity:.4}.file-chip-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-remove{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:0 0 0 2px;line-height:1;opacity:.6;transition:opacity .15s}.file-chip-remove:hover{opacity:1}.file-chip-remove:disabled{cursor:not-allowed;opacity:.3}.file-add-btn{background:none;border:1px dashed var(--border);color:var(--text-muted);font-size:12px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.file-add-btn:hover{border-color:var(--accent);color:var(--accent)}.file-add-btn:disabled{opacity:.4;cursor:not-allowed}.schema-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.view-toggle{display:flex;gap:2px;background:var(--bg-panel);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.view-toggle-btn{background:none;border:none;color:var(--text-muted);font-size:12px;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.view-toggle-btn.active{background:var(--accent-dim);color:var(--accent)}.view-toggle-btn:hover:not(.active){color:var(--text-main)}.table-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px}.column-list{display:flex;flex-direction:column;gap:6px}.column-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.col-name{font-family:var(--font-mono);color:var(--text-main);min-width:120px}.col-type{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}.type-numerical{color:var(--chart-1);border-color:var(--chart-1)}.type-categorical{color:var(--chart-2);border-color:var(--chart-2)}.type-datetime{color:var(--chart-3);border-color:var(--chart-3)}.type-identifier{color:var(--text-muted)}.col-unique{color:var(--text-muted);font-size:10px;margin-left:auto}.fk-list{display:flex;flex-direction:column;gap:8px}.fk-row{font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;gap:8px}.fk-source{color:var(--chart-1)}.fk-arrow{color:var(--text-muted)}.fk-target{color:var(--chart-2)}.topo-info{font-size:12px}.topo-order{margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.topo-node{font-family:var(--font-mono);color:var(--accent);padding:2px 8px;background:var(--accent-dim);border-radius:var(--radius-sm)}.topo-arrow{color:var(--text-muted);margin:0 4px}.topo-warning{color:var(--warning);margin-top:8px;font-size:12px}.col-values{display:flex;flex-wrap:wrap;gap:3px;padding:2px 0 4px 128px}.col-value-chip{font-family:var(--font-mono);font-size:9px;color:var(--chart-2);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);padding:1px 5px;border-radius:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-value-more{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:1px 4px}.cs-root{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.cs-guide{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);overflow:hidden}.cs-guide-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cs-guide-header:hover{background:var(--accent-dim)}.cs-guide-icon{color:var(--accent);flex-shrink:0}.cs-guide-title{font-size:12px;color:var(--text-muted);font-weight:500}.cs-guide-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease}.cs-guide-chevron--collapsed{transform:rotate(-90deg)}.cs-guide-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease}.cs-guide--collapsed .cs-guide-body{grid-template-rows:0fr}.cs-guide-body-inner{overflow:hidden;padding:0 12px 10px;display:flex;align-items:flex-start;gap:12px}.cs-guide--collapsed .cs-guide-body-inner{padding-top:0;padding-bottom:0}.cs-guide-body-inner p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.5;flex:1}.cs-guide-action{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0}.cs-guide-action:hover{background:var(--accent);color:var(--bg-panel)}.cs-stats-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted)}.cs-stat{white-space:nowrap}.cs-stat--accent{color:var(--accent);font-weight:600}.cs-stat-sep{width:1px;height:12px;background:var(--border);flex-shrink:0}.cs-legend{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);margin-left:auto}.cs-legend-swatch{width:16px;height:10px;border-radius:2px}.cs-legend-neg{background:#e87a35b3}.cs-legend-zero{background:var(--bg-deeper)}.cs-legend-pos{background:#3b6ce7b3}.cs-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cs-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px 3px 8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:11px;white-space:nowrap}.cs-chip-edge{font-family:var(--font-mono);font-size:10px;color:var(--text-main)}.cs-chip-type{font-size:9px;text-transform:uppercase;color:var(--chart-2)}.cs-chip-val{font-family:var(--font-mono);font-size:10px;color:var(--accent)}.cs-chip-lock{font-size:8px;text-transform:uppercase;color:var(--warning);border:1px solid var(--warning);padding:0 3px;border-radius:2px;line-height:1.4}.cs-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;opacity:.5}.cs-chip-remove:hover{opacity:1;color:var(--error)}.cs-layout{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start;flex:1;min-height:0}.cs-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.cs-mode-toggle{display:flex;gap:2px;background:var(--bg-dark);border-radius:var(--radius-sm);padding:2px}.cs-mode-btn{flex:1;padding:5px 8px;font-size:11px;font-weight:500;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;font-family:inherit}.cs-mode-btn.active{background:var(--bg-panel);color:var(--text-main);box-shadow:0 1px 3px #00000014}.cs-mode-btn:hover:not(.active){color:var(--text-main)}.cs-table-list{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow-y:auto}.cs-table-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;width:100%}.cs-table-btn:hover{border-color:var(--accent)}.cs-table-btn.active{border-color:var(--accent);background:var(--accent-dim)}.cs-table-btn.second{border-color:var(--chart-2);background:color-mix(in srgb,var(--chart-2) 8%,transparent)}.cs-table-name{font-size:12px;font-weight:500;color:var(--text-main);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-table-info{font-size:10px;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:4px}.cs-table-badge-changes{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;font-size:9px;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:7px;padding:0 3px}.cs-table-cmp{font-size:9px;font-weight:600;text-transform:uppercase;color:var(--chart-2)}.cs-sidebar-hint{font-size:11px;color:var(--text-muted);padding:4px 2px;line-height:1.4}.cs-threshold-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);padding:8px 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.cs-threshold-row label{white-space:nowrap}.cs-threshold-row input[type=range]{flex:1;accent-color:var(--accent)}.cs-threshold-val{font-family:var(--font-mono);font-size:11px;color:var(--text-main);min-width:28px}.cs-main{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;min-width:0}.cs-matrix-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border)}.cs-matrix-title{font-size:13px;font-weight:600;color:var(--text-main)}.cs-x{font-weight:400;color:var(--text-muted)}.cs-matrix-dim{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.cs-matrix-empty{padding:48px 24px;text-align:center;color:var(--text-muted);font-size:13px}.cs-matrix-scroll{overflow:auto;max-height:70vh;padding:8px}.cs-matrix{border-collapse:separate;border-spacing:2px;font-family:var(--font-mono)}.cs-corner{position:sticky;left:0;z-index:2;background:var(--bg-panel);min-width:20px}.cs-col-hd{background:var(--bg-panel);position:sticky;top:0;z-index:1;padding:0;height:100px;vertical-align:bottom}.cs-col-text{font-size:10px;font-weight:400;color:var(--text-muted);writing-mode:vertical-lr;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:90px;padding:6px 4px;display:flex;align-items:flex-start}.cs-row-hd{font-size:10px;font-weight:400;color:var(--text-muted);text-align:right;padding:0 10px 0 4px;white-space:nowrap;position:sticky;left:0;z-index:1;background:var(--bg-panel);max-width:130px;overflow:hidden;text-overflow:ellipsis;height:32px;vertical-align:middle}.cs-cell{min-width:42px;width:42px;height:32px;padding:0;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-sm);text-align:center;vertical-align:middle;position:relative}.cs-cell:hover{border-color:var(--text-main);z-index:1}.cs-val{font-size:9px;color:var(--text-bright);opacity:.8;pointer-events:none;display:inline-block;line-height:32px}.cs-cell.diagonal{background:var(--bg-deeper)!important;cursor:default;opacity:.2}.cs-cell.diagonal:hover{border-color:transparent}.cs-cell.dimmed{opacity:.15}.cs-cell.dimmed .cs-val{display:none}.cs-cell.perturbed{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);z-index:1}.cs-cell.selected{border-color:var(--accent);box-shadow:0 0 8px var(--accent-hover),0 0 0 2px var(--accent);z-index:2}.cs-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cs-popover{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0003;width:340px;overflow:hidden}.cs-pop-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--accent-dim);border-bottom:1px solid var(--border)}.cs-pop-pair{display:flex;align-items:center;gap:8px;font-size:12px;font-family:var(--font-mono);color:var(--accent)}.cs-pop-arrow{color:var(--text-muted)}.cs-pop-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;line-height:1;display:flex;align-items:center}.cs-pop-close:hover{color:var(--text-main)}.cs-pop-current{padding:8px 16px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border)}.cs-pop-current strong{color:var(--text-main);font-family:var(--font-mono)}.cs-pop-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.cs-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0}.cs-label strong{color:var(--text-main);font-family:var(--font-mono)}.cs-pills{display:flex;gap:6px}.cs-pill{flex:1;padding:5px 4px;font-size:11px;font-family:inherit;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:center}.cs-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.cs-pill:hover:not(.active){border-color:var(--text-muted)}.cs-slider-section{display:flex;flex-direction:column;gap:4px}.cs-range-row{display:flex;align-items:center;gap:8px}.cs-range-bound{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cs-range{flex:1;accent-color:var(--accent)}.cs-pop-footer{display:flex;gap:8px;padding:0 16px 14px}.cs-pop-cancel{flex:1;padding:7px 12px;font-size:12px;font-weight:500;font-family:inherit;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.cs-pop-cancel:hover{border-color:var(--text-main);color:var(--text-main)}.cs-pop-apply{flex:1;padding:7px 12px;font-size:12px;font-weight:600;font-family:inherit;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.cs-pop-apply:hover{opacity:.9}@media(max-width:860px){.cs-layout{grid-template-columns:160px 1fr;gap:8px}.cs-guide-body-inner{flex-direction:column}}@media(max-width:640px){.cs-layout{grid-template-columns:1fr}.cs-sidebar{position:static}.cs-legend{display:none}.cs-stats-bar{flex-wrap:wrap}.cs-popover{width:calc(100vw - 32px)}}.rc-wrapper{display:flex;flex-direction:column;height:100%;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.rc-tree-header{display:grid;grid-template-columns:1fr 100px 220px;padding:8px 16px;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;background:color-mix(in srgb,var(--bg-dark) 50%,transparent)}.rc-tree-header span:nth-child(2),.rc-tree-header span:nth-child(3){text-align:right}.rc-tree-scroll{flex:1;overflow-y:auto;min-height:0}.rc-tree-row{display:grid;grid-template-columns:1fr 100px 220px;align-items:center;padding:7px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);transition:background-color .12s ease}.rc-tree-row:last-child{border-bottom:none}.rc-tree-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.rc-row-root{border-left:3px solid var(--accent);margin-top:4px}.rc-row-root:first-child{margin-top:0}.rc-row-highlight{background:color-mix(in srgb,var(--accent) 6%,transparent)}.rc-tree-name-cell{display:flex;align-items:center;min-width:0;gap:0}.rc-tree-indent{display:inline-flex;align-items:stretch;flex-shrink:0}.rc-tree-segment{display:inline-block;width:24px;height:28px;position:relative;flex-shrink:0}.rc-seg-pipe:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:var(--border)}.rc-seg-branch:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:var(--border)}.rc-seg-branch:after{content:"";position:absolute;left:10px;top:50%;width:12px;height:1px;background:var(--border)}.rc-seg-last:before{content:"";position:absolute;left:10px;top:0;height:50%;width:1px;background:var(--border)}.rc-seg-last:after{content:"";position:absolute;left:10px;top:50%;width:12px;height:1px;background:var(--border)}.rc-tree-label{display:flex;align-items:center;gap:6px;min-width:0}.rc-root-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.rc-table-name{font-size:12px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-row-root .rc-table-name{color:var(--text-bright);font-weight:600}.rc-also-refs{font-size:10px;color:var(--text-muted);opacity:.7;white-space:nowrap;flex-shrink:0}.rc-tree-ratio-cell{text-align:right}.rc-root-badge{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-dim);padding:2px 6px;border-radius:var(--radius-sm)}.rc-ratio-group{display:inline-flex;align-items:center;gap:2px}.rc-times-symbol{font-size:11px;color:var(--text-muted)}.rc-ratio-input{background:transparent;border:1px solid var(--border);color:var(--accent);padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:600;width:56px;text-align:right;outline:none;transition:border-color .12s ease}.rc-ratio-input:focus{border-color:var(--accent);color:var(--text-bright)}.rc-ratio-input:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.rc-tree-count-cell{text-align:right}.rc-slider-group{display:flex;align-items:center;gap:8px;justify-content:flex-end}.rc-row-slider{width:100px;height:4px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.rc-row-slider::-webkit-slider-thumb{width:14px;height:14px}.rc-count-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-bright);padding:3px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;font-weight:600;width:80px;text-align:right;outline:none;transition:border-color .12s ease}.rc-count-input:focus{border-color:var(--accent)}.rc-computed-count{font-size:12px;color:var(--text-muted);font-weight:500}.rc-total{display:flex;flex-direction:column;gap:6px;padding:10px 16px;background:color-mix(in srgb,var(--bg-dark) 76%,transparent);border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);flex-shrink:0;transition:border-color .2s}.rc-total--warning{border-top-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.rc-total--danger{border-top-color:color-mix(in srgb,var(--error) 40%,var(--border))}.rc-total-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.rc-total strong{color:var(--text-bright)}.rc-total-credits{font-size:11px;color:var(--text-muted);flex-shrink:0}.rc-usage-bar{height:4px;background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:2px;overflow:hidden}.rc-usage-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.rc-usage-fill--ok{background:var(--accent)}.rc-usage-fill--warning{background:var(--warning)}.rc-usage-fill--danger{background:var(--error)}.rc-capacity-message{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;padding:4px 0}.rc-capacity-message--ok{display:none}.rc-capacity-message--warning{color:var(--warning)}.rc-capacity-message--danger{color:var(--error)}.rc-cycle-warning{color:var(--warning);font-size:12px;padding:6px 16px;border-top:1px solid color-mix(in srgb,var(--warning) 20%,var(--border));background:color-mix(in srgb,var(--warning) 5%,transparent);flex-shrink:0}@media(max-width:640px){.rc-tree-header,.rc-tree-row{grid-template-columns:1fr 70px 160px}.rc-row-slider{width:60px}.rc-count-input{width:60px;font-size:11px}}.gen-page{display:flex;flex-direction:column;height:100%;gap:10px}.gen-config-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0}.gen-config-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.gen-mini-select{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:4px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;outline:none}.gen-mini-select:focus{border-color:var(--accent)}.gen-epsilon-compact{display:flex;align-items:center;gap:6px}.gen-compact-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.gen-mini-range{width:80px;height:4px;accent-color:var(--accent)}.gen-preflight-compact{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.gen-preflight-warn{color:var(--warning)}.gen-reset-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.gen-reset-btn:hover{color:var(--text-bright);border-color:var(--accent)}.gen-submit-compact{padding:6px 16px;font-size:13px;white-space:nowrap}.gen-submit-compact:disabled{opacity:.5;cursor:not-allowed}.gen-submit-error{border:1px solid color-mix(in srgb,var(--error) 30%,var(--border));background:color-mix(in srgb,var(--error) 10%,transparent);border-radius:var(--radius-md);padding:10px;flex-shrink:0}.gen-submit-error-message{display:flex;align-items:flex-start;gap:8px;color:var(--error);font-size:12px;line-height:1.45}.gen-submit-error-actions{margin-top:8px;display:flex;gap:8px}.gen-submit-error-actions .btn-secondary{padding:6px 10px;font-size:12px}.gen-job-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0}.gen-job-bar--completed{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 4%,var(--bg-panel))}.gen-job-bar--failed{border-color:color-mix(in srgb,var(--error) 30%,var(--border));background:color-mix(in srgb,var(--error) 4%,var(--bg-panel))}.gen-job-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.gen-action-btn{padding:5px 12px!important;font-size:12px!important;text-decoration:none}.gen-cancel-btn{font-size:12px;padding:4px 10px;color:var(--text-muted)}.gen-cancel-btn:hover{color:var(--error)}.status-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);display:inline-block;width:fit-content;flex-shrink:0}.status-pending{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 10%,transparent)}.status-running{color:var(--chart-1);background:color-mix(in srgb,var(--chart-1) 12%,transparent)}.status-completed{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.status-failed{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.progress-outer{height:6px;background:#21262d;border-radius:3px;overflow:hidden}.progress-inner{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.job-step{font-size:12px;color:var(--text-muted)}.job-error{color:var(--error);font-size:11px;padding:4px 8px;background:#f851491a;border-radius:var(--radius-sm)}.gen-guide{background:color-mix(in srgb,var(--bg-panel) 90%,var(--bg-dark));border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;flex-shrink:0;transition:padding .25s ease}.gen-guide--collapsed{padding:5px 12px}.gen-guide-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.gen-guide-kicker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.gen-guide-kicker--shimmer{background:linear-gradient(90deg,var(--text-muted) 0%,color-mix(in srgb,var(--accent) 80%,white) 40%,var(--text-muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gen-guide-shimmer 2.5s ease-in-out infinite}@keyframes gen-guide-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.gen-guide-chevron{color:var(--text-muted);transition:transform .2s}.gen-guide-chevron--collapsed{transform:rotate(-90deg)}.gen-guide-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease,opacity .2s ease;opacity:1}.gen-guide--collapsed .gen-guide-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.gen-guide-body-inner{overflow:hidden}.gen-guide-body-inner p{margin:6px 0 0;font-size:12px;color:var(--text-muted);line-height:1.5;max-width:80ch}.gen-guide-body-inner strong{color:var(--text-main)}.gen-topology-fill{flex:1;min-height:0}.gen-flat-fallback{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;height:100%}.row-count-inputs{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.row-count-row{display:flex;align-items:center;gap:10px}.row-count-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-count-slider{flex:1;min-width:80px;height:4px;accent-color:var(--accent);cursor:pointer}.row-count-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:6px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;width:100px;text-align:right;outline:none;transition:border-color .12s}.row-count-input:focus{border-color:var(--accent)}.gen-flat-total{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:color-mix(in srgb,var(--bg-dark) 76%,transparent);border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);margin:0 -16px -16px;font-size:12px;color:var(--text-muted);transition:border-color .2s}.gen-flat-total strong{color:var(--text-bright)}.gen-flat-total--warning{border-top-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.gen-flat-total--danger{border-top-color:color-mix(in srgb,var(--error) 40%,var(--border))}.gen-flat-usage-bar{height:4px;background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:2px;overflow:hidden}.gen-flat-usage-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .3s ease,background .3s ease}.gen-flat-usage-fill--warning{background:var(--warning)}.gen-flat-usage-fill--danger{background:var(--error)}.gen-flat-limit-msg{display:flex;align-items:center;gap:6px;font-size:11px}.gen-flat-limit-msg--warning{color:var(--warning)}.gen-flat-limit-msg--danger{color:var(--error)}.gen-history{flex-shrink:0;border-top:1px solid var(--border);padding-top:12px}.gen-history-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.gen-history-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.gen-history-count{font-size:10px;color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 12%,transparent);padding:1px 6px;border-radius:8px;font-weight:600;font-family:var(--font-mono)}.gen-latest-card{background:color-mix(in srgb,var(--accent) 5%,var(--bg-panel));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-md);padding:14px 16px;margin-bottom:8px}.gen-latest-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gen-latest-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--accent)}.gen-latest-time{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.gen-latest-stats{display:flex;align-items:baseline;gap:5px;margin-bottom:12px}.gen-latest-number{font-size:22px;font-weight:300;color:var(--text-bright);font-family:var(--font-mono);letter-spacing:-.02em}.gen-latest-unit{font-size:12px;color:var(--text-muted)}.gen-latest-sep{font-size:14px;color:var(--border);margin:0 4px}.gen-latest-actions{display:flex;align-items:center;gap:8px}.gen-latest-btn{padding:6px 14px!important;font-size:12px!important;text-decoration:none}.gen-history-list{display:flex;flex-direction:column;gap:2px}.gen-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-radius:var(--radius-sm);transition:background .12s}.gen-history-item:hover{background:color-mix(in srgb,var(--bg-dark) 60%,transparent)}.gen-history-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.gen-history-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-muted);opacity:.3}.gen-history-dot.dot-failed{background:var(--error);opacity:.6}.gen-history-info{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.gen-history-summary{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-history-summary strong{color:var(--text-main);font-weight:500}.gen-history-failed-text{color:var(--error)}.gen-history-time{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:var(--font-mono)}.gen-history-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.gen-hist-btn{padding:4px 10px!important;font-size:11px!important;text-decoration:none;gap:4px!important;white-space:nowrap}@media(max-width:960px){.gen-config-strip{flex-direction:column;align-items:stretch}.gen-history-info{flex-direction:column;gap:2px}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-dark);padding:20px;position:relative}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:400px;text-align:center;animation:loginFadeIn .5s ease;position:relative;z-index:1;box-shadow:0 4px 24px #0000000f}.login-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-secondary),transparent);border-radius:2px}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-brand{margin-bottom:12px;display:flex;justify-content:center}.login-logo{height:38px;width:auto}.login-logo-light{display:inline}.login-logo-dark,.dark .login-logo-light{display:none}.dark .login-logo-dark{display:inline}.login-tagline{font-size:13px;color:var(--text-muted);margin-bottom:36px;letter-spacing:.3px}.login-error{background:#d32f2f0f;border:1px solid rgba(211,47,47,.2);color:var(--error);font-size:13px;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:20px;text-align:left}.login-github-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;background:var(--text-main);color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.login-github-btn:hover{opacity:.88;box-shadow:0 2px 12px var(--accent-dim)}.login-github-btn:disabled{opacity:.6;cursor:not-allowed}.login-github-btn svg{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:12px;margin:28px 0;color:var(--text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-footer{font-size:12px;color:var(--text-muted);margin-top:16px}.login-footer a{color:var(--accent);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.login-product-of{display:flex;align-items:center;gap:8px;margin-top:48px;font-size:13px;color:var(--text-muted);opacity:.55;animation:loginFadeIn .8s ease}.login-ld-logo{height:20px;width:auto;opacity:.5}.login-ld-logo-light{display:inline}.login-ld-logo-dark,.dark .login-ld-logo-light{display:none}.dark .login-ld-logo-dark{display:inline}.login-theme-toggle{position:absolute;top:20px;right:20px;z-index:10}.login-theme-toggle .theme-toggle-menu{bottom:auto;top:calc(100% + 6px);left:auto;right:0}.login-mode-tabs{display:flex;gap:0;margin-bottom:24px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.login-mode-tab{flex:1;padding:9px 0;background:none;border:none;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.login-mode-tab:not(:last-child){border-right:1px solid var(--border)}.login-mode-tab.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.login-mode-tab:hover:not(.active){background:var(--bg-deeper)}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);width:100%;box-sizing:border-box;transition:border-color .15s}.login-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.login-input::placeholder{color:var(--text-muted);opacity:.7}.login-submit-btn{width:100%;padding:11px 24px;margin-top:4px;background:var(--accent);color:var(--bg-panel);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.login-submit-btn:hover{box-shadow:0 2px 12px var(--accent-hover);opacity:.92}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-link-btn{background:none;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;padding:0;text-decoration:none}.login-link-btn:hover{text-decoration:underline}.login-success{background:#2e7d320f;border:1px solid rgba(46,125,50,.2);color:var(--success, #2e7d32);font-size:13px;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:20px;text-align:left}.login-hint{font-size:13px;color:var(--text-muted);margin-bottom:20px}.login-otp-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;font-family:var(--font-mono, monospace)}.login-otp-input::placeholder{letter-spacing:8px;font-weight:400}.login-forgot{text-align:right;margin-top:-4px}.login-forgot a{font-size:12px;color:var(--text-muted);text-decoration:none}.login-forgot a:hover{color:var(--accent);text-decoration:underline}.pricing-page{padding:32px 40px;overflow-y:auto}.pricing-back-btn{background:none;border:none;color:var(--text-muted);font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 0;margin-bottom:16px;transition:color .2s}.pricing-back-btn:hover{color:var(--text-bright)}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header h1{font-size:32px;font-weight:700;color:var(--text-bright);margin-bottom:8px}.pricing-header p{font-size:15px;color:var(--text-muted)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.pricing-toggle-label{font-size:14px;color:var(--text-muted);cursor:pointer;transition:color .2s}.pricing-toggle-label.active{color:var(--text-main);font-weight:600}.pricing-toggle-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;cursor:pointer;transition:background .2s}.pricing-toggle-switch.annual{background:var(--accent)}.pricing-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-bright);border-radius:50%;transition:transform .2s}.pricing-toggle-switch.annual:after{transform:translate(20px)}.pricing-save-badge{background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}}.plan-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}.plan-card:hover{border-color:var(--accent-hover)}.plan-card.current{border-color:var(--accent);box-shadow:0 0 20px var(--accent-dim)}.plan-card.recommended{border-color:var(--chart-2)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;padding:3px 12px;border-radius:10px;white-space:nowrap}.plan-badge.current-badge{background:var(--accent);color:var(--bg-dark)}.plan-badge.recommended-badge{background:var(--chart-2);color:#fff}.plan-name{font-size:20px;font-weight:700;color:var(--text-bright);margin-bottom:4px}.plan-price{font-size:36px;font-weight:700;color:var(--text-bright);margin-bottom:4px}.plan-price .currency{font-size:18px;vertical-align:super;color:var(--text-muted)}.plan-price .period{font-size:14px;font-weight:400;color:var(--text-muted)}.plan-price-note{font-size:12px;color:var(--text-muted);margin-bottom:20px}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-main);padding:6px 0}.plan-features li .feature-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-top:1px}.plan-features li .feature-icon.check{color:var(--success)}.plan-features li .feature-icon.cross{color:var(--text-muted);opacity:.5}.plan-action-btn{width:100%;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.plan-action-btn.upgrade{background:var(--accent);color:var(--bg-dark)}.plan-action-btn.upgrade:hover{box-shadow:0 0 15px var(--accent-hover)}.plan-action-btn.downgrade{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.plan-action-btn.downgrade:hover{border-color:var(--text-muted);color:var(--text-main)}.plan-action-btn.current-plan{background:transparent;color:var(--accent);border:1px solid var(--accent);cursor:default;opacity:.7}.plan-action-btn:disabled{opacity:.5;cursor:not-allowed}.pricing-loading,.pricing-error{text-align:center;padding:80px 20px;color:var(--text-muted);font-size:15px}.pricing-error{color:var(--error)}.pricing-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.payment-method-modal{max-width:520px;margin:0 auto}.payment-method-title-row{display:flex;align-items:center;gap:8px;color:var(--text-bright)}.payment-method-title{font-size:22px;margin:0}.payment-method-subtitle{margin:10px 0 18px;color:var(--text-muted);font-size:13px;line-height:1.5}.payment-element-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-dark);padding:14px}.payment-method-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.payment-method-state{margin:10px 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-dark);padding:14px;display:flex;align-items:center;gap:8px;color:var(--text-main);font-size:13px}.payment-method-error .payment-method-state{color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,var(--border))}.spin{animation:paymentSpin .8s linear infinite}@keyframes paymentSpin{to{transform:rotate(360deg)}}.billing-page{max-width:800px;animation:fadeIn .3s ease}.billing-page h1{font-size:24px;font-weight:600;color:var(--text-bright);margin-bottom:4px}.billing-page .billing-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.billing-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.billing-section-title{font-size:16px;font-weight:600;color:var(--text-bright);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.billing-section-title-left{display:inline-flex;align-items:center;gap:8px}.billing-plan-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.billing-plan-row:last-child{border-bottom:none}.billing-plan-label{font-size:13px;color:var(--text-muted)}.billing-plan-value{font-size:13px;color:var(--text-main);font-weight:500}.billing-plan-badge{display:inline-block;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px}.billing-card-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.billing-card-item:last-child{border-bottom:none}.billing-card-brand{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);min-width:52px;text-align:center}.billing-card-details{flex:1}.billing-card-number{font-size:13px;color:var(--text-main);font-family:var(--font-mono)}.billing-card-expiry{font-size:12px;color:var(--text-muted);margin-top:2px}.billing-no-cards{font-size:13px;color:var(--text-muted);padding:12px 0}.billing-credits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.billing-credit-box{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center}.billing-credit-value{font-size:24px;font-weight:700;color:var(--text-bright);margin-bottom:4px}.billing-credit-label{font-size:12px;color:var(--text-muted)}.billing-danger-section{border-color:#f851494d}.billing-danger-text{font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.billing-cancel-btn{background:transparent;color:var(--error);border:1px solid rgba(248,81,73,.4);padding:8px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.billing-cancel-btn:hover{background:#f851491a;border-color:var(--error)}.billing-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.billing-loading{display:flex;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);font-size:14px;gap:12px}.billing-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-credits-title{font-size:20px;font-weight:600;color:var(--text-bright);margin-bottom:6px}.add-credits-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.add-credits-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.credit-pack-btn{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:all .15s}.credit-pack-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim)}.credit-pack-btn:disabled{opacity:.5;cursor:not-allowed}.credit-pack-amount{font-size:28px;font-weight:700;color:var(--text-bright)}.credit-pack-label{font-size:12px;color:var(--text-muted);margin-bottom:12px}.credit-pack-price{font-size:15px;font-weight:600;color:var(--accent)}.credit-pack-loading{font-size:11px;color:var(--text-muted);margin-top:8px}.try-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px;background:linear-gradient(90deg,var(--accent-dim),var(--accent-secondary-dim));border-bottom:1px solid var(--border);flex-shrink:0;z-index:50}.try-banner-text{font-size:13px;color:var(--text-muted)}.try-banner-text strong{color:var(--text-main);font-weight:600}.try-banner-btn{background:var(--accent);color:var(--bg-dark);border:none;padding:5px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.try-banner-btn:hover{box-shadow:0 0 12px var(--accent-hover)}.try-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-dark)}.try-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:14px}.try-workspace{display:flex;flex:1;overflow:hidden}.try-chat{width:400px;min-width:300px;border-right:1px solid var(--border);display:flex;flex-direction:column}.try-content{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.try-header h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 6px}.try-header p{font-size:14px;color:var(--text-muted);margin:0}.try-error{background:#f8514914;border:1px solid rgba(248,81,73,.25);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.try-upload-area{display:flex;align-items:center;gap:14px}.try-upload-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--bg-dark);padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.try-upload-btn:hover{opacity:.85}.try-upload-hint{color:var(--text-muted);font-size:13px}.try-schema-info h3{font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 10px}.try-tables{display:flex;flex-wrap:wrap;gap:8px}.try-table{display:flex;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm)}.try-table-name{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600}.try-table-cols{font-size:11px;color:var(--text-muted)}.try-limits-note{font-size:12px;color:var(--text-muted);font-style:italic;padding-top:8px;border-top:1px solid var(--border)}.toast-viewport{position:fixed;right:20px;bottom:20px;width:min(380px,calc(100vw - 24px));z-index:1200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-lg);padding:11px 12px;box-shadow:0 10px 28px #0003;animation:toastIn .16s ease}.toast-icon{margin-top:1px;color:var(--text-muted)}.toast-icon-info{color:var(--chart-3)}.toast-icon-success{color:var(--success)}.toast-icon-warning{color:var(--warning)}.toast-icon-error{color:var(--error)}.toast-copy{flex:1;min-width:0}.toast-title{color:var(--text-bright);font-size:13px;font-weight:600;line-height:1.3}.toast-message{color:var(--text-muted);font-size:12px;line-height:1.4;margin-top:3px}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:6px}.toast-close:hover{color:var(--text-main);background:var(--accent-dim)}.notification-overlay{position:fixed;inset:0;background:#050a0c40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1150}.notification-center{position:absolute;right:16px;top:16px;bottom:16px;width:min(420px,calc(100vw - 32px));border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:0 24px 48px #00000047;display:flex;flex-direction:column;overflow:hidden}.notification-center-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 12px;border-bottom:1px solid var(--border)}.notification-center-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-bright)}.notification-center-actions{display:flex;align-items:center;gap:6px}.notification-action-btn,.notification-close-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-dark);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}.notification-action-btn:hover,.notification-close-btn:hover{color:var(--text-main);border-color:var(--accent)}.notification-list{flex:1;overflow-y:auto;padding:6px 10px 12px}.notification-empty{height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}.notification-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;display:flex;align-items:flex-start;gap:10px;padding:10px;cursor:pointer}.notification-item:hover{border-color:var(--border);background:var(--bg-dark)}.notification-item.unread{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.notification-item-icon{width:22px;height:22px;border-radius:999px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;margin-top:2px;background:var(--bg-panel)}.notification-item-icon.info{color:var(--chart-3)}.notification-item-icon.success{color:var(--success)}.notification-item-icon.warning{color:var(--warning)}.notification-item-icon.error{color:var(--error)}.notification-item-copy{min-width:0}.notification-item-title{font-size:13px;font-weight:600;color:var(--text-bright);margin-bottom:2px}.notification-item-message{font-size:12px;color:var(--text-muted);line-height:1.4}.notification-item-meta{margin-top:5px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:10px}@keyframes toastIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.notification-center-header{flex-direction:column;align-items:flex-start}.toast-viewport{right:12px;left:12px;width:auto}}.app-shell{display:flex;height:100vh;overflow:hidden;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--chart-3) 7%,transparent),transparent 36%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 35%),var(--bg-deeper)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-workspace{display:flex;flex:1;overflow:hidden;min-height:0}.app-chat{min-width:250px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-panel) 72%,var(--bg-dark) 28%);flex-shrink:0;min-height:0}.resize-handle{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;transition:background .15s}.resize-handle:hover{background:var(--accent)}.app-content{flex:1;min-width:0;padding:24px 28px;background:transparent;overflow-y:auto;position:relative;display:flex;flex-direction:column}.app-content.full-width{max-width:100%}.app-content--collapsed{flex:0 0 auto;width:44px;min-width:44px;max-width:44px;padding:8px 0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.content-collapse-btn{position:absolute;top:8px;right:8px;z-index:10;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.content-collapse-btn:hover{color:var(--text-bright);border-color:var(--accent)}.chat-toggle-btn{position:absolute;top:8px;left:8px;z-index:10;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.chat-toggle-btn:hover{color:var(--text-bright);border-color:var(--accent)}@media(max-width:1024px){.app-content{padding:18px}}@media(max-width:860px){.app-chat{position:absolute;left:0;top:0;bottom:0;z-index:20;width:100%!important;max-width:100%;border-right:none}.resize-handle{display:none}.app-content{padding:14px}}@media(max-width:640px){.app-content{padding:10px}}