:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-base: #0f0f13;--bg-surface: #16161d;--bg-elevated: #1e1e28;--bg-hover: #25252f;--accent: #7c6ff7;--accent-bright: #9d94ff;--accent-dim: #3d3880;--accent-glow: rgba(124, 111, 247, .18);--text-primary: #f0f0f8;--text-secondary:#9999bb;--text-muted: #55556a;--border: rgba(255, 255, 255, .07);--border-accent: rgba(124, 111, 247, .35);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-base)}code,pre{font-family:Cascadia Code,Fira Mono,JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.6rem}.navbar-logo{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent-bright));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.navbar-title{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.navbar-right{display:flex;align-items:center;gap:.75rem}.pill{display:flex;align-items:center;gap:.4rem;padding:.25rem .75rem;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:20px;font-size:.75rem;color:var(--accent-bright);font-weight:500}.pill-dot{width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0}.warning-banner{padding:.6rem 1.5rem;background:#fbbf2412;border-bottom:1px solid rgba(251,191,36,.2);font-size:.78rem;color:#d4a017;line-height:1.5;flex-shrink:0}.warning-banner code{background:#fbbf241f;padding:0 4px;border-radius:3px;font-size:.75rem}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1rem 1rem .5rem;flex-shrink:0}.sidebar-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.sidebar-search{width:100%;padding:.45rem .7rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.82rem;outline:none;transition:border-color .2s}.sidebar-search:focus{border-color:var(--border-accent)}.sidebar-search::placeholder{color:var(--text-muted)}.quick-section{padding:.5rem 1rem;flex-shrink:0;border-bottom:1px solid var(--border)}.quick-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.chip{padding:.2rem .6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.chip:hover,.chip.active{background:var(--accent-glow);border-color:var(--border-accent);color:var(--accent-bright)}.tool-list{flex:1;overflow-y:auto;padding:.5rem}.tool-item{padding:.55rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}.tool-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.tool-item.selected{background:var(--accent-glow);border-color:var(--border-accent);color:var(--accent-bright);font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.tool-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.tool-name{font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.tool-description{font-size:.82rem;color:var(--text-secondary);margin-top:.25rem}.editor-area{flex:1;display:flex;overflow:hidden}.args-panel{width:45%;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:1.25rem;gap:.75rem}.panel-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.args-textarea{flex:1;width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:Cascadia Code,Fira Mono,monospace;font-size:.83rem;padding:.85rem 1rem;resize:none;outline:none;line-height:1.6;transition:border-color .2s}.args-textarea:focus{border-color:var(--border-accent)}.run-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:-.01em}.run-btn:hover:not(:disabled){opacity:.9}.run-btn:active:not(:disabled){transform:scale(.98)}.run-btn:disabled{opacity:.45;cursor:default}.result-panel{flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem;overflow:hidden}.result-toolbar{display:flex;align-items:center;justify-content:space-between}.result-status{font-size:.72rem;color:var(--text-muted)}.result-status.success{color:var(--success)}.result-status.error{color:var(--danger)}.result-pre{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1rem;font-size:.8rem;line-height:1.7;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.result-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.result-empty-icon{font-size:2rem;opacity:.4}.btn-ghost{padding:.35rem .8rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-size:.78rem;cursor:pointer;transition:all .15s}.btn-ghost:hover{border-color:var(--border-accent);color:var(--accent-bright)}.btn-small{padding:.25rem .6rem;font-size:.72rem}.center-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.25rem;text-align:center;padding:2rem;background:radial-gradient(ellipse at 50% 40%,rgba(124,111,247,.08) 0%,transparent 70%)}.center-card h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary),var(--accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:.95rem}.btn-primary{padding:.7rem 2rem;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 24px #7c6ff759}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.spinner{width:32px;height:32px;border:3px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-text{color:var(--text-secondary);font-size:.9rem}.error-text{color:var(--danger);font-size:.9rem;max-width:400px}.dev-badge{background:#4ade8014;border:1px solid rgba(74,222,128,.25);color:var(--success);padding:.3rem .85rem;border-radius:20px;font-size:.78rem;font-weight:500}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.app-list{flex:1;overflow-y:auto;padding:.5rem}.app-list-loading{display:flex;align-items:center;gap:.6rem;padding:1rem;font-size:.8rem;color:var(--text-muted)}.app-list-empty{padding:1rem;font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.8}.app-list-run-link{color:var(--accent-bright);cursor:pointer;text-decoration:underline}.app-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid transparent}.app-item:hover{background:var(--bg-elevated)}.app-item.selected{background:var(--accent-glow);border-color:var(--border-accent)}.app-item-icon{font-size:.9rem;color:var(--accent);flex-shrink:0}.app-item-name{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-item.selected .app-item-name{color:var(--accent-bright);font-weight:500}.selected-app-badge{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;margin:.5rem;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:8px;font-size:.75rem;color:var(--accent-bright);flex-shrink:0}.tool-picker-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.tool-select-wrap{position:relative;flex:1;min-width:180px}.tool-search-input{width:100%}.tool-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:8px;z-index:100;max-height:240px;overflow-y:auto;box-shadow:0 8px 24px #0006}.tool-dropdown-item{padding:.5rem .75rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:background .1s}.tool-dropdown-item:hover{background:var(--accent-glow);color:var(--accent-bright)}.tool-dropdown-empty{padding:.75rem;font-size:.8rem;color:var(--text-muted);text-align:center}.tool-name-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.app-context-hint{font-size:.72rem;color:var(--accent-bright);background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:6px;padding:.25rem .6rem}.navbar-sep{color:var(--text-muted);margin:0 .25rem}.navbar-app-name{font-size:.9rem;color:var(--accent-bright);font-weight:500}.dashboard-view{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;overflow-y:auto;flex:1}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dashboard-app-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dashboard-editor-link{font-size:.78rem;color:var(--accent-bright);text-decoration:none;opacity:.8;transition:opacity .2s}.dashboard-editor-link:hover{opacity:1;text-decoration:underline}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1.25rem;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, var(--accent));border-radius:14px 14px 0 0}.feature-card:hover{transform:translateY(-3px);border-color:var(--card-color, var(--border-accent));box-shadow:0 8px 32px #0000004d}.feature-card-icon{font-size:1.8rem;line-height:1}.feature-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.feature-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;flex:1}.feature-card-tool{margin-top:.25rem}.feature-card-tool code{font-size:.7rem;background:#ffffff0f;padding:.2rem .45rem;border-radius:4px;color:var(--text-muted)}.sql-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.sql-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.sql-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.sql-subtitle{font-size:.78rem;color:var(--text-secondary);margin-top:.15rem}.sql-form{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.sql-form-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.sql-field{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.sql-field-grow{flex:1}.sql-input{padding:.55rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .2s;width:100%}.sql-input:focus{border-color:var(--border-accent)}.sql-input::placeholder{color:var(--text-muted)}.sql-run-btn{flex-shrink:0;align-self:flex-end;white-space:nowrap}.sql-error{font-size:.82rem;color:var(--danger);padding:.4rem .6rem;background:#f8717114;border-radius:6px;border:1px solid rgba(248,113,113,.2)}.sql-results{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem 1.5rem 1.5rem;gap:.75rem}.sql-results-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sql-table-wrap{flex:1;overflow:auto;border:1px solid var(--border);border-radius:10px}.sql-table{width:100%;border-collapse:collapse;font-size:.8rem}.sql-table thead{position:sticky;top:0;background:var(--bg-elevated);z-index:1}.sql-table th{padding:.6rem .85rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.sql-table td{padding:.55rem .85rem;color:var(--text-secondary);border-bottom:1px solid var(--border);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sql-table tbody tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.sql-table tbody tr:last-child td{border-bottom:none}.sql-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem}.sql-hint{font-size:.75rem;opacity:.7;margin-top:.25rem}.sql-hint code{background:#ffffff0f;padding:0 4px;border-radius:3px}.sql-constraints{display:flex;flex-direction:column;gap:.5rem}.sql-constraints-header{display:flex;align-items:center;justify-content:space-between}.sql-constraint-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sql-constraint-key{width:160px;flex-shrink:0}.sql-constraint-value{flex:1;min-width:120px}.sql-select{padding:.55rem .6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.82rem;outline:none;cursor:pointer;transition:border-color .2s;flex-shrink:0}.sql-select:focus{border-color:var(--border-accent)}.sql-remove-btn{flex-shrink:0;color:var(--danger);border-color:#f871714d}.sql-form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}