npm - drixio - Versions diffs - 1.2.0 → 1.2.1 - Mend

drixio 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/LICENSE +22 -0
package/README.md +207 -113
package/dist/cli.js +604 -10303
package/dist/studio/assets/healthModal-Wc69raxJ.js +135 -0
package/dist/studio/assets/{index-DOTfHOMW.js → index-CmbAXgDl.js} +1193 -443
package/dist/studio/assets/index-zlNWHZdK.css +1 -0
package/dist/studio/assets/recycleBinModal-CM1yVRKo.js +85 -0
package/dist/studio/assets/sql-formatter-B5XS8faB.js +15 -0
package/dist/studio/icon.svg +65 -0
package/dist/studio/index.html +11 -3
package/dist/studio/logo.svg +72 -0
package/dist/studio/manifest.json +18 -0
package/package.json +22 -6
package/dist/studio/assets/index-DPNeFArq.css +0 -1

package/dist/studio/assets/index-zlNWHZdK.css ADDED Viewed

@@ -0,0 +1 @@

+ @import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";#main-content{background-color:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);box-sizing:border-box;flex-shrink:0;align-items:center;gap:6px;height:42px;padding:0 12px 0 6px;display:flex}[data-theme=dark] .toolbar{border-bottom-color:var(--color-border);background-color:#171717}.header-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;font-weight:500;transition:all .12s;display:inline-flex}[data-theme=dark] .header-btn.secondary{border-color:var(--color-border);color:var(--color-text);background-color:#121212}.header-btn.secondary:hover{background-color:var(--color-bg-secondary-dark);border-color:var(--color-text-soft)}.header-btn.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.header-btn.primary:hover{background-color:var(--color-primary-dark)}#btn-run-query:active,#btn-clear-query:active,.btn-primary:active,.btn-secondary:active,.table-btn:active{transform:scale(.96)}#btn-clear-query .material-symbols-outlined{font-size:16px}.refresh-btn{background-color:var(--color-bg-primary);cursor:pointer;border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);box-sizing:border-box;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}[data-theme=dark] .refresh-btn{border-color:var(--color-border);background-color:#121212}.refresh-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text);border-color:var(--color-text-soft)}.refresh-btn:active{transform:scale(.92)}.refresh-btn .material-symbols-outlined{color:#10b981;margin-bottom:.5px;font-size:18px;transition:transform .25s}.refresh-btn:hover .material-symbols-outlined{transform:rotate(60deg)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}::-webkit-scrollbar-corner{background:0 0}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.flex-1{flex:1}.text-soft{color:var(--color-text-soft)}.text-error{color:var(--color-error)}.items-center{align-items:center;display:flex}.justify-center{justify-content:center;display:flex}.justify-end{justify-content:flex-end;display:flex}.justify-between{justify-content:space-between;display:flex}.flex-col{flex-direction:column;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.text-center{text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-14{font-size:14px}.icon-16{font-size:16px}.icon-18{font-size:18px}.icon-20{font-size:20px}.icon-36{font-size:36px}.mt-2px{margin-top:2px}.mt-2{margin-top:8px}.mb-1{margin-bottom:4px}.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mx-2{margin-left:8px;margin-right:8px}.ml-2{margin-left:8px}.pl-6{padding-left:24px}.pt-1{padding-top:4px}.text-success{color:#10b981}.text-10{font-size:10px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-right{text-align:right}.text-secondary{color:var(--color-text-secondary)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.transition-opacity{transition:opacity .2s}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-auto{pointer-events:auto}.w-12{width:12px}.w-250{width:250px}.w-400{width:400px}.w-500{width:500px}.w-full{width:100%}.h-80{height:80px}.align-middle{vertical-align:middle}.border-l{border-left:1px solid var(--color-border)}.gap-6px{gap:6px}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.text-brand{color:var(--color-brand-500)}.italic{font-style:italic}header{border-bottom:1px solid var(--color-border);box-sizing:border-box;z-index:1000;background-color:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 12px;font-size:13px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;display:flex}.header-brand-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 1px 4px #2563eb40}.header-brand-icon .material-symbols-outlined{font-size:17px;line-height:1}.header-brand-info{flex-direction:column;justify-content:center;gap:3px;line-height:1;display:flex}.header-brand-text{align-items:center;gap:5px;line-height:1;display:flex}.header-brand-title{letter-spacing:.04em;color:var(--color-text);font-size:13px;font-weight:700;font-family:var(--font-inter);line-height:1}.header-brand-badge{letter-spacing:.06em;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1}.header-brand-by{color:var(--color-text-soft);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:1}.header-brand-divider{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;opacity:.5;font-size:14px}#current-path{align-items:center;gap:8px;min-width:0;display:flex}.breadcrumb-item{align-items:center;gap:6px;height:24px;font-size:13px;line-height:1;display:inline-flex}.breadcrumb-icon{color:var(--color-text-soft);font-size:15px}#db-name{color:var(--color-text-secondary);font-weight:500;font-family:var(--font-mono);font-size:12px}.breadcrumb-separator{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:300}.table-crumb{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;height:24px;padding:0 8px;transition:all .15s;box-shadow:0 1px 2px #00000005}.env-badge{letter-spacing:.03em;text-transform:uppercase;height:24px;font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:6px;align-items:center;gap:4px;padding:0 8px;line-height:1;transition:all .2s;display:inline-flex}.env-badge.local{color:#34d399;background-color:#10b98114;border:1px solid #10b98133}.env-badge.remote{color:#fbbf24;background-color:#f59e0b14;border:1px solid #f59e0b40}#table-icon{color:var(--color-primary);font-size:15px}#table-name{color:var(--color-text);font-weight:600;font-family:var(--font-mono);font-size:12px}.breadcrumb-caret{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;font-size:15px;transition:color .15s}.db-crumb{cursor:pointer;border-radius:5px;padding:2px 6px;transition:background-color .15s}.db-crumb:hover,.db-crumb.is-open{background-color:var(--color-bg-secondary)}.db-crumb:hover .breadcrumb-caret,.db-crumb.is-open .breadcrumb-caret{color:var(--color-primary)}.db-switcher-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1000;box-sizing:border-box;border-radius:10px;flex-direction:column;gap:2px;width:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px -4px #00000040,0 4px 12px -2px #00000014}[data-theme=dark] .db-switcher-dropdown{box-shadow:0 20px 40px -4px #000000bf,0 0 0 1px #ffffff14}.db-switcher-dropdown.hidden{display:none!important}.db-switcher-header{justify-content:space-between;align-items:center;padding:6px 8px 4px;display:flex}.db-switcher-title{letter-spacing:.05em;color:var(--color-text-soft);font-size:11px;font-weight:700}.db-switcher-count{font-size:10px;font-weight:600;font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-soft);border-radius:4px;padding:1px 5px}.db-switcher-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.db-switcher-empty{text-align:center;color:var(--color-text-soft);padding:16px 10px;font-size:12px;line-height:1.4}.db-switcher-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s;display:flex;position:relative}.db-switcher-item:hover{background-color:var(--color-bg-secondary)}.db-switcher-item.active{background-color:#3b82f614}.db-item-icon-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.db-item-icon-wrap.postgres{color:#3b82f6;background:#3b82f61a}.db-item-icon-wrap.mysql{color:#f59e0b;background:#f59e0b1a}.db-item-icon-wrap.sqlite{color:#10b981;background:#10b9811a}.db-item-icon{font-size:16px}.db-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-item-name-row{align-items:center;gap:6px;min-width:0;display:flex}.db-item-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.db-active-badge{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;padding:0 4px;font-size:9px;font-weight:700;line-height:1.2}.db-item-meta{color:var(--color-text-soft);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.db-active-check{color:var(--color-primary);margin-left:auto;font-size:16px}.db-remove-btn{color:var(--color-text-soft);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:12px;transition:all .12s}.db-switcher-item:hover .db-remove-btn{opacity:1}.db-remove-btn:hover{color:#ef4444;background:#ef44441f}.db-switcher-divider{background:var(--color-border);height:1px;margin:4px 2px}.db-switcher-footer{padding:2px}.db-switcher-new-btn{width:100%;color:var(--color-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:background-color .12s;display:flex}.db-switcher-new-btn:hover{background:var(--color-bg-secondary)}.db-switcher-new-btn .material-symbols-outlined{font-size:16px}.header-connect-pill{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);height:24px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:5px;margin-left:2px;padding:0 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.header-connect-pill:hover{background-color:var(--color-bg-primary);color:var(--color-text);border-color:var(--color-text-soft);box-shadow:0 1px 3px #0000000d}.header-connect-pill:active{transform:scale(.96)}.header-connect-pill .connect-icon{color:#10b981;font-size:14px}.header-readonly-pill{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);height:24px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:5px;margin-left:2px;padding:0 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.header-readonly-pill:hover{background-color:var(--color-bg-primary);color:var(--color-text);border-color:var(--color-text-soft)}.header-readonly-pill:active{transform:scale(.96)}.header-readonly-pill .readonly-icon{color:var(--color-text-muted,#888);font-size:13px}.header-readonly-pill.readonly-active{color:#ef4444;background-color:#ef44441f;border-color:#ef444459;font-weight:600}.header-readonly-pill.readonly-active .readonly-icon{color:#ef4444}.header-right{align-items:center;gap:12px;display:flex}.header-search-pill{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);height:28px;color:var(--color-text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;min-width:150px;padding:8px;font-size:12px;transition:all .15s;display:flex}.header-search-pill:hover{background-color:var(--color-bg-primary);border-color:var(--color-text-soft);color:var(--color-text-secondary)}.header-search-pill .search-icon{color:var(--color-text-soft);font-size:14px}.header-search-pill .search-placeholder{flex:1;font-size:12px}.header-search-pill .search-kbd{font-family:var(--font-mono);border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-soft);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.2}.header-actions{align-items:center;gap:6px;display:flex}.header-icon-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;box-sizing:border-box;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .15s;display:inline-flex}.header-icon-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-text-soft)}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn.is-open{background-color:var(--color-bg-secondary);color:var(--color-primary);border-color:var(--color-primary)}.header-icon-btn .material-symbols-outlined{font-size:16px;line-height:1}.dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1000;opacity:1;border-radius:10px;flex-direction:column;gap:2px;min-width:215px;margin:0;padding:6px;list-style:none;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 5px);right:0;transform:translateY(0);box-shadow:0 12px 32px -4px #00000029,0 4px 8px -2px #0000000f}[data-theme=dark] .dropdown-menu{box-shadow:0 16px 36px -4px #000000b3,0 0 0 1px #ffffff14}.dropdown-menu.hidden{opacity:0;display:none;transform:translateY(-4px)}.dropdown-menu li{position:relative}.dropdown-item{text-wrap:nowrap;text-align:left;cursor:pointer;color:var(--color-text);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:16px;width:100%;min-width:200px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.dropdown-item-label{flex:1}.dropdown-item .material-symbols-outlined{color:var(--color-text-soft);flex-shrink:0;font-size:16px;transition:color .15s}.dropdown-item .caret{color:var(--color-text-soft);margin-left:auto;font-size:16px}.dropdown-item:hover,.dropdown-submenu:hover>.dropdown-item{background-color:var(--color-bg-secondary);color:var(--color-primary)}.dropdown-item:hover .material-symbols-outlined,.dropdown-submenu:hover>.dropdown-item .material-symbols-outlined,.dropdown-item:hover .caret,.dropdown-submenu:hover>.dropdown-item .caret{color:var(--color-primary)}.dropdown-badge{font-family:var(--font-mono);background:var(--color-bg-secondary);color:var(--color-text-soft);border:1px solid var(--color-border);letter-spacing:.02em;border-radius:4px;margin-left:auto;padding:1.5px 5px;font-size:10px;font-weight:600;line-height:1.2}.dropdown-item.danger,.dropdown-item.danger .material-symbols-outlined{color:#ef4444}.dropdown-item.danger:hover{color:#ef4444;background-color:#ef44441a}.dropdown-item.danger:hover .material-symbols-outlined{color:#ef4444}.dropdown-badge.danger{color:#ef4444;background:#ef44441a;border-color:#ef444440}.dropdown-submenu .sub-menu{border-radius:10px;width:max-content;min-width:215px;margin-right:6px;padding:6px;display:none;top:-6px;right:100%}.dropdown-submenu .sub-menu:after{content:"";width:14px;height:100%;position:absolute;top:0;right:-10px}.dropdown-submenu:hover .sub-menu{display:flex}.dropdown-divider{background:var(--color-border);height:1px;margin:4px 2px}.import-modal-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:520px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0006}.import-modal-title-wrap{align-items:center;gap:12px;display:flex}.import-icon-badge{width:36px;height:36px;color:var(--color-primary);background:#3b82f61f;border-radius:8px;justify-content:center;align-items:center;display:flex}.import-icon-badge .material-symbols-outlined{font-size:20px}.import-modal-title{color:var(--color-text);margin:0;font-size:15px;font-weight:700;line-height:1.2}.import-modal-subtitle{color:var(--color-text-soft);margin:2px 0 0;font-size:12px}.import-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.import-type-tabs{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;gap:3px;padding:3px;display:flex}.import-type-tab{height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.import-type-tab:hover{color:var(--color-text)}.import-type-tab.active{background:var(--color-bg-primary);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #00000014}.import-type-tab .material-symbols-outlined{font-size:15px}.import-target-banner{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.banner-icon{color:var(--color-primary);font-size:16px}.banner-label{color:var(--color-text-secondary)}.target-table-badge{font-family:var(--font-mono);color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f640;border-radius:4px;padding:1px 6px;font-weight:600}.target-table-badge.empty{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b4d}.import-dropzone{border:2px dashed var(--color-border);text-align:center;cursor:pointer;background:var(--color-bg-secondary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:26px 20px;transition:all .2s;display:flex}.import-dropzone:hover,.import-dropzone.drag-over{border-color:var(--color-primary);background:#3b82f60a}.dropzone-icon{color:var(--color-text-soft);margin-bottom:6px;font-size:34px;transition:color .15s}.import-dropzone:hover .dropzone-icon,.import-dropzone.drag-over .dropzone-icon{color:var(--color-primary)}.dropzone-text{color:var(--color-text);margin:0 0 4px;font-size:13px}.dropzone-browse{color:var(--color-primary);font-weight:600;text-decoration:underline}.dropzone-hint{color:var(--color-text-soft);font-size:11px}.hidden-file-input{display:none}.import-file-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.preview-left{align-items:center;gap:10px;display:flex}.preview-icon{color:var(--color-primary);font-size:20px}.preview-text{flex-direction:column;display:flex}.preview-filename{color:var(--color-text);font-size:13px;font-weight:600}.preview-filesize{color:var(--color-text-soft);font-size:11px}.preview-remove-btn{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;transition:all .15s}.preview-remove-btn:hover{color:#ef4444;background:#ef44441f}.import-modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.import-cancel-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:0 14px;font-size:12px;font-weight:500;transition:all .15s}.import-cancel-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.import-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.import-submit-btn:hover:not(:disabled){background:var(--color-primary-dark)}.import-submit-btn:disabled{opacity:.5;cursor:not-allowed}.help-modal-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:480px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0006}.help-modal-body{flex-direction:column;gap:18px;padding:20px;display:flex}.shortcuts-group-title{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-soft);margin-bottom:8px;font-size:11px;font-weight:700}.shortcut-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.shortcut-desc{color:var(--color-text);font-size:13px}.shortcut-keys{align-items:center;gap:4px;display:flex}.shortcut-keys kbd{font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.help-links-group{flex-direction:column;gap:8px;display:flex}.help-link-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.help-link-card:hover{border-color:var(--color-primary);background:#3b82f60a}.link-card-title{color:var(--color-text);font-size:13px;font-weight:600;display:block}.link-card-desc{color:var(--color-text-soft);font-size:11px;display:block}.card-arrow{color:var(--color-text-soft);margin-left:auto;font-size:16px}.help-modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.help-version-tag{color:var(--color-text-soft);font-size:11px;font-family:var(--font-mono)}#sidebar-container{flex-shrink:0;height:100%;display:flex}#sidebar-container.hidden{display:none!important}#sidebar-panel{background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:20;flex-direction:column;width:250px;height:100%;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] #sidebar-panel{background-color:#121212;border-right-color:#222}#sidebar-panel.collapsed{width:52px}aside.collapsed .sidebar-section-header,aside.collapsed #sidebar-search-row,aside.collapsed .sidebar-new-table-btn,aside.collapsed #search-bar,aside.collapsed #schema-selector-wrap,aside.collapsed .table-name-text,aside.collapsed .table-btn-badge,aside.collapsed .sidebar-db-status,aside.collapsed #theme-text,aside.collapsed .sidebar-version-tag{display:none!important}aside.collapsed #sidebar-header{cursor:pointer;justify-content:center;padding:0}aside.collapsed .sidebar-header-title{display:none!important}aside.collapsed #sidebar-collapse-btn{justify-content:center;align-items:center;margin:0 auto;display:flex!important}aside.collapsed #sidebar-content{align-items:center;gap:8px;width:100%;padding:12px 0}aside.collapsed #table-nav{align-items:center;gap:10px;width:100%;padding:0}aside.collapsed #sidebar-no-match,aside.collapsed .sidebar-empty-state{display:none!important}aside.collapsed .table-btn{box-sizing:border-box;border-radius:8px;width:fit-content;min-width:fit-content;max-width:fit-content;height:fit-content;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;display:flex!important}aside.collapsed .table-btn-label{flex:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important}aside.collapsed .table-item-icon{display:none!important}.table-item-initial{display:none}aside.collapsed .table-item-initial{width:30px;height:30px;font-size:13px;font-weight:700;font-family:var(--font-mono);color:#a1a1a1;text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border:1px solid #2e2e2e;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex!important}aside.collapsed .table-btn:hover .table-item-initial{color:#fff;background-color:#282828;border-color:#404040}aside.collapsed .table-btn.active .table-item-initial{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px #3b82f680}aside.collapsed .table-btn.active:before{display:none!important}aside.collapsed #sidebar-footer{justify-content:center;align-items:center;width:100%;padding:10px 4px}aside.collapsed .sidebar-footer-top{justify-content:center}aside.collapsed .sidebar-footer-actions{flex-direction:column;gap:6px}aside.collapsed .sidebar-footer-btn-label{display:none}aside.collapsed .sidebar-footer-btn{flex:none;width:32px;height:32px;padding:0}#sidebar-header{box-sizing:border-box;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}[data-theme=dark] #sidebar-header{background-color:#121212;border-bottom-color:#222}#drixio-logo{width:32px;height:32px}.sidebar-header-title{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-header-text{letter-spacing:-.01em;color:var(--color-text);font-size:14px;font-weight:600}.section-actions{align-items:center;gap:2px;display:flex}.status-indicator-dot{background-color:var(--color-warning);border-radius:50%;width:6px;height:6px;transition:background-color .2s,box-shadow .2s;box-shadow:0 0 0 2px #f59e0b40}.status-indicator-dot.status-connected{background-color:var(--color-success);animation:2.5s infinite pulse-dot;box-shadow:0 0 0 2px #10b98140}.status-indicator-dot.status-error{background-color:var(--color-error);animation:none;box-shadow:0 0 0 2px #ef444440}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}#brand-db-type{font-family:var(--font-mono);letter-spacing:.5px;font-size:10px}.sidebar-icon-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .15s,color .15s,transform .1s;display:flex}.sidebar-icon-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.sidebar-icon-btn:active{transform:scale(.94)}.sidebar-icon-btn span{font-size:18px}#sidebar-content{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 10px;display:flex}#schema-selector-wrap{box-sizing:border-box;width:100%}.schema-select-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;height:32px;padding:0 10px;transition:all .15s;display:flex;position:relative}[data-theme=dark] .schema-select-box{background-color:#171717;border-color:#2a2a2a}.schema-select-box:hover{border-color:var(--color-text-soft);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .schema-select-box:hover{background-color:#1c1c1c;border-color:#383838}.schema-select-text{align-items:center;gap:6px;display:flex;overflow:hidden}.schema-prefix{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;font-size:12px}.schema-current-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.schema-chevron{color:var(--color-text-soft);flex-shrink:0;font-size:16px}.schema-native-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sidebar-new-table-btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;cursor:pointer;width:100%;height:30px;color:var(--color-text);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:7px;padding:0 8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}[data-theme=dark] .sidebar-new-table-btn{color:#ededed;background-color:#171717;border-color:#2a2a2a}.sidebar-new-table-btn:hover{background-color:var(--color-bg-secondary-dark);border-color:var(--color-text-soft)}[data-theme=dark] .sidebar-new-table-btn:hover{background-color:#1c1c1c;border-color:#383838}.sidebar-new-table-btn:active{transform:scale(.985)}.sidebar-new-table-btn .material-symbols-outlined{color:var(--color-text-secondary);font-size:18px}#sidebar-search-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}#search-bar{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;transition:all .15s;display:flex}[data-theme=dark] #search-bar{background-color:#171717;border-color:#2a2a2a}#search-icon{color:var(--color-text-soft);flex-shrink:0;font-size:16px}#search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:12px}#search-input::placeholder{color:var(--color-text-soft);font-size:12px}.sidebar-refresh-btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;cursor:pointer;width:30px;height:30px;color:var(--color-text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}[data-theme=dark] .sidebar-refresh-btn{color:#a1a1a1;background-color:#171717;border-color:#2a2a2a}.sidebar-refresh-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .sidebar-refresh-btn:hover{color:#fff;background-color:#1f1f1f;border-color:#404040}.sidebar-refresh-btn:active{transform:scale(.96)}.sidebar-refresh-btn .material-symbols-outlined{font-size:16px}.search-clear-btn{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0 2px;padding:4px 5px;font-size:10px;line-height:1;transition:color .15s,background-color .15s;display:flex}.search-clear-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}#table-nav{box-sizing:border-box;flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden auto}#table-nav::-webkit-scrollbar{width:4px}#table-nav::-webkit-scrollbar-track{background:0 0}#table-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}#table-nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.table-btn{cursor:pointer;text-align:left;box-sizing:border-box;width:100%;height:30px;color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000;border-radius:6px;outline:none;justify-content:space-between;align-items:center;padding:0 8px 0 10px;transition:background-color .12s,color .12s,border-color .12s;display:flex;position:relative}[data-theme=dark] .table-btn{color:#a1a1a1}.table-btn:hover{color:var(--color-text);background-color:#ffffff0a}[data-theme=dark] .table-btn:hover{color:#ededed;background-color:#ffffff0d}.table-btn:active{transform:scale(.985)}.table-btn.active{color:var(--color-primary);background:linear-gradient(90deg,#2c68ec1f 0%,#2c68ec08 100%);border-color:#2c68ec4d;font-weight:600}[data-theme=dark] .table-btn.active{color:#fff;background:linear-gradient(90deg,#3b82f62e 0%,#1e293b59 100%);border-color:#3b82f666;font-weight:600;box-shadow:0 1px 3px #0000004d}.table-btn.active:before{content:"";background-color:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 0 8px #3b82f6b3}[data-theme=dark] .table-btn.active .table-item-icon{color:#60a5fa;filter:drop-shadow(0 0 4px #60a5fa80)}.table-btn-label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.table-item-icon{color:var(--color-text-soft);flex-shrink:0;font-size:16px;transition:color .12s}[data-theme=dark] .table-item-icon{color:#737373}.table-btn:hover .table-item-icon{color:var(--color-text-secondary)}[data-theme=dark] .table-btn:hover .table-item-icon{color:#a1a1a1}.table-btn.active .table-item-icon{color:var(--color-text)}[data-theme=dark] .table-btn.active .table-item-icon{color:#fff}.table-name-text{font-size:13px;font-weight:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.table-btn-badge{font-size:9px;font-weight:500;font-family:var(--font-mono);color:var(--color-text-soft);box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:1px 6px;line-height:1;transition:all .15s;display:inline-flex}[data-theme=dark] .table-btn-badge{color:#888;background-color:#ffffff0f}.table-btn:hover .table-btn-badge{color:var(--color-text-secondary);background-color:#ffffff1a}[data-theme=dark] .table-btn:hover .table-btn-badge{color:#b0b0b0;background-color:#ffffff1a}.table-btn.active .table-btn-badge{color:var(--color-primary);background-color:#2c68ec2e;font-weight:600}[data-theme=dark] .table-btn.active .table-btn-badge{color:#93c5fd;background-color:#3b82f640;font-weight:600}.dirty-indicator-dot{background-color:var(--color-warning);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:4px;display:inline-block;box-shadow:0 0 6px #f59e0bb3}aside.collapsed .dirty-indicator-dot{margin:0;position:absolute;top:6px;right:6px}#not-found-msg,.sidebar-empty-state,.sidebar-loading-state{text-align:center;color:var(--color-text-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto;padding:24px 12px;font-size:12px;display:flex}.sidebar-empty-cta-btn{border:1px dashed var(--color-border);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.sidebar-empty-cta-btn:hover{border-style:solid;border-color:var(--color-primary);background:#3b82f614;transform:translateY(-1px)}#sidebar-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.sidebar-footer-top{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-db-status{font-size:10px;font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.5px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;height:24px;padding:4px 8px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 2px #00000008}.sidebar-version-tag{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft)}.sidebar-footer-actions{align-items:center;gap:6px;width:100%;display:flex}.sidebar-footer-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;box-sizing:border-box;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:26px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.sidebar-footer-btn:hover{color:var(--color-text);border-color:var(--color-text-soft);background:var(--color-bg-secondary);transform:translateY(-1px)}.sidebar-footer-btn:active{transform:scale(.97)}[data-theme=dark] .sidebar-footer-btn{color:#94a3b8;background:#151821;border-color:#ffffff14}[data-theme=dark] .sidebar-footer-btn:hover{color:#f1f5f9;background:#1c212d;border-color:#ffffff29}.sidebar-footer-btn-label{font-size:11px;font-family:var(--font-mono);font-weight:600}.sidebar-trash-btn{color:#ef4444;cursor:pointer;font-size:11px;font-family:var(--font-mono);box-sizing:border-box;background:#ef444414;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:26px;padding:4px 8px;font-weight:600;transition:all .15s;display:inline-flex}.sidebar-trash-btn:hover{background:#ef444429;border-color:#ef444459;transform:translateY(-1px)}.sidebar-trash-btn:active{transform:scale(.96)}#search-bar{background-color:var(--color-bg-secondary);border:1px var(--color-border) solid;border-radius:8px;outline:none;align-items:center;padding:0 3px;transition:all .1s linear;display:flex;overflow:hidden}#search-bar:focus-within{border:1px var(--color-primary) solid;box-shadow:var(--ring-primary-2);background-color:var(--color-bg-primary)}#search-icon{color:var(--color-text-soft);margin:0 3px 0 6px;font-size:16px;transition:all .1s linear}#search-bar:focus-within #search-icon{color:var(--color-primary);transform:scale(1.15)}#search-input{width:100%;height:30px;color:var(--color-text);background-color:#0000;border:none;outline:none;font-size:12px}#search-input::placeholder{color:var(--color-text-soft)}#tab-container{z-index:500;flex-shrink:0;width:52px;height:100%;position:relative}#tab-nav{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:500;flex-direction:column;justify-content:space-between;width:52px;height:100%;padding:10px 0 8px;transition:width .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}[data-theme=dark] #tab-nav{border-right-color:var(--color-border);background-color:#121212}#tab-container:hover #tab-nav,#tab-nav:hover{width:200px;box-shadow:10px 0 25px #0000001a}.rail-top{flex-direction:column;flex:1;gap:3px;display:flex}.rail-bottom{flex-direction:column;gap:3px;margin-top:auto;display:flex}.rail-item{width:calc(100% - 15px);height:36px;color:var(--color-text-secondary);cursor:pointer;box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;align-items:center;margin:2px 8px;padding:0 6.5px;transition:background-color .12s,color .12s,border-color .12s;display:flex}.rail-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}[data-theme=dark] .rail-item:hover{color:#fff;background-color:#ffffff12}.rail-item:hover .rail-icon{color:var(--color-text)}[data-theme=dark] .rail-item:hover .rail-icon{color:#fff}.rail-item.isCurrentTab{border-color:var(--color-border);color:var(--color-primary);background-color:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .rail-item.isCurrentTab{color:#fff;background-color:#222;border-color:#ffffff24}.rail-item.isCurrentTab .rail-icon{color:var(--color-primary)}[data-theme=dark] .rail-item.isCurrentTab .rail-icon{color:#fff}.rail-icon{width:22px;height:22px;color:var(--color-text-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:color .12s;display:flex}.rail-label{color:inherit;opacity:0;text-overflow:ellipsis;white-space:nowrap;margin-left:12px;font-size:13px;font-weight:500;transition:opacity .18s,transform .18s;overflow:hidden;transform:translate(-6px)}#tab-container:hover .rail-label,#tab-nav:hover .rail-label{opacity:1;transform:translate(0)}.rail-divider{background-color:var(--color-border);flex-shrink:0;height:1px;margin:8px 10px}[data-theme=dark] .rail-divider{background-color:#ffffff14}.rail-theme-toggle{color:var(--color-text-secondary)}.rail-theme-toggle:hover{color:var(--color-text)}[data-theme=dark] .rail-theme-toggle:hover #theme-icon{color:#fbbf24}.rail-item.hidden{display:none!important}.cell-expand-btn{cursor:pointer;color:var(--color-text-soft);background-color:var(--color-bg-primary);border:1px var(--color-border) solid;z-index:15;border-radius:4px;justify-content:center;align-items:center;padding:3px;font-size:14px;transition:all .1s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 2px 4px #0000000d}.cell-expand-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.supabase-editor-backdrop{-webkit-backdrop-filter:blur(4px);z-index:10000;background-color:#00000080;width:100vw;height:100vh;transition:opacity .15s;position:fixed;top:0;left:0}.supabase-editor-backdrop.hidden{display:none}.supabase-cell-editor-popover{z-index:10001;border:1px solid var(--color-border);box-sizing:border-box;background-color:#fff;border-radius:8px;flex-direction:column;transition:width .18s cubic-bezier(.16,1,.3,1),height .18s cubic-bezier(.16,1,.3,1),top .18s cubic-bezier(.16,1,.3,1),left .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 35px -4px #0000002e,0 6px 14px -2px #00000014}[data-theme=dark] .supabase-cell-editor-popover{background-color:#17171a;border-color:#2e2e33;box-shadow:0 24px 48px -4px #000000a6,0 0 0 1px #ffffff0f}.supabase-cell-editor-popover.is-expanded{box-shadow:0 25px 50px -12px #000000bf,0 0 0 1px #ffffff14;width:680px!important;max-width:92vw!important;height:480px!important;max-height:85vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.supabase-editor-textarea{resize:none;width:100%;height:100%;font-family:var(--font-mono);color:var(--color-text);caret-color:var(--color-primary);box-sizing:border-box;background-color:#0000;border:none;outline:none;flex:1;padding:12px 14px;font-size:13px;line-height:1.55}.supabase-editor-textarea::placeholder{color:var(--color-text-soft);opacity:.6}.supabase-editor-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}[data-theme=dark] .supabase-editor-footer{background-color:#131315;border-top-color:#27272a}.supabase-editor-footer-left{flex-direction:column;gap:4px;display:flex}.supabase-editor-shortcut-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:2px 0;font-size:12px;font-weight:500;transition:color .12s;display:inline-flex}.supabase-editor-shortcut-btn.btn-save:hover{color:var(--color-text)}[data-theme=dark] .supabase-editor-shortcut-btn.btn-save:hover{color:#fff}.supabase-editor-shortcut-btn.btn-cancel:hover{color:var(--color-error)}.supabase-kbd-badge{border:1px solid var(--color-border);background-color:var(--color-bg-primary);min-width:20px;height:20px;color:var(--color-text-soft);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}[data-theme=dark] .supabase-kbd-badge{color:#a1a1aa;background-color:#222226;border-color:#3f3f46}.supabase-editor-footer-right{align-items:center;display:flex}.supabase-editor-expand-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);width:32px;height:32px;color:var(--color-text-soft);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}[data-theme=dark] .supabase-editor-expand-btn{color:#a1a1aa;background-color:#222226;border-color:#3f3f46}.supabase-editor-expand-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text);border-color:var(--color-text-soft)}[data-theme=dark] .supabase-editor-expand-btn:hover{color:#ededed;background-color:#2a2a30;border-color:#52525b}.supabase-expand-icon{font-size:18px!important}#modal-editor-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-editor-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:600px;max-width:90vw;height:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.modal-header{border-bottom:1px var(--color-border) solid;color:var(--color-text);align-items:center;gap:8px;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-header .material-symbols-outlined{color:var(--color-primary)}#modal-textarea{resize:none;color:var(--color-text);background-color:var(--color-bg-secondary-dark);border:none;outline:none;flex:1;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}#modal-textarea:focus{background-color:var(--color-bg-primary)}.modal-footer button{cursor:pointer;border:1px var(--color-border) solid;background-color:var(--color-bg-primary);color:var(--color-text);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.modal-footer button:active{transform:scale(.97)}.modal-footer button:hover{background-color:var(--color-bg-secondary-dark)}.modal-footer button.primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.modal-footer button.primary:hover{background-color:var(--color-primary-dark)}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-state .icon-container{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.empty-state .material-symbols-outlined{font-size:36px}.empty-state h2{color:var(--color-text);margin-top:32px;margin-bottom:10px;font-size:24px;font-weight:700}.empty-state p{color:var(--color-text-secondary);text-align:center;max-width:500px;margin:0;font-size:16px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:12px;flex-direction:column;max-width:94vw;max-height:88vh;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000080}[data-theme=dark] .modal-container{background:#141416;border-color:#26262b;box-shadow:0 24px 48px -12px #000000b3}.modal-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}[data-theme=dark] .modal-header{background:#18181c;border-bottom-color:#26262b}.modal-title-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.modal-icon-badge{width:32px;height:32px;color:var(--color-primary);background:#2563eb1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .modal-icon-badge{color:#60a5fa;background:#3b82f626}.modal-icon-badge.warning{color:#f59e0b;background:#f59e0b1f}.modal-icon-badge.error{color:#ef4444;background:#ef44441f}.modal-icon-badge.success{color:#10b981;background:#10b9811f}.modal-icon-badge .material-symbols-outlined{font-size:19px}.modal-title-col{flex-direction:column;gap:2px;min-width:0;display:flex}.modal-title-row{align-items:center;gap:8px;min-width:0;display:flex}.modal-title-text{color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.modal-subtitle-text{color:var(--color-text-soft);margin:0;font-size:11.5px;line-height:1.3}.modal-title-badge{font-size:10.5px;font-weight:600;font-family:var(--font-mono);background:var(--color-bg-secondary-dark);border:1px solid var(--color-border);color:var(--color-text-soft);text-transform:uppercase;border-radius:4px;padding:1px 6px}.modal-close-btn{width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.modal-close-btn:hover{background:var(--color-bg-secondary-dark);color:var(--color-text);border-color:var(--color-border)}.modal-close-btn .material-symbols-outlined{font-size:18px}.modal-body-scroll{max-height:300px;padding:16px;overflow-y:auto}.modal-body{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}[data-theme=dark] .modal-footer{background:#18181c;border-top-color:#26262b}.modal-footer-hint{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:11px;display:inline-flex}.modal-footer-hint kbd{font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-soft);border-radius:3px;padding:1px 4px;font-size:10px}.modal-footer-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.modal-section-bg{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:16px}.modal-input{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;padding:6px}.btn-primary{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:6px 16px}.btn-secondary{border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;padding:6px 16px}.modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.idx-modal-container{border:1px solid var(--color-border);border-radius:12px;width:540px;max-width:92vw;max-height:85vh;box-shadow:0 20px 30px -10px #0006}.idx-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft);margin-bottom:8px;font-size:11px;font-weight:700}.idx-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;transition:all .15s;display:flex}.idx-card:hover{background-color:var(--color-bg-secondary-dark);border-color:#ffffff26}.idx-card-info{flex-direction:column;gap:4px;min-width:0;display:flex}.idx-card-header{align-items:center;gap:8px;display:flex}.idx-name{font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.idx-cols-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.idx-col-pill{font-family:var(--font-mono);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.idx-del-btn{width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.idx-del-btn:hover{color:#f43f5e;background-color:#f43f5e26}.idx-del-btn .material-symbols-outlined{font-size:18px}.idx-chips-container{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.idx-chip{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.idx-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.idx-chip.selected{background-color:var(--color-primary-active);border-color:var(--color-primary);color:#fff}[data-theme=dark] .idx-chip.selected{color:#60a5fa;background-color:#3b82f633;border-color:#3b82f6}.idx-chip-badge{text-align:center;background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;font-weight:700;line-height:1.5;display:inline-flex}.btn-add-idx{border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-idx:hover{background-color:var(--color-primary-active);border-color:var(--color-primary);color:#fff}.btn-add-idx .material-symbols-outlined{font-size:16px}.idx-clear-btn{color:var(--color-primary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex;background:0 0!important;border:none!important;padding:2px 6px!important}.idx-clear-btn:hover{color:#60a5fa;text-decoration:none;background-color:#3b82f61a!important}.mock-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;opacity:0;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .15s;display:none;position:fixed;top:0;left:0}.mock-modal-overlay.visible{opacity:1;display:flex}.mock-modal-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:640px;max-width:92vw;max-height:88vh;transition:transform .15s;display:flex;overflow:hidden;transform:scale(1);box-shadow:0 25px 50px -12px #00000040}.mock-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.mock-modal-title{align-items:center;gap:8px;display:flex}.mock-modal-title h3{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.mock-target-badge{font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.mock-modal-close{cursor:pointer;color:var(--color-text-soft);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.mock-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.mock-modal-body{flex-direction:column;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.mock-section{flex-direction:column;gap:8px;display:flex}.mock-section-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.mock-count-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-pill{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.mock-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.mock-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.mock-custom-input-wrap input{border:1px solid var(--color-border);background:var(--color-bg-primary);width:80px;height:32px;color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;padding:0 10px;font-size:13px;transition:border-color .15s}.mock-custom-input-wrap input:focus{border-color:var(--color-primary)}.mock-rules-list{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;max-height:150px;padding:6px;display:grid;overflow-y:auto}.mock-rule-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.mock-rule-col{align-items:center;gap:6px;min-width:0;display:flex}.mock-col-name{font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.mock-col-type{color:var(--color-text-soft);font-size:10px}.mock-rule-strategy{color:var(--color-primary);white-space:nowrap;font-size:10.5px;font-weight:500}.mock-rule-strategy.is-fk{color:#10b981}.mock-preview-table-wrap{border:1px solid var(--color-border);background:var(--color-bg-primary);scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;border-radius:8px;max-height:130px;overflow-x:auto}.mock-preview-table-wrap::-webkit-scrollbar{width:6px;height:6px}.mock-rules-list::-webkit-scrollbar{width:6px;height:6px}.mock-preview-table-wrap::-webkit-scrollbar-track{background:0 0}.mock-rules-list::-webkit-scrollbar-track{background:0 0}.mock-preview-table-wrap::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px;transition:background .2s}.mock-rules-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px;transition:background .2s}.mock-preview-table-wrap::-webkit-scrollbar-thumb:hover{background:#ffffff52}.mock-rules-list::-webkit-scrollbar-thumb:hover{background:#ffffff52}.mock-preview-table-wrap::-webkit-scrollbar-corner{background:0 0}.mock-preview-table{border-collapse:collapse;width:100%;font-size:11.5px;font-family:var(--font-mono)}.mock-preview-table th{background:var(--color-bg-secondary);text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:6px 10px;font-size:11px;font-weight:600}.mock-preview-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:150px;padding:5px 10px;overflow:hidden}.mock-modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.mock-btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.mock-btn-secondary:hover{background:var(--color-bg-secondary)}.mock-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #2c68ec40}.mock-btn-primary:hover{background:var(--color-primary-dark)}.keys-modal-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:480px;max-width:92vw;animation:.15s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 20px 30px -10px #0006}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.keys-col-badge{background-color:var(--color-bg-secondary-dark);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-primary);border-radius:4px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.key-cards-list{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.key-card{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);border-radius:10px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.key-card:hover{border-color:#fff3}.key-card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.key-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.key-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.key-card-icon .material-symbols-outlined{font-size:20px}.key-card-icon.pk{color:#f59e0b;background-color:#f59e0b26}.key-card.active .key-card-icon.pk{color:#fff;background-color:#f59e0b}.key-card-icon.fk{color:#3b82f6;background-color:#3b82f626}.key-card.active .key-card-icon.fk{color:#fff;background-color:#3b82f6}.key-card-content{flex:1;min-width:0}.key-card-title{color:var(--color-text);font-size:13.5px;font-weight:600;line-height:1.3}.key-card-desc{color:var(--color-text-secondary);margin-top:2px;font-size:11.5px}.key-switch{cursor:pointer;flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.key-switch input{opacity:0;width:0;height:0;position:absolute}.key-slider{background-color:var(--color-bg-secondary-dark);border:1px solid var(--color-border);border-radius:22px;transition:all .2s;position:absolute;inset:0}.key-slider:before{content:"";background-color:var(--color-text-soft);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.key-switch input:checked+.key-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.key-switch input:checked+.key-slider:before{background-color:#fff;transform:translate(16px)}.key-fk-drawer{border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-direction:column;gap:12px;padding:14px 16px;animation:.15s keyFadeDown;display:none}@keyframes keyFadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.key-fk-drawer.open{display:flex}.key-field-group{flex-direction:column;gap:5px;display:flex}.key-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.key-select-wrapper{align-items:center;display:flex;position:relative}.key-select{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text);appearance:none;cursor:pointer;border-radius:6px;outline:none;padding:8px 32px 8px 10px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.key-select:focus{border-color:var(--color-primary)}.key-select:disabled{opacity:.5;cursor:not-allowed}.key-select-arrow{pointer-events:none;color:var(--color-text-secondary);font-size:18px;position:absolute;right:8px}.key-select.key-select-error{border-color:#f43f5e!important;box-shadow:0 0 0 1px #f43f5e!important}.orm-modal-container{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;flex-direction:column;width:760px;max-width:94vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 38px -12px #0006}.orm-controls-bar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.orm-tab-group{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;gap:4px;padding:3px;display:inline-flex}.orm-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.orm-tab-btn:hover{color:var(--color-text)}.orm-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0000001a}.orm-scope-group{align-items:center;gap:8px;display:flex}.orm-scope-label{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.orm-scope-select{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border-radius:6px;outline:none;padding:5px 10px;font-size:12px}.orm-code-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin:16px 20px;position:relative;overflow:hidden}.orm-code-header{border-bottom:1px solid var(--color-border);background:#0000000d;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.orm-code-file-badge{font-family:var(--font-mono);color:var(--color-text-soft);align-items:center;gap:5px;font-size:11px;display:flex}.orm-code-copy-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.orm-code-copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.orm-code-scroll{min-height:200px;max-height:380px;padding:14px 16px;overflow:auto}.orm-code-content{color:var(--color-text);white-space:pre;margin:0;line-height:1.6;font-family:var(--font-mono)!important;font-size:12.5px!important}.orm-modal-footer-hint{color:var(--color-text-soft);align-items:center;gap:6px;font-size:11.5px;display:flex}.diff-modal-container{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;flex-direction:column;width:760px;max-width:94vw;max-height:90vh;transition:width .2s;display:flex;overflow:hidden;box-shadow:0 24px 38px -12px #0006}.diff-modal-container.has-results{width:1040px}.diff-controls-bar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.diff-target-tabs{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;gap:4px;padding:3px;display:inline-flex}.diff-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.diff-tab-btn:hover{color:var(--color-text)}.diff-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0000001a}.diff-action-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.diff-action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.diff-input-panel{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:16px 20px}.diff-dropzone{border:2px dashed var(--color-border);background:var(--color-bg-secondary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:24px 20px;transition:all .2s;display:flex}.diff-dropzone:hover,.diff-dropzone.dragover{border-color:var(--color-primary);background:#3b82f60d}.diff-url-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);height:36px;color:var(--color-text);font-size:13px;font-family:var(--font-mono);border-radius:6px;outline:none;flex:1;padding:0 12px;transition:border-color .15s}.diff-url-input:focus{border-color:var(--color-primary)}.diff-run-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.diff-run-btn:hover:not(:disabled){background:var(--color-primary-dark)}.diff-run-btn:disabled{opacity:.5;cursor:not-allowed}.diff-results-wrap{flex-direction:column;display:flex;overflow:hidden}.diff-stats-bar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);align-items:center;padding:10px 20px;display:flex}.diff-stat-group{flex-wrap:wrap;gap:8px;display:flex}.diff-stat-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.diff-stat-badge.added{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.diff-stat-badge.dropped{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.diff-stat-badge.altered{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.diff-stat-badge.neutral{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.diff-stat-item.clean{color:#10b981;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.diff-stat-error{color:#ef4444;font-size:13px;font-weight:500}.diff-body-split{grid-template-columns:1fr 1fr;height:440px;display:grid;overflow:hidden}.diff-tree-column{border-right:1px solid var(--color-border);background:var(--color-bg-primary);flex-direction:column;display:flex;overflow:hidden}.diff-column-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.diff-tree-content{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex;overflow-y:auto}.diff-tree-table-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.diff-table-header{background:var(--color-bg-secondary-dark);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.diff-table-header.added{color:#10b981}.diff-table-header.dropped{color:#ef4444}.diff-table-header.altered{color:#f59e0b}.diff-pill{border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.diff-pill.added{color:#10b981;background:#10b98126}.diff-pill.dropped{color:#ef4444;background:#ef444426}.diff-pill.altered{color:#f59e0b;background:#f59e0b26}.diff-table-details{font-size:12px;font-family:var(--font-mono);border-top:1px solid var(--color-border);flex-direction:column;gap:4px;padding:8px 12px;display:flex}.diff-item.added{color:#10b981}.diff-item.dropped{color:#ef4444}.diff-item.modified{color:#f59e0b}.diff-type{color:var(--color-text-soft);font-weight:400}.diff-sql-column{background:var(--color-bg-secondary);flex-direction:column;display:flex;overflow:hidden}.diff-mini-btn{background:var(--color-bg-primary);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex}.diff-mini-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.diff-sql-pre{background:var(--color-bg-secondary-dark);color:var(--color-text);white-space:pre-wrap;border:none;flex:1;margin:0;padding:14px 16px;font-size:12px;line-height:1.6;overflow-y:auto;font-family:var(--font-mono)!important}.modal-overlay *,.modal-container *,.modal-body-scroll,.modal-body-scroll *{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.modal-overlay ::-webkit-scrollbar{width:6px;height:6px}.modal-container ::-webkit-scrollbar{width:6px;height:6px}.modal-body-scroll::-webkit-scrollbar{width:6px;height:6px}.modal-body-scroll ::-webkit-scrollbar{width:6px;height:6px}.modal-overlay ::-webkit-scrollbar-track{background:0 0}.modal-container ::-webkit-scrollbar-track{background:0 0}.modal-body-scroll::-webkit-scrollbar-track{background:0 0}.modal-body-scroll ::-webkit-scrollbar-track{background:0 0}.modal-overlay ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}.modal-container ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}.modal-body-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}.modal-body-scroll ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}.modal-overlay ::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.modal-container ::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.modal-body-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.modal-body-scroll ::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.modal-overlay ::-webkit-scrollbar-corner{background:0 0}.modal-container ::-webkit-scrollbar-corner{background:0 0}.modal-body-scroll::-webkit-scrollbar-corner{background:0 0}.modal-body-scroll ::-webkit-scrollbar-corner{background:0 0}.snippet-modal-container{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;flex-direction:column;width:580px;max-width:94vw;max-height:90vh;animation:.15s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 20px 30px -10px #0006}.snippet-modal-container .modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.snippet-modal-container .modal-close-btn{width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.snippet-modal-container .modal-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.snippet-modal-container .modal-close-btn .material-symbols-outlined{font-size:18px}.snippet-modal-body{background:var(--color-bg-primary);flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.snippet-field-group{flex-direction:column;gap:5px;display:flex}.snippet-field-label{color:var(--color-text);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.snippet-field-hint{color:var(--color-text-soft);font-size:11px;font-weight:400}.snippet-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;height:36px;color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:all .15s}.snippet-input:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 2px #2c68ec33}[data-theme=dark] .snippet-input:focus{box-shadow:0 0 0 2px #3b82f640}.snippet-input::placeholder{color:var(--color-text-soft);font-size:12.5px}.snippet-textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;height:170px;min-height:150px;color:var(--color-text);font-size:12.5px;font-family:var(--font-mono);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;padding:10px 12px;line-height:1.55;transition:all .15s}.snippet-textarea:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 2px #2c68ec33}[data-theme=dark] .snippet-textarea:focus{box-shadow:0 0 0 2px #3b82f640}.snippet-textarea::placeholder{color:var(--color-text-soft);font-size:12px}.snippet-badges-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.snippet-param-badge{color:var(--color-primary);font-family:var(--font-mono);background:#3b82f61f;border:1px solid #3b82f640;border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.snippet-modal-container .modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.snippet-footer-actions{align-items:center;gap:10px;display:flex}.create-table-modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:940px;max-width:96vw;max-height:88vh;animation:.15s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 20px 30px -10px #0006}.create-table-modal-container .modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.create-table-modal-container .modal-close-btn{width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.create-table-modal-container .modal-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.create-table-modal-container .modal-close-btn .material-symbols-outlined{font-size:18px}.create-table-modal-body{background:var(--color-bg-primary);flex-direction:column;flex:auto;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.create-table-modal-body::-webkit-scrollbar{width:7px}.create-table-modal-body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.create-table-modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.create-table-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.table-form-group{flex-direction:column;gap:6px;display:flex}.table-form-label{color:var(--color-text);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.table-name-input{width:100%;height:38px;font-size:13px;font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;padding:0 12px;transition:all .15s}.table-name-input:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 2px #2c68ec33}[data-theme=dark] .table-name-input:focus{box-shadow:0 0 0 2px #3b82f640}.table-name-input::placeholder{color:var(--color-text-soft);font-size:12.5px}.table-presets-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0 2px;display:flex}.table-preset-label{color:var(--color-text-soft);font-size:11px;font-weight:500}.table-preset-btn{color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.table-preset-btn:hover{background:var(--color-bg-secondary-dark);color:var(--color-text);border-color:var(--color-text-soft)}.table-columns-header-grid{background:var(--color-bg-secondary-dark);border:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-radius:6px 6px 0 0;grid-template-columns:minmax(120px,2fr) minmax(110px,1.6fr) 44px 50px 50px minmax(100px,1.4fr) minmax(115px,1.5fr) 78px;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:grid}.table-columns-body-container{border:1px solid var(--color-border);background:var(--color-bg-primary);border-top:none;border-radius:0 0 6px 6px;max-height:230px;overflow:hidden auto}.table-columns-body-container::-webkit-scrollbar{width:6px}.table-columns-body-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:0 0 6px}.table-columns-body-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.table-columns-body-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.table-column-row{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);grid-template-columns:minmax(120px,2fr) minmax(110px,1.6fr) 44px 50px 50px minmax(100px,1.4fr) minmax(115px,1.5fr) 78px;align-items:center;gap:8px;padding:7px 12px;transition:background-color .12s;display:grid;position:relative}.table-column-row:last-child{border-bottom:none}.table-column-row:hover{background:var(--color-bg-secondary)}.col-new-enum-panel{background:var(--color-bg-secondary-dark);border:1px dashed var(--color-primary);box-sizing:border-box;border-radius:6px;grid-column:1/-1;align-items:center;gap:12px;margin:4px 0 2px;padding:8px 12px;display:flex}.col-new-enum-field{align-items:center;gap:8px;display:flex}.col-new-enum-label{color:var(--color-primary);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.table-col-input.new-enum-name-input{width:140px;height:28px;font-size:11.5px}.table-col-input.new-enum-values-input{flex:1;min-width:220px;height:28px;font-size:11.5px}.table-col-input{width:100%;height:32px;font-size:12px;font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;padding:0 9px;transition:all .15s}.table-column-row:hover .table-col-input{background:var(--color-bg-primary)}.table-col-input:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 2px #2c68ec33}[data-theme=dark] .table-col-input:focus{box-shadow:0 0 0 2px #3b82f640}.table-col-input::placeholder{color:var(--color-text-soft);font-size:11px}.table-col-select-wrap{align-items:center;width:100%;display:flex;position:relative}.table-col-select{width:100%;height:32px;font-size:11.5px;font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);box-sizing:border-box;appearance:none;cursor:pointer;border-radius:6px;outline:none;padding:0 22px 0 8px;transition:all .15s}.table-col-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2c68ec33}[data-theme=dark] .table-col-select:focus{box-shadow:0 0 0 2px #3b82f640}.table-col-select-arrow{pointer-events:none;color:var(--color-text-secondary);align-items:center;font-size:16px;display:flex;position:absolute;right:6px}.table-col-checkbox{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.table-col-checkbox:disabled{opacity:.35;cursor:not-allowed}.table-col-fk-wrap{width:100%;position:relative}.table-col-fk-btn{width:100%;height:32px;font-size:11.5px;font-family:var(--font-mono);border:1px dashed var(--color-border);color:var(--color-text-soft);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;background:0 0;border-radius:6px;justify-content:flex-start;align-items:center;gap:4px;padding:0 8px;transition:all .15s;display:inline-flex;overflow:hidden}.table-col-fk-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2c68ec0d}.table-col-fk-btn.is-active{color:#10b981;background:#10b9811a;border-style:solid;border-color:#10b98166;font-weight:500}[data-theme=dark] .table-col-fk-btn.is-active{color:#34d399;background:#34d3991f;border-color:#34d39959}.table-col-fk-btn .material-symbols-outlined{flex-shrink:0;font-size:15px}.table-fk-popover{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:10001;border-radius:8px;flex-direction:column;gap:10px;width:260px;padding:12px;animation:.12s modalPopIn;display:flex;position:fixed;box-shadow:0 10px 24px -4px #0006}.table-fk-popover-title{color:var(--color-text);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.table-fk-popover-field{flex-direction:column;gap:4px;display:flex}.table-fk-popover-field label{color:var(--color-text-secondary);font-size:10.5px}.table-fk-popover-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.table-col-action-btn,.table-col-del-btn{width:22px;height:22px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.table-col-action-btn:hover:not(:disabled){background:var(--color-bg-secondary-dark);color:var(--color-text)}.table-col-del-btn:hover:not(:disabled),.table-col-action-btn.btn-del-col:hover:not(:disabled){color:#ef4444;background:#ef44441f;border-color:#ef444440}.table-col-action-btn:disabled,.table-col-del-btn:disabled{opacity:.25;cursor:not-allowed}.table-col-action-btn .material-symbols-outlined,.table-col-del-btn .material-symbols-outlined{font-size:15px}.table-sql-preview-section{border:1px solid var(--color-border);background:var(--color-bg-secondary-dark);border-radius:6px;flex-shrink:0;transition:min-height .2s;overflow:hidden}.table-sql-preview-section:not(.collapsed){min-height:140px}.table-sql-preview-section.collapsed{min-height:0}.table-sql-preview-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-bg-secondary);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:7px 12px;transition:background-color .15s;display:flex}.table-sql-preview-header:hover{background:var(--color-bg-secondary-dark)}.table-sql-preview-section.expanded .table-sql-preview-header{border-bottom-color:var(--color-border)}.table-sql-preview-title{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.table-sql-preview-title .material-symbols-outlined{font-size:16px}.table-sql-code-container{background:var(--color-bg-secondary-dark);max-height:180px;padding:12px 14px;display:block;position:relative;overflow-y:auto}.table-sql-code-container::-webkit-scrollbar{width:5px}.table-sql-code-container::-webkit-scrollbar-track{background:0 0}.table-sql-code-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.table-sql-preview-section.collapsed .table-sql-code-container{display:none}.table-sql-code-block{font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-all;margin:0;padding:0 65px 0 0;font-size:11.5px;line-height:1.5}.table-sql-copy-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;z-index:2;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex;position:absolute;top:8px;right:8px}.table-sql-copy-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.create-table-modal-container .modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}#toast-container{z-index:10000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background-color:var(--color-bg-primary);color:var(--color-text);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);opacity:0;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s ease-out forwards slideIn,.3s ease-in 2.7s forwards fadeOut;display:flex;transform:translate(100%);box-shadow:0 8px 24px -4px #00000040}.toast .material-symbols-outlined{font-size:18px}.toast.success{border-left-color:#10b981}.toast.success .material-symbols-outlined{color:#10b981}.toast.error{border-left-color:#f43f5e}.toast.error .material-symbols-outlined{color:#f43f5e}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.command-palette-overlay{-webkit-backdrop-filter:blur(5px);z-index:10000;opacity:0;pointer-events:none;background:#000000a6;justify-content:center;align-items:flex-start;padding-top:14vh;transition:opacity .15s;display:flex;position:fixed;inset:0}.command-palette-overlay.is-open{opacity:1;pointer-events:auto}.command-palette-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;max-width:620px;margin:0 16px;display:flex;overflow:hidden;transform:scale(.96)translateY(-10px);box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #ffffff0d}.command-palette-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);align-items:center;gap:12px;padding:14px 18px;display:flex}.command-palette-header .search-icon{color:var(--color-primary);flex-shrink:0;font-size:20px}.command-palette-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;font-weight:500}.command-palette-input::placeholder{color:var(--color-text-soft)}.command-palette-close-badge{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;align-items:center;padding:2px 6px;font-weight:600;display:inline-flex}.command-palette-results{flex-direction:column;gap:2px;max-height:380px;padding:8px;display:flex;overflow-y:auto}.command-palette-results::-webkit-scrollbar{width:6px}.command-palette-results::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.command-palette-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft);padding:8px 10px 4px;font-size:10px;font-weight:700}.command-palette-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:background .12s,border-color .12s;display:flex}.command-palette-item:hover,.command-palette-item.is-selected{background:var(--color-bg-secondary-dark);border-color:#2563eb33}.command-palette-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.command-palette-item-icon{width:30px;height:30px;color:var(--color-primary);background:#2563eb14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.command-palette-item-icon .material-symbols-outlined{font-size:17px}.command-palette-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.command-palette-item-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.command-palette-item-desc{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.command-palette-item-badge{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;padding:2px 7px;font-weight:500}.command-palette-empty{text-align:center;color:var(--color-text-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.command-palette-empty .material-symbols-outlined{opacity:.5;font-size:32px}.command-palette-empty-text{font-size:13px;font-weight:500}.command-palette-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-soft);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.command-palette-footer-keys{align-items:center;gap:12px;display:flex}.command-palette-footer-key-item{align-items:center;gap:4px;display:inline-flex}.command-palette-footer-key-item kbd{font-family:var(--font-mono);background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text);border-radius:3px;padding:1px 5px;font-size:10px}.drixio-context-menu{background-color:var(--color-bg-primary);border:1px solid var(--color-border);z-index:99999;opacity:0;transform-origin:0 0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:1px;min-width:185px;padding:4px;font-family:inherit;transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),visibility .12s;display:flex;position:fixed;transform:scale(.96);box-shadow:0 12px 28px -4px #00000024,0 4px 10px -2px #0000000f,0 0 0 1px #0000000a}[data-theme=dark] .drixio-context-menu{background-color:#171717;border-color:#27272a;box-shadow:0 16px 36px -4px #000000bf,0 4px 12px #0006,0 0 0 1px #ffffff14}.drixio-context-menu.visible{opacity:1;pointer-events:auto;visibility:visible;transform:scale(1)}.drixio-context-menu-item{cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:5px;outline:none;align-items:center;gap:9px;padding:6px 9px;font-size:12.5px;font-weight:500;transition:background-color .1s,color .1s;display:flex}.drixio-context-menu-item:hover,.drixio-context-menu-item.focused{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}[data-theme=dark] .drixio-context-menu-item:hover,[data-theme=dark] .drixio-context-menu-item.focused{color:#fff;background-color:#ffffff14}.drixio-menu-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:16px;transition:color .1s}.drixio-context-menu-item:hover .drixio-menu-icon,.drixio-context-menu-item.focused .drixio-menu-icon{color:var(--color-text)}[data-theme=dark] .drixio-context-menu-item:hover .drixio-menu-icon,[data-theme=dark] .drixio-context-menu-item.focused .drixio-menu-icon{color:#fff}.drixio-menu-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.drixio-menu-label{white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.drixio-menu-desc{color:var(--color-text-soft);font-size:10.5px;line-height:1.2}.drixio-menu-check{color:var(--color-primary);flex-shrink:0;margin-left:auto;font-size:15px}[data-theme=dark] .drixio-menu-check{color:#60a5fa}.drixio-menu-shortcut{font-family:var(--font-mono);background:var(--color-bg-secondary);color:var(--color-text-soft);border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 4px;font-size:9.5px;font-weight:600;line-height:1.2}.drixio-context-menu-item.danger,.drixio-context-menu-item.danger .drixio-menu-icon{color:#ef4444}.drixio-context-menu-item.danger:hover,.drixio-context-menu-item.danger.focused{color:#f87171;background-color:#ef44441a}.drixio-context-menu-item.danger:hover .drixio-menu-icon,.drixio-context-menu-item.danger.focused .drixio-menu-icon{color:#f87171}.drixio-context-menu-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.drixio-context-menu-divider{background-color:var(--color-border);height:1px;margin:3px 2px}[data-theme=dark] .drixio-context-menu-divider{background-color:#27272a}.dropdown-picker-popover{background-color:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e4e4e7);z-index:10000;-webkit-backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;width:320px;max-width:92vw;animation:.1s ease-out dropdownPickerFadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 36px -4px #00000059,0 4px 12px -2px #0000001f}[data-theme=dark] .dropdown-picker-popover{background-color:#17171a;border-color:#27272a;box-shadow:0 20px 40px -4px #000000b3,0 0 0 1px #ffffff14}@keyframes dropdownPickerFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-picker-search-wrap{border-bottom:1px solid var(--color-border,#e4e4e7);background-color:var(--color-bg-secondary,#f8fafc);align-items:center;gap:8px;padding:8px 12px;display:flex}[data-theme=dark] .dropdown-picker-search-wrap{background-color:#141416;border-bottom-color:#27272a}.dropdown-picker-search-icon{color:var(--color-text-soft,#a1a1aa);flex-shrink:0;font-size:16px}.dropdown-picker-search-input{color:var(--color-text,#18181b);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12.5px}[data-theme=dark] .dropdown-picker-search-input{color:#f4f4f5}.dropdown-picker-search-input::placeholder{color:var(--color-text-soft,#71717a)}.dropdown-picker-list-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border,#27272a) transparent;max-height:260px;padding:4px 0;overflow-y:auto}.dropdown-picker-list-wrap::-webkit-scrollbar{width:6px}.dropdown-picker-list-wrap::-webkit-scrollbar-thumb{background:var(--color-border,#3f3f46);border-radius:3px}.dropdown-picker-section-header{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-soft,#71717a);-webkit-user-select:none;user-select:none;padding:8px 14px 4px;font-size:10px;font-weight:700}.dropdown-picker-item{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;transition:background-color 80ms;display:flex}.dropdown-picker-item:hover,.dropdown-picker-item.active{background-color:var(--color-bg-secondary-dark,#f1f5f9)}[data-theme=dark] .dropdown-picker-item:hover,[data-theme=dark] .dropdown-picker-item.active{background-color:#242428}.dropdown-picker-item-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.dropdown-picker-code-icon{font-family:var(--font-mono,monospace);color:var(--color-text-soft,#a1a1aa);text-align:center;text-wrap:nowrap;width:16px;font-size:12px;font-weight:700;display:inline-block}.dropdown-picker-material-icon{color:var(--color-text-soft,#a1a1aa);text-align:center;justify-content:center;align-items:center;width:16px;font-size:15px;display:inline-flex}.dropdown-picker-item.active .dropdown-picker-code-icon,.dropdown-picker-item.active .dropdown-picker-material-icon,.dropdown-picker-item:hover .dropdown-picker-code-icon,.dropdown-picker-item:hover .dropdown-picker-material-icon{color:var(--color-primary,#3b82f6)}.dropdown-picker-item-name{font-family:var(--font-mono,inherit);color:var(--color-text,#18181b);font-size:12.5px;font-weight:600}[data-theme=dark] .dropdown-picker-item-name{color:#f4f4f5}.dropdown-picker-item.active .dropdown-picker-item-name,.dropdown-picker-item:hover .dropdown-picker-item-name{color:var(--color-primary,#3b82f6)}.dropdown-picker-item-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dropdown-picker-item-desc{color:var(--color-text-soft,#71717a);text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:11px;overflow:hidden}.dropdown-picker-item-badge{border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.3}.dropdown-picker-mark{color:var(--color-primary,#3b82f6);background:0 0;font-weight:700;text-decoration:underline}.dropdown-picker-empty{text-align:center;color:var(--color-text-soft,#71717a);padding:24px 16px;font-size:12px}.type-picker-popover{background-color:var(--color-bg-primary);border:1px solid var(--color-border);z-index:10000;-webkit-backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;width:380px;max-width:90vw;animation:.1s ease-out typePickerFadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 36px -4px #0006,0 4px 12px -2px #00000026}[data-theme=dark] .type-picker-popover{background-color:#17171a;border-color:#27272a;box-shadow:0 20px 40px -4px #000000b3,0 0 0 1px #ffffff14}@keyframes typePickerFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.type-picker-search-wrap{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);align-items:center;gap:8px;padding:8px 12px;display:flex}[data-theme=dark] .type-picker-search-wrap{background-color:#141416;border-bottom-color:#27272a}.type-picker-search-icon{color:var(--color-text-soft);flex-shrink:0;font-size:16px}.type-picker-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12.5px}.type-picker-search-input::placeholder{color:var(--color-text-soft)}.type-picker-list-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:280px;padding:4px 0;overflow-y:auto}.type-picker-list-wrap::-webkit-scrollbar{width:6px}.type-picker-list-wrap::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.type-picker-section-header{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-soft);-webkit-user-select:none;user-select:none;padding:8px 14px 4px;font-size:10px;font-weight:700}.type-picker-item{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;transition:background-color 80ms;display:flex}.type-picker-item:hover,.type-picker-item.active{background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .type-picker-item:hover,[data-theme=dark] .type-picker-item.active{background-color:#242428}.type-picker-item-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.type-picker-code-icon{font-family:var(--font-mono);color:var(--color-text-soft);text-align:center;width:16px;font-size:12px;font-weight:700;display:inline-block}.type-picker-material-icon{color:var(--color-text-soft);text-align:center;justify-content:center;align-items:center;width:16px;font-size:15px;display:inline-flex}.type-picker-item.active .type-picker-code-icon,.type-picker-item.active .type-picker-material-icon,.type-picker-item:hover .type-picker-code-icon,.type-picker-item:hover .type-picker-material-icon{color:var(--color-primary)}.type-picker-item-name{font-family:var(--font-mono);color:var(--color-text);font-size:12.5px;font-weight:600}[data-theme=dark] .type-picker-item-name{color:#f4f4f5}.type-picker-item.active .type-picker-item-name,.type-picker-item:hover .type-picker-item-name{color:var(--color-primary)}.type-picker-item-desc{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;font-size:11.5px;overflow:hidden}.type-picker-mark{color:var(--color-primary);background:0 0;font-weight:700;text-decoration:underline}.type-picker-empty{text-align:center;color:var(--color-text-soft);padding:24px 16px;font-size:12px}.resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:12;width:8px;height:100%;transition:background-color .12s;position:absolute;top:0;right:-4px}.resizer:hover,.resizer:active{background-color:var(--color-primary);opacity:.6}[data-theme=dark] .resizer:hover,[data-theme=dark] .resizer:active{opacity:.8;background-color:#3b82f6}.data-table th:last-child .resizer{display:none!important}.table-corner-header{transition:background-color .12s,color .12s;cursor:pointer!important;color:var(--color-text-soft)!important}.table-corner-header:hover{background-color:var(--color-bg-secondary-dark)!important;color:var(--color-text)!important}.filter-bar-container{box-sizing:border-box;flex:1;align-items:center;height:100%;display:flex;position:relative}.filter-bar-input-box{box-sizing:border-box;cursor:text;width:100%;height:32px;box-shadow:none;background-color:#0000;border:none;border-radius:6px;outline:none;flex-wrap:nowrap;align-items:center;gap:6px;padding:0 10px;display:flex}.filter-bar-input-box:focus-within,.filter-bar-input-box:active{box-shadow:none;border:none;outline:none}.filter-bar-search-icon{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:18px;transition:color .15s}.filter-bar-input-box:focus-within .filter-bar-search-icon{color:var(--color-primary)}.filter-bar-pills{scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;max-width:70%;display:flex;overflow-x:auto}.filter-bar-pills::-webkit-scrollbar{display:none}.filter-pill{background-color:var(--color-bg-primary);border:1px solid var(--color-border);height:24px;color:var(--color-text);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;line-height:22px;transition:all .12s;display:inline-flex}[data-theme=dark] .filter-pill{background-color:#222;border-color:#333336}.filter-pill:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary-dark)}.filter-pill.is-editing{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.filter-pill-col{color:var(--color-text);font-weight:600}.filter-pill-op{color:var(--color-text-secondary);font-size:12px;background:0 0!important;border-radius:0!important;padding:0!important}[data-theme=dark] .filter-pill-op{color:var(--color-text-soft);background:0 0!important}.filter-pill-val{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.filter-pill-remove{width:15px;height:15px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:13px;line-height:1;transition:all .1s;display:inline-flex}.filter-pill-remove:hover{color:var(--color-error);background-color:#ef444426}.filter-bar-input{min-width:180px;height:100%;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12px}.filter-bar-input::placeholder{color:var(--color-text-soft)}.filter-bar-clear-btn{width:20px;height:20px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .12s;display:flex}.filter-bar-clear-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}.filter-bar-clear-btn .material-symbols-outlined{font-size:16px}.filter-popover{background-color:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1000;-webkit-backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;min-width:280px;max-width:380px;transition:left 80ms ease-out;display:flex;position:absolute;top:calc(100% + 6px);left:14px;overflow:hidden;box-shadow:0 12px 28px -4px #00000040,0 4px 10px -2px #0000001a}[data-theme=dark] .filter-popover{background-color:#141414;border-color:#27272a;box-shadow:0 16px 36px -4px #000000b3,0 0 0 1px #ffffff14}.filter-popover.hidden{display:none!important}.filter-popover-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.filter-popover-back-btn{width:22px;height:22px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.filter-popover-back-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}.filter-popover-back-btn .material-symbols-outlined{font-size:16px}.filter-popover-title-text{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.filter-category-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-soft);-webkit-user-select:none;user-select:none;padding:8px 12px 4px;font-size:10px;font-weight:700}.filter-popover-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:320px;padding:4px 0;overflow-y:auto}.filter-popover-scroll::-webkit-scrollbar{width:6px}.filter-popover-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.filter-popover-item{color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:7px 14px;font-size:13px;font-weight:400;transition:background-color .1s;display:flex}.filter-popover-item:hover,.filter-popover-item.active{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}[data-theme=dark] .filter-popover-item:hover,[data-theme=dark] .filter-popover-item.active{color:#fff;background-color:#242424}.filter-popover-item-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.filter-popover-col-type{color:var(--color-text-soft);font-size:11px;font-family:var(--font-mono)}.filter-op-badge{font-family:var(--font-mono);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;flex-shrink:0;margin-left:12px;padding:1.5px 6px;font-size:11px;font-weight:600}[data-theme=dark] .filter-op-badge{color:#a1a1aa;background-color:#1a1a1a;border-color:#27272a}.filter-popover-empty{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.filter-popover-empty .empty-icon{color:var(--color-text-soft);flex-shrink:0;font-size:20px}.filter-popover-empty .empty-text{flex-direction:column;gap:3px;min-width:0;display:flex}.filter-popover-empty .empty-title{color:var(--color-text);word-break:break-word;font-size:13px;font-weight:500}.filter-popover-empty .empty-title strong{color:var(--color-primary)}.filter-popover-empty .empty-hint{color:var(--color-text-soft);align-items:center;gap:4px;font-size:11px;display:flex}.filter-popover-smart-item{border-bottom:1px solid var(--color-border);background-color:#3b82f614}.filter-popover-smart-item:hover,.filter-popover-smart-item.active{color:var(--color-text)!important;background-color:#3b82f629!important}[data-theme=dark] .filter-popover-smart-item{background-color:#3b82f61f}[data-theme=dark] .filter-popover-smart-item:hover,[data-theme=dark] .filter-popover-smart-item.active{background-color:#3b82f638!important}.filter-popover-form{flex-direction:column;gap:10px;padding:12px;display:flex}.filter-popover-value-input{border:1px solid var(--color-border);background-color:var(--color-bg-primary);width:100%;height:32px;color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;padding:0 10px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.filter-popover-value-input:focus{border-color:var(--color-primary);box-shadow:var(--ring-primary-2)}.filter-popover-form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.filter-popover-btn{cursor:pointer;border:1px solid var(--color-border);height:28px;color:var(--color-text);background-color:#0000;border-radius:5px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.filter-popover-btn:hover{background-color:var(--color-bg-secondary)}.filter-popover-btn.primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-popover-btn.primary:hover{background-color:var(--color-primary-dark)}.filter-kbd-hint{font-family:var(--font-mono);opacity:.8;background:#0003;border-radius:3px;margin-left:2px;padding:1px 4px;font-size:10px}.data-cell-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.table-container{overflow:auto;overflow:overlay;background-color:var(--color-bg-primary);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;width:100%;min-width:0}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-soft)}.data-table{border-collapse:separate;border-spacing:0;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;width:100%;min-width:100%}.data-table th:last-child,.data-table td:last-child{width:100%}.data-table input,.data-table select{-webkit-user-select:text;user-select:text;box-sizing:border-box}.data-table th,.data-table td{vertical-align:middle;text-align:left;border-bottom:1px solid var(--color-border-soft);border-right:1px solid var(--color-border-soft);letter-spacing:-.01em;white-space:nowrap;box-sizing:border-box;cursor:cell;height:38px;padding:0 14px;font-size:12.5px;position:relative}[data-theme=dark] .data-table td{border-bottom:1px solid #1f1f23;border-right:1px solid #1f1f23}.data-table th{background-color:var(--color-bg-primary);color:var(--color-text);z-index:10;box-sizing:border-box;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);cursor:default;height:38px;padding:0 14px;font-weight:600;line-height:normal;transition:background-color .15s;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.data-table th.sortable{cursor:pointer}.th-content-wrapper{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:130px;display:flex}.th-main-group{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.th-col-name{color:var(--color-text);letter-spacing:.1px;white-space:nowrap;font-size:12.5px;font-weight:600}.th-col-type{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);letter-spacing:.2px;white-space:nowrap;font-weight:400}.col-pk-key-icon{color:#10b981;flex-shrink:0;align-items:center;font-size:15px;display:inline-flex}[data-theme=dark] .col-pk-key-icon{color:#34d399}.col-fk-icon{color:#8b5cf6;flex-shrink:0;align-items:center;font-size:15px;display:inline-flex}[data-theme=dark] .col-fk-icon{color:#a78bfa}.th-actions-group{flex-shrink:0;align-items:center;gap:3px;display:flex}.th-sort-badge{color:var(--color-primary);justify-content:center;align-items:center;font-size:14px;display:inline-flex}[data-theme=dark] .th-sort-badge{color:#60a5fa}.th-menu-trigger{width:20px;height:20px;color:var(--color-text-soft);cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.data-table th:hover .th-menu-trigger,.th-menu-trigger:hover{opacity:1;color:var(--color-text);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .data-table th:hover .th-menu-trigger,[data-theme=dark] .th-menu-trigger:hover{background-color:#242427;border-color:#323236}.th-menu-trigger.is-sorted{opacity:1;color:var(--color-primary)}[data-theme=dark] .th-menu-trigger.is-sorted{color:#60a5fa}.th-chevron-icon{font-size:15px;line-height:1}.col-badge{font-size:8px;font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;font-weight:700;line-height:1;display:inline-flex}.badge-pk{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b59}.badge-fk{color:#a78bfa;background-color:#8b5cf626;border:1px solid #8b5cf659}.badge-pfk{color:#818cf8;background-color:#6366f126;border:1px solid #6366f159}[data-theme=dark] .badge-pfk{color:#a5b4fc;background-color:#6366f133;border-color:#6366f173}.badge-bool{font-size:10.5px;font-family:var(--font-mono);letter-spacing:.3px;border-radius:4px;justify-content:center;align-items:center;padding:2.5px 7px;font-weight:600;line-height:1;display:inline-flex}.bool-true{color:#059669;background-color:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .bool-true{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.bool-false{color:#64748b;background-color:#94a3b81f;border:1px solid #94a3b840}[data-theme=dark] .bool-false{color:#94a3b8;background-color:#94a3b81f;border:1px solid #94a3b840}.data-table td em,.cell-text em{color:var(--color-text-soft);opacity:.55;font-style:italic;font-family:var(--font-mono);letter-spacing:.2px;font-size:11px}.th-sort-indicator{justify-content:center;align-items:center;min-width:14px;display:inline-flex}.th-sort-icon{color:var(--color-primary);font-size:14px;font-weight:700;line-height:1}[data-theme=dark] .th-sort-icon{color:#60a5fa}.data-table td.row-header,.data-table th.row-header{z-index:9;background-color:var(--color-bg-primary);color:var(--color-text-soft);text-align:center;font-family:var(--font-mono);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;cursor:pointer;width:38px;height:38px;padding:0 4px;font-size:11px;font-weight:500;transition:color .12s,background-color .12s;position:sticky;left:0;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important}.data-table td.row-header:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .data-table td.row-header:hover{color:#a1a1aa;background-color:#1e1e22}.data-table th.row-header{z-index:11;color:var(--color-text-secondary);font-size:12px;font-weight:600}.data-table td.row-header-selected{box-shadow:inset 3px 0 0 var(--color-primary);font-weight:600;color:var(--color-primary)!important;background-color:#2563eb14!important}[data-theme=dark] .data-table td.row-header-selected{box-shadow:inset 3px 0 #3b82f6;color:#60a5fa!important;background-color:#3b82f626!important}.data-table tbody tr:hover:not(.ghost-row-tr) td.data-cell{background-color:#00000005}[data-theme=dark] .data-table tbody tr:hover:not(.ghost-row-tr) td.data-cell{background-color:#ffffff06}.data-table tbody tr:hover td.row-header:not(.row-header-selected){color:var(--color-text);background-color:#f4f4f5!important}[data-theme=dark] .data-table tbody tr:hover td.row-header:not(.row-header-selected){color:#d4d4d8;background-color:#1a1a1d!important}.data-table td.cell-in-range{background-color:var(--color-cell-range-bg)}.data-table td.cell-in-range:after{content:"";box-sizing:border-box;pointer-events:none;border-top:var(--border-t,0);border-bottom:var(--border-b,0);border-left:var(--border-l,0);border-right:var(--border-r,0);z-index:10;position:absolute;inset:0}.data-table td.range-top{--border-t:1.5px solid var(--color-primary)}.data-table td.range-bottom{--border-b:1.5px solid var(--color-primary)}.data-table td.range-left{--border-l:1.5px solid var(--color-primary);z-index:10}.data-table td.range-right{--border-r:1.5px solid var(--color-primary)}[data-theme=dark] .data-table td.range-top{--border-t:1.5px solid #3b82f6}[data-theme=dark] .data-table td.range-bottom{--border-b:1.5px solid #3b82f6}[data-theme=dark] .data-table td.range-left{--border-l:1.5px solid #3b82f6}[data-theme=dark] .data-table td.range-right{--border-r:1.5px solid #3b82f6}.data-table td.cell-selected{z-index:8;box-shadow:inset 0 0 0 2px var(--color-primary);background-color:#2563eb0d}[data-theme=dark] .data-table td.cell-selected{background-color:#3b82f614;box-shadow:inset 0 0 0 2px #3b82f6}.data-table td.cell-edited{background-color:var(--color-cell-edited-bg);position:relative;box-shadow:inset 0 0 0 1px #f59e0b4d}.data-table td.cell-edited:before{content:"";z-index:3;pointer-events:none;border-top:7px solid #f59e0b;border-left:7px solid #0000;width:0;height:0;position:absolute;top:0;right:0}[data-theme=dark] .data-table td.cell-edited{box-shadow:inset 0 0 0 1px #f59e0b59}[data-theme=dark] .data-table td.cell-edited:before{border-top-color:#fbbf24}.data-table td.cell-edited.cell-selected{box-shadow:inset 0 0 0 2px var(--color-primary)}[data-theme=dark] .data-table td.cell-edited.cell-selected{box-shadow:inset 0 0 0 2px #3b82f6}.data-table td.cell-error{background-color:var(--color-cell-error-bg);position:relative}.data-table td.cell-error:not(.cell-in-range):not(.cell-selected){box-shadow:inset 0 0 0 1.5px #ef4444}[data-theme=dark] .data-table td.cell-error:not(.cell-in-range):not(.cell-selected){box-shadow:inset 0 0 0 1.5px #f43f5e}.data-table td.cell-error:before{content:"";z-index:3;pointer-events:none;border-top:7px solid #ef4444;border-left:7px solid #0000;width:0;height:0;position:absolute;top:0;right:0}[data-theme=dark] .data-table td.cell-error:before{border-top-color:#f43f5e}.data-table tr.row-deleted td{-webkit-text-decoration:line-through #ef444473;text-decoration:line-through #ef444473;background-color:var(--color-row-deleted-bg)!important;color:var(--color-row-deleted-text)!important}[data-theme=dark] .data-table tr.row-deleted td{text-decoration-color:#f8717173}.data-table td.ghost-row{color:var(--color-text-soft);cursor:pointer;background-color:#0000;font-style:normal;font-weight:500}.ghost-cell-hint{color:var(--color-text-soft);border:1px dashed var(--color-border);background:0 0;border-radius:5px;align-items:center;gap:4px;padding:2px 10px;font-size:11.5px;font-weight:500;line-height:20px;transition:all .15s;display:inline-flex}[data-theme=dark] .ghost-cell-hint{color:#71717a;border-color:#2e2e33}.data-table tr.ghost-row-tr:hover .ghost-cell-hint{color:var(--color-primary);background-color:var(--color-primary-active);border-color:var(--color-primary)}[data-theme=dark] .data-table tr.ghost-row-tr:hover .ghost-cell-hint{color:#60a5fa;background-color:#3b82f61f;border-color:#3b82f666}.data-table tr.ghost-row-tr:hover td.data-cell{background-color:#ffffff05}.data-table td input,.data-table td select{box-sizing:border-box;color:var(--color-text);background-color:var(--color-bg-primary);z-index:12;border:none;outline:none;padding:0 14px;font-family:inherit;font-size:13px;position:absolute;top:0;left:0;width:calc(100% + 1px)!important;height:calc(100% + 1px)!important;box-shadow:inset 0 0 0 2px var(--color-primary)!important}.data-table td select.data-cell-bool-select{cursor:pointer;font-family:var(--font-mono);padding:0 10px;font-size:12px;font-weight:600}[data-theme=dark] .data-table td input,[data-theme=dark] .data-table td select{color:#f4f4f5;background-color:#17171a;box-shadow:inset 0 0 0 2px #3b82f6!important}.data-table td select option{background-color:var(--color-bg-primary);color:var(--color-text);padding:6px 10px}[data-theme=dark] .data-table td select option{color:#f4f4f5;background-color:#17171a}.data-table td.cell-editing:after{display:none!important}.data-table td:has(input):after{display:none!important}.data-table td:has(select):after{display:none!important}.data-table td.cell-editing{box-shadow:none!important}.data-table td:has(input){box-shadow:none!important}.data-table td:has(select){box-shadow:none!important}.data-table td.is-fk-cell{cursor:pointer;position:relative}.data-table td.is-fk-cell .cell-text{-webkit-text-decoration:underline dotted var(--color-primary);text-decoration:underline dotted var(--color-primary);text-underline-offset:3px;transition:color .15s}.data-table td.is-fk-cell:hover .cell-text{color:var(--color-primary)}.fk-jump-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);width:20px;height:20px;color:var(--color-primary);cursor:pointer;z-index:5;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 1px 3px #0000001f}[data-theme=dark] .fk-jump-btn{color:#60a5fa;background:#1e1e22;border-color:#323236}.fk-jump-btn .material-symbols-outlined{font-size:13px}.fk-jump-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-50%)scale(1.08)}[data-theme=dark] .fk-jump-btn:hover{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.data-table td.is-fk-cell:hover .fk-jump-btn{display:inline-flex}.fk-back-btn{height:100%;color:var(--color-primary);border:none;border-right:1px solid var(--color-border);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.fk-back-btn:hover{transform:translate(-2px)}.fk-preview-popover{z-index:99999;background-color:var(--color-bg-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);cursor:pointer;opacity:1;border-radius:10px;flex-direction:column;gap:8px;width:290px;max-width:90vw;padding:10px 12px;transition:opacity .15s,transform .15s;display:flex;position:fixed;transform:translateY(0);box-shadow:0 16px 36px -4px #0003,0 4px 12px -2px #00000014}.fk-preview-popover:before{content:"";height:12px;position:absolute;top:-10px;left:-6px;right:-6px}.fk-preview-popover:after{content:"";height:12px;position:absolute;bottom:-10px;left:-6px;right:-6px}[data-theme=dark] .fk-preview-popover{box-shadow:0 20px 40px -4px #000000bf,0 0 0 1px #ffffff14}.fk-preview-popover.hidden{opacity:0;display:none;transform:translateY(-4px)}.fk-popover-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;display:flex}.fk-popover-title{color:var(--color-text);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;display:flex}.fk-popover-table{font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fk-popover-badge{font-family:var(--font-mono);background-color:var(--color-bg-secondary);color:var(--color-text-soft);border:1px solid var(--color-border);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px}.fk-popover-jump-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.fk-popover-jump-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.fk-popover-body{max-height:180px;overflow-y:auto}.fk-popover-loading,.fk-popover-empty{color:var(--color-text-soft);align-items:center;gap:6px;padding:8px 4px;font-size:12px;display:flex}.fk-fields-list{flex-direction:column;gap:4px;display:flex}.fk-field-row{background:#00000005;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:3px 6px;font-size:11.5px;display:flex}[data-theme=dark] .fk-field-row{background:#ffffff08}.fk-field-name{color:var(--color-text-soft);font-family:var(--font-mono);flex-shrink:0}.fk-field-value{color:var(--color-text);font-family:var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.fk-field-value.is-null{color:var(--color-text-soft);font-style:italic}.fk-popover-footer{color:var(--color-text-soft);border-top:1px dashed var(--color-border);align-items:center;gap:4px;margin-top:2px;padding-top:5px;font-size:10.5px;display:flex}.data-table th.table-corner-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s}.table-empty-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:380px;padding:40px 20px;display:flex}.table-empty-card{text-align:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;align-items:center;max-width:440px;padding:36px 32px;display:flex;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}.table-empty-icon-wrap{background:#3b82f61f;border:1px solid #3b82f647;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex;box-shadow:0 0 16px #3b82f614}.table-empty-icon{color:#60a5fa!important;font-size:28px!important}.table-empty-title{color:var(--color-text);margin:0 0 8px;font-size:16px;font-weight:600}.table-empty-desc{color:var(--color-text-soft);margin:0 0 24px;font-size:13px;line-height:1.5}.table-empty-actions{align-items:center;gap:12px;display:flex}.table-empty-btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.table-empty-btn-secondary:hover{background:var(--color-bg-primary);border-color:var(--color-text-soft)}.table-empty-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2c68ec40}.table-empty-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.page-size-picker{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:6px;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:12px;display:inline-flex}.page-size-picker .material-symbols-outlined{color:var(--color-primary)}.page-size-select{color:var(--color-text);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px}.col-visibility-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.col-visibility-btn .material-symbols-outlined{color:var(--color-primary)}.col-visibility-btn:hover{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-text-soft)}.col-vis-badge{background:#ffffff14;border-radius:10px;padding:1px 5px;font-family:monospace;font-size:10.5px}.col-vis-dropdown{background:var(--color-bg-primary,#18181b);border:1px solid var(--color-border);z-index:100;border-radius:8px;flex-direction:column;width:240px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.col-vis-dropdown.hidden{display:none}.col-vis-header{border-bottom:1px solid var(--color-border-soft);flex-direction:column;gap:6px;padding:10px;display:flex}.col-vis-search-input{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;height:28px;color:var(--color-text);border-radius:5px;outline:none;padding:0 8px;font-size:12px}.col-vis-quick-actions{align-items:center;gap:6px;font-size:11px;display:flex}.col-vis-action-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.col-vis-action-link:hover{text-decoration:underline}.col-vis-divider{color:var(--color-text-subtle)}.col-vis-list{flex-direction:column;gap:2px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.col-vis-item{cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;transition:background .1s;display:flex}.col-vis-item:hover{background:var(--color-bg-secondary)}.col-vis-col-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;overflow:hidden}.col-vis-pk-tag{color:#eab308;background:#eab30826;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}.col-vis-type-tag{color:var(--color-text-subtle);font-size:10px}.cell-drawer-overlay{z-index:1000;justify-content:flex-end;display:flex;position:fixed;inset:0}.cell-drawer-overlay.hidden{display:none}.cell-drawer-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073;position:absolute;inset:0}.cell-drawer-panel{background:var(--color-bg-primary,#18181b);border-left:1px solid var(--color-border);flex-direction:column;width:540px;max-width:90vw;height:100%;animation:.2s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;box-shadow:-8px 0 32px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cell-drawer-header{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cell-drawer-title-group{flex-direction:column;gap:4px;display:flex}.cell-drawer-title{margin:0;font-family:monospace;font-size:15px;font-weight:600}.cell-drawer-meta{align-items:center;gap:6px;display:flex}.cell-drawer-type-badge{color:#818cf8;background:#6366f126;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.cell-drawer-row-badge{color:var(--color-text-soft);font-size:11px}.cell-drawer-toolbar{border-bottom:1px solid var(--color-border-soft);background:var(--color-bg-secondary);align-items:center;gap:6px;padding:8px 16px;display:flex}.cell-drawer-tool-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;display:inline-flex}.cell-drawer-tool-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.json-valid-badge{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.json-valid-badge.is-valid{color:#10b981;background:#10b98126}.json-valid-badge.is-invalid{color:#ef4444;background:#ef444426}.cell-drawer-body{flex:1;min-height:0;padding:16px;display:flex}.cell-drawer-textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;height:100%;color:var(--color-text);resize:none;border-radius:6px;outline:none;padding:12px;font-size:13px;line-height:1.5}.cell-drawer-textarea:focus{border-color:var(--color-primary)}.cell-drawer-footer{border-top:1px solid var(--color-border-soft);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.bulk-actions-floating-bar{z-index:500;border:1px solid var(--color-border);background:#1e1e24;border-radius:9999px;align-items:center;gap:12px;padding:6px 14px;animation:.2s cubic-bezier(.16,1,.3,1) floatSlideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}@keyframes floatSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.bulk-bar-info{align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.bulk-bar-count-badge{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.bulk-bar-actions{align-items:center;gap:6px;display:flex}.bulk-bar-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.bulk-bar-btn:hover{background:#ffffff1f}.bulk-bar-divider{background:var(--color-border);width:1px;height:16px}.bulk-btn-delete{color:#ef4444;background:#ef444426;border-color:#ef44444d}.bulk-btn-delete:hover{background:#ef444440}.bulk-btn-cancel{border-radius:50%;padding:5px 6px}tr.row-selected td{background-color:#3b82f614!important}.row-select-checkbox{cursor:pointer;accent-color:var(--color-primary);vertical-align:middle;width:14px!important;height:14px!important;margin:0!important}.data-table td.row-header .row-select-checkbox,.data-table th.row-header .corner-checkbox{display:none}.data-table tbody tr:hover td.row-header .row-num,.data-table tbody tr.row-selected td.row-header .row-num{display:none!important}.data-table tbody tr:hover td.row-header .row-select-checkbox,.data-table tbody tr.row-selected td.row-header .row-select-checkbox{display:inline-block!important}.data-table thead th.row-header:hover .corner-num,.data-table thead th.row-header.has-selection .corner-num{display:none!important}.data-table thead th.row-header:hover .corner-checkbox,.data-table thead th.row-header.has-selection .corner-checkbox{display:inline-block!important}.cell-drawer-trigger-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;z-index:5;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:none;position:absolute;top:50%;right:5px;transform:translateY(-50%);box-shadow:0 1px 3px #0000001f}[data-theme=dark] .cell-drawer-trigger-btn{color:#a1a1aa;background:#1e1e22;border-color:#323236}.cell-drawer-trigger-btn .material-symbols-outlined{font-size:13px}.cell-drawer-trigger-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-50%)scale(1.08)}.data-table td.data-cell:hover .cell-drawer-trigger-btn{display:inline-flex}.import-sample-pill{color:var(--color-text-soft);background:#ffffff0f;border-radius:3px;padding:1px 5px;font-size:11px}.data-error-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;min-height:420px;padding:40px 24px;display:flex}.data-error-card{text-align:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:38px 32px;display:flex;box-shadow:0 12px 32px -8px #00000059}[data-theme=dark] .data-error-card{background:#141720;border-color:#ffffff14;box-shadow:0 16px 40px -10px #000000b3}.data-error-icon-wrap{background:#ef44441a;border:1px solid #ef444440;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;box-shadow:0 0 24px #ef44441f}.data-error-icon{color:#ef4444!important;font-size:30px!important}.data-error-title{color:var(--color-text);letter-spacing:-.01em;margin:0 0 10px;font-size:17px;font-weight:600}.data-error-desc{color:var(--color-text-soft);word-break:break-word;max-width:440px;margin:0 0 24px;font-size:13px;line-height:1.6}.data-error-path{font-family:var(--font-mono);color:#94a3b8;word-break:break-all;background:#00000040;border:1px solid #ffffff14;border-radius:6px;margin-top:8px;padding:4px 10px;font-size:12px;display:inline-block}.data-error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.data-error-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2c68ec40}.data-error-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.data-error-btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.data-error-btn-secondary:hover{background:var(--color-bg-primary);border-color:var(--color-text-soft);transform:translateY(-1px)}.sql-console-wrapper{background-color:var(--color-bg-primary);height:100%;min-height:0;color:var(--color-text);flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.console-sidebar{border-right:1px solid var(--color-border);background-color:var(--color-bg-primary);z-index:5;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;flex-shrink:0;width:250px;min-width:250px;max-width:250px;height:100%;transition:margin-left .22s cubic-bezier(.4,0,.2,1),opacity .15s;display:flex;overflow:hidden}[data-theme=dark] .console-sidebar{background-color:#121212;border-right-color:#222}.console-sidebar.collapsed{pointer-events:none;opacity:0;margin-left:-250px}.console-sidebar-header{box-sizing:border-box;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}[data-theme=dark] .console-sidebar-header{background-color:#121212;border-bottom-color:#222}.console-sidebar-content{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 10px;display:flex}.console-sidebar-search-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;display:flex}.console-search-bar{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;transition:all .15s;display:flex}[data-theme=dark] .console-search-bar{background-color:#171717;border-color:#2a2a2a}.console-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb26}[data-theme=dark] .console-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.console-search-bar .search-icon{color:var(--color-text-soft);flex-shrink:0;font-size:16px}.console-search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:12px}.console-search-bar input::placeholder{color:var(--color-text-soft)}.console-sidebar-add-btn{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);box-sizing:border-box;cursor:pointer;width:30px;min-width:30px;height:30px;color:var(--color-text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.console-sidebar-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .console-sidebar-add-btn{color:#a1a1a1;background-color:#171717;border-color:#2a2a2a}[data-theme=dark] .console-sidebar-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#1f1f1f}.console-sidebar-add-btn:active{transform:scale(.95)}.console-sidebar-add-btn .material-symbols-outlined{font-size:18px}.console-query-nav{box-sizing:border-box;flex-direction:column;flex:1;gap:6px;padding:2px 0;display:flex;overflow:hidden auto}.console-query-nav::-webkit-scrollbar{width:4px}.console-query-nav::-webkit-scrollbar-track{background:0 0}.console-query-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.console-query-nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.console-tree-section{flex-direction:column;display:flex}.console-tree-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-soft);letter-spacing:.05em;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;font-weight:700;transition:color .12s;display:flex}.console-tree-section-header:hover{color:var(--color-text)}.console-tree-section-header .tree-header-left{align-items:center;gap:5px;display:flex}.console-tree-section-header .tree-arrow{font-size:15px;transition:transform .15s}.console-tree-section.collapsed .tree-arrow{transform:rotate(-90deg)}.console-tree-section.collapsed .console-tree-section-items{display:none}.console-tree-section-items{flex-direction:column;gap:3px;padding-top:2px;display:flex}.query-item-btn{position:relative}.query-item-btn .query-item-delete-btn{cursor:pointer;color:var(--color-text-soft);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:2px;display:none}.query-item-btn:hover .query-item-delete-btn{display:inline-flex}.query-item-btn .query-item-delete-btn:hover{color:var(--color-error)}.query-item-btn .query-item-delete-btn .material-symbols-outlined{font-size:14px}.sidebar-tree-empty{color:var(--color-text-soft);opacity:.6;padding:6px 12px;font-size:11px;font-style:italic}.console-sidebar-footer{box-sizing:border-box;border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}[data-theme=dark] .console-sidebar-footer{background-color:#121212;border-top-color:#222}.console-sidebar-clear-btn{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);height:24px;color:var(--color-text-secondary);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:0 8px;font-size:11px;transition:all .12s;display:inline-flex}.console-sidebar-clear-btn:hover{background-color:var(--color-bg-secondary-dark);border-color:var(--color-text-soft);color:var(--color-text)}[data-theme=dark] .console-sidebar-clear-btn{color:#a1a1a1;background-color:#171717;border-color:#2a2a2a}[data-theme=dark] .console-sidebar-clear-btn:hover{color:#ededed;background-color:#222;border-color:#383838}.console-workstation{background-color:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.console-top-bar{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:42px;padding:0 12px 0 10px;display:flex}[data-theme=dark] .console-top-bar{background-color:#121214;border-bottom-color:#222225}.console-top-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.console-icon-btn{width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.console-icon-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}[data-theme=dark] .console-icon-btn:hover{background-color:#1f1f23}.console-icon-btn .material-symbols-outlined{font-size:18px}.console-tabs-container{scrollbar-width:none;align-items:center;gap:4px;min-width:0;padding:2px;display:flex;overflow-x:auto}.console-tabs-container::-webkit-scrollbar{display:none}.console-tab{height:30px;color:var(--color-text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:1;align-items:center;gap:6px;min-width:80px;max-width:220px;padding:0 10px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.console-tab:hover{color:var(--color-text);background-color:#ffffff08}.console-tab.active{color:var(--color-text);background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .console-tab.active{color:#ededed;background-color:#1c1c1f;border-color:#2b2b30}.console-tab-icon{opacity:.7;flex-shrink:0;font-size:14px}.console-tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.console-tab.preview .console-tab-title{opacity:.85;font-style:italic}.console-tab-rename-input{background:var(--color-bg-primary);color:var(--color-text);border:1px solid var(--color-primary);border-radius:3px;outline:none;width:110px;padding:1px 4px;font-size:12px}.tab-dirty-dot{background-color:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tab-close-btn{width:16px;height:16px;color:var(--color-text-soft);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .1s;display:inline-flex}.tab-close-btn:hover{opacity:1;color:var(--color-text);background-color:#ffffff1a}.console-add-tab-btn{width:24px;height:24px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.console-add-tab-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}[data-theme=dark] .console-add-tab-btn:hover{background-color:#1f1f23}.console-add-tab-btn .material-symbols-outlined{font-size:16px}.console-top-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.console-action-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);height:28px;color:var(--color-text);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.console-action-btn:hover{background-color:var(--color-bg-secondary-dark);border-color:var(--color-text-soft)}[data-theme=dark] .console-action-btn{background-color:#18181a;border-color:#27272a}[data-theme=dark] .console-action-btn:hover{background-color:#222226;border-color:#3b3b40}.console-action-btn .icon{font-size:15px}.console-kbd-hint{font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;margin-left:2px;padding:1px 4px;font-size:10px}[data-theme=dark] .console-kbd-hint{background:#111113;border-color:#27272a}.console-run-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:7px;height:28px;padding:0 14px;font-size:12px;font-weight:600;transition:all .12s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #2563eb4d}.console-run-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-.5px);box-shadow:0 2px 6px #2563eb66}[data-theme=dark] .console-run-btn{box-shadow:0 1px 4px #3b82f659}[data-theme=dark] .console-run-btn:hover{box-shadow:0 2px 8px #3b82f680}.console-run-btn:active{transform:translateY(0)}.console-run-kbd{font-family:var(--font-mono);color:#ffffffe6;white-space:nowrap;background:#00000038;border:1px solid #ffffff26;border-radius:3px;padding:1px 5px;font-size:10px;line-height:1}.console-editor-pane{background-color:#fafbfc;flex-direction:column;flex-shrink:0;height:280px;min-height:100px;max-height:calc(100% - 100px);display:flex;position:relative}[data-theme=dark] .console-editor-pane{background-color:#0b0b0e}.sql-editor-wrapper{flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.sql-editor-layer-container{flex:1;width:100%;height:100%;display:flex;position:relative}.sql-line-numbers{text-align:right;width:44px;min-width:44px;height:100%;color:var(--color-text-soft);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-right:1px solid var(--color-border);background-color:#f3f4f6;padding:12px 0;overflow:hidden;font-family:var(--font-mono)!important;font-size:13px!important;line-height:1.5!important}[data-theme=dark] .sql-line-numbers{background-color:#070709;border-right-color:#1a1a20}.sql-line-num{box-sizing:border-box;text-align:right;cursor:pointer;-webkit-user-select:none;user-select:none;height:19.5px;color:var(--color-text-soft);opacity:.5;padding-right:10px;line-height:19.5px;transition:color .1s,background-color .1s,opacity .1s}.sql-line-num:hover{opacity:1;color:var(--color-text);background-color:#ffffff14}.sql-line-num.selected{opacity:1;color:#60a5fa;background-color:#3b82f629;font-weight:600}#sql-highlight-layer,textarea#sql-editor{box-sizing:border-box;border:none;outline:none;width:calc(100% - 44px);height:100%;margin:0;padding:12px 16px;position:absolute;top:0;left:44px}#sql-highlight-layer,#sql-highlight-layer *,textarea#sql-editor{font-family:var(--font-mono)!important;letter-spacing:normal!important;white-space:pre!important;word-break:normal!important;tab-size:2!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important}#sql-highlight-layer{pointer-events:none;z-index:1;color:var(--color-text);overflow:hidden}textarea#sql-editor{z-index:2;resize:none;caret-color:var(--color-primary);background:0 0;overflow:auto;color:#0000!important}[data-theme=dark] textarea#sql-editor{caret-color:#60a5fa}.hl-string{color:#10b981}.hl-number{color:#f59e0b}.hl-keyword{color:#818cf8;font-weight:400}.console-editor-pane.is-fullscreen{z-index:99999!important;background:var(--color-bg-primary)!important;width:100vw!important;height:100vh!important;max-height:100vh!important;position:fixed!important;top:0!important;left:0!important}.console-editor-status-bar{border-top:1px solid var(--color-border);-webkit-user-select:none;user-select:none;box-sizing:border-box;height:24px;min-height:24px;color:var(--color-text-soft);z-index:5;background-color:#f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;display:flex}[data-theme=dark] .console-editor-status-bar{background-color:#0e0e11;border-top-color:#1a1a20}.status-bar-left,.status-bar-right{align-items:center;gap:10px;display:flex}.status-bar-item{align-items:center;gap:4px;display:inline-flex}.status-bar-separator{opacity:.4}.status-bar-btn{height:20px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:0 6px;font-size:11px;transition:all .12s;display:inline-flex}.status-bar-btn:hover{color:var(--color-text);border-color:var(--color-border);background-color:#ffffff14}.status-bar-kbd{font-family:var(--font-mono);color:var(--color-text-soft);border:1px solid var(--color-border);background:#00000014;border-radius:2px;padding:1px 3px;font-size:9px;line-height:1}[data-theme=dark] .status-bar-kbd{background:#ffffff0f}.console-h-resizer{z-index:20;cursor:row-resize;background-color:#f1f3f5;flex-shrink:0;justify-content:center;align-items:center;height:0;transition:background-color .12s,border-color .12s;display:flex;position:relative}[data-theme=dark] .console-h-resizer{background-color:#151518;border-top-color:#232328;border-bottom-color:#232328}.console-resizer-handle{border-radius:2px;justify-content:center;align-items:center;width:48px;height:8px;display:flex;position:absolute;bottom:-10px}.console-resizer-pill{background-color:var(--color-text-soft);opacity:.45;border-radius:2px;width:32px;height:3px;transition:background-color .12s,opacity .12s}.console-h-resizer:hover .console-resizer-pill,.console-h-resizer .console-resizer-handle.is-dragging .console-resizer-pill{opacity:.95;background-color:#fff}.console-results-pane{background-color:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden;min-height:150px!important}[data-theme=dark] .console-results-pane{background-color:#101013}.console-results-header{border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;background-color:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}[data-theme=dark] .console-results-header{background-color:#16161a;border-bottom-color:#24242a}.console-results-tabs{align-items:center;gap:12px;height:100%;display:flex}.results-tab-btn{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;align-items:center;height:100%;padding:0 4px;font-size:12px;font-weight:500;transition:color .12s;display:inline-flex;position:relative}.results-tab-btn:hover{color:var(--color-text)}.results-tab-btn.active{color:var(--color-text);font-weight:600}.results-tab-btn.active:after{content:"";background-color:var(--color-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}[data-theme=dark] .results-tab-btn.active:after{background-color:#3b82f6}.console-results-meta{align-items:center;gap:12px;display:flex}.results-meta-text{color:var(--color-text-soft);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.1px}.results-export-wrapper{align-items:center;display:flex}.console-export-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);height:24px;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.console-export-btn:hover{color:var(--color-text);border-color:var(--color-text-soft)}[data-theme=dark] .console-export-btn{background-color:#1a1a1d;border-color:#27272a}[data-theme=dark] .console-export-btn:hover{background-color:#242429;border-color:#3f3f46}.console-results-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.console-results-table-container{border:none;border-radius:0;flex:1;width:100%;height:100%}.console-mutation-banner{background:#3b82f60f;border:1px solid #3b82f633;border-radius:8px;align-items:center;margin:16px;padding:14px 20px;display:flex}.console-mutation-info{color:var(--color-text);align-items:center;gap:8px;font-size:13px;display:flex}.console-mutation-info .icon{color:var(--color-primary);font-size:18px}[data-theme=dark] .console-mutation-info .icon{color:#60a5fa}.console-result-error{background-color:#ef44440f;border:1px solid #ef444440;border-radius:8px;flex-direction:column;gap:8px;margin:16px;padding:14px 18px;display:flex}.console-result-error-header{color:#ef4444;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .console-result-error-header{color:#f87171}.console-result-error-header .material-symbols-outlined{font-size:18px}.console-result-error-msg{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.console-msg-executing{color:var(--color-text-soft);flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.console-welcome-msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:440px;margin:auto;padding:30px 20px;display:flex}.console-welcome-icon-box{width:44px;height:44px;color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f640;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}[data-theme=dark] .console-welcome-icon-box{color:#60a5fa;background:#3b82f61f}.console-welcome-icon-box .material-symbols-outlined{font-size:24px}.console-welcome-heading{color:var(--color-text);margin:0 0 6px;font-size:18px;font-weight:600}.console-welcome-sub{color:var(--color-text-soft);margin:0 0 16px;font-size:12.5px;line-height:1.5}.console-shortcuts-hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.shortcut-pill{color:var(--color-text-soft);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:5px;padding:2px 8px;font-size:11px}[data-theme=dark] .shortcut-pill{background:#18181a;border-color:#27272a}.shortcut-pill kbd{font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}.console-autocomplete-popup{background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:50;border-radius:8px;flex-direction:column;gap:2px;min-width:240px;max-width:380px;max-height:220px;padding:4px;display:flex;position:absolute;top:46px;left:60px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000004d}[data-theme=dark] .console-autocomplete-popup{background:#1e1e22;border-color:#323236;box-shadow:0 16px 36px -4px #0009}.console-autocomplete-popup.hidden{display:none}.autocomplete-item{font-family:var(--font-mono);cursor:pointer;color:var(--color-text);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;font-size:12px;transition:background .1s;display:flex}.autocomplete-item.active,.autocomplete-item:hover{background:var(--color-primary);color:#fff}.autocomplete-item-left{align-items:center;gap:8px;display:flex;overflow:hidden}.autocomplete-item-icon{opacity:.85;font-size:14px;line-height:1}.autocomplete-item-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.autocomplete-item-type{text-transform:uppercase;opacity:.65;letter-spacing:.05em;font-size:10px;font-weight:600}.console-safe-shield-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);cursor:pointer;width:28px;height:28px;color:var(--color-text-soft);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:relative}.console-safe-shield-btn:hover{border-color:var(--color-primary);color:var(--color-text)}[data-theme=dark] .console-safe-shield-btn{background-color:#18181a;border-color:#27272a}.console-safe-shield-btn.active{color:#10b981;background:#10b98114;border-color:#10b98166}.console-safe-shield-btn.disabled{color:#ef4444;background:#ef444414;border-color:#ef44444d}.console-safe-shield-btn .safe-shield-icon{font-size:16px}.console-safe-shield-btn .safe-indicator-dot{background-color:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.tree-header-clear-btn{cursor:pointer;color:var(--color-text-soft);opacity:.7;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;transition:all .12s;display:inline-flex}.tree-header-clear-btn:hover{opacity:1;color:var(--color-error);background-color:#ef44441a}.tree-header-clear-btn.hidden{display:none}.console-safe-toggle-btn{height:28px;font-size:11px;font-family:var(--font-mono);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:600;transition:all .15s;display:inline-flex}[data-theme=dark] .console-safe-toggle-btn{background:#18181a;border-color:#27272a}.console-safe-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.console-safe-toggle-btn.active{color:#10b981;background:#10b98114;border-color:#10b9814d}.console-safe-toggle-btn.disabled{color:#ef4444;background:#ef44440f;border-color:#ef444440}.safe-indicator-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.safe-modal-container{background:var(--color-bg-primary);border:1px solid #ef44444d;border-radius:12px;flex-direction:column;width:520px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 20px 30px -10px #00000080}.safe-modal-header{border-bottom:1px solid var(--color-border);background:#ef44440f;align-items:center;gap:12px;padding:16px 20px;display:flex}.safe-modal-header h3{color:#ef4444;margin:0;font-size:16px;font-weight:600}.safe-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.safe-modal-desc{color:var(--color-text);margin:0;font-size:13px;line-height:1.5}.safe-modal-sql-preview{background:var(--color-bg-secondary-dark);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:160px;margin:0;padding:12px;font-size:12px;overflow-y:auto}.safe-modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.safe-modal-btn{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .12s}.safe-modal-btn.danger{color:#fff;background:#ef4444;border-color:#ef4444}.safe-modal-btn.danger:hover{background:#dc2626}.console-messages-body{min-height:0;font-family:var(--font-mono);background-color:#fcfcfc;flex-direction:column;flex:1;font-size:12px;display:flex;overflow-y:auto}[data-theme=dark] .console-messages-body{background-color:#0d0d10}.console-messages-body.hidden{display:none}.console-messages-toolbar{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}[data-theme=dark] .console-messages-toolbar{background-color:#131317;border-bottom-color:#212127}.messages-toolbar-title{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.console-clear-messages-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);height:24px;color:var(--color-text-secondary);font-size:11px;font-family:var(--font-sans);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:0 8px;transition:all .12s;display:inline-flex}.console-clear-messages-btn:hover{color:var(--color-error);border-color:var(--color-error)}[data-theme=dark] .console-clear-messages-btn{background-color:#1a1a1f;border-color:#2c2c34}[data-theme=dark] .console-clear-messages-btn:hover{color:#f87171;background-color:#261b1e;border-color:#ef4444}.console-messages-content{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.messages-empty-state{color:var(--color-text-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.messages-empty-icon{opacity:.4;font-size:28px}.messages-empty-text{max-width:340px;margin:0;font-size:12px;line-height:1.5}.messages-log-entry{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:6px;padding:10px 14px;transition:background-color .1s;display:flex}[data-theme=dark] .messages-log-entry{background-color:#141418;border-color:#222228}.messages-log-entry.success{border-left:3px solid #10b981}.messages-log-entry.mutation{border-left:3px solid #3b82f6}.messages-log-entry.error{background-color:#ef44440a;border-left:3px solid #ef4444}.messages-log-entry.info{border-left:3px solid #6b7280}.messages-log-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.messages-badge{letter-spacing:.05em;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.badge-success{color:#10b981;background:#10b9811f}.badge-mutation{color:#3b82f6;background:#3b82f61f}.badge-error{color:#ef4444;background:#ef44441f}.badge-info{color:var(--color-text-secondary);background:#6b728026}.messages-time{color:var(--color-text-soft);font-size:11px}.messages-title{color:var(--color-text);font-size:12px;font-weight:600}.messages-duration{color:var(--color-text-soft);margin-left:auto;font-size:11px}.messages-sql{border:1px solid var(--color-border);color:#2563eb;white-space:pre-wrap;word-break:break-all;background:#0000000f;border-radius:4px;margin:0;padding:6px 10px;font-size:11.5px}[data-theme=dark] .messages-sql{color:#93c5fd;background:#0d0d10;border-color:#1c1c22}.messages-detail{color:var(--color-text-secondary);font-size:11.5px;line-height:1.4}.shortcuts-modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:480px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 20px 35px -8px #00000080}.shortcuts-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.shortcuts-modal-header h3{color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.shortcuts-modal-close-btn{cursor:pointer;color:var(--color-text-soft);background:0 0;border:none;border-radius:4px;padding:4px;transition:all .1s;display:inline-flex}.shortcuts-modal-close-btn:hover{color:var(--color-text);background-color:#ffffff14}.shortcuts-modal-body{flex-direction:column;gap:8px;max-height:420px;padding:14px 18px;display:flex;overflow-y:auto}.shortcut-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:6px 4px;font-size:12px;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-row-label{color:var(--color-text);font-weight:500}.shortcut-row-keys{align-items:center;gap:4px;display:flex}.shortcut-row-keys kbd{font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000001a}[data-theme=dark] .shortcuts-modal-container{background:#141416;border-color:#26262b}[data-theme=dark] .shortcuts-modal-header{background:#18181c;border-bottom-color:#26262b}[data-theme=dark] .shortcut-row{border-bottom-color:#222227}[data-theme=dark] .shortcut-row-keys kbd{color:#e2e8f0;background:#1f1f24;border-color:#31313a}.console-ai-trigger-btn{transition:all .15s;position:relative}.console-ai-trigger-btn:hover{border-color:var(--primary,#2563eb)!important;color:var(--primary,#2563eb)!important}.console-result-error-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.console-result-error-title{align-items:center;gap:8px;display:flex}.btn-ai-fix-error{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #2563eb40}.btn-ai-fix-error:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 3px 6px #2563eb59}.btn-ai-fix-error:active{transform:translateY(0)}.console-ai-v-resizer{cursor:col-resize;z-index:15;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:6px;height:100%;margin-left:-3px;margin-right:-3px;transition:background-color .12s;display:flex;position:relative}.console-ai-v-resizer:hover,.console-ai-v-resizer.is-dragging{background-color:var(--color-primary)}.console-ai-v-pill{background-color:var(--color-border);pointer-events:none;border-radius:1px;width:2px;height:24px;transition:background-color .12s}.console-ai-v-resizer:hover .console-ai-v-pill,.console-ai-v-resizer.is-dragging .console-ai-v-pill{background-color:#fff}.console-ai-chat-panel{background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);z-index:10;box-sizing:border-box;flex-direction:column;flex-shrink:0;width:420px;min-width:370px;max-width:45%;height:100%;display:flex;position:relative;overflow:hidden}.ai-panel-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:space-between;align-items:center;height:38px;min-height:38px;padding:0 10px 0 12px;display:flex}.ai-panel-header-left{align-items:center;gap:8px;min-width:0;display:flex}.ai-panel-title-icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.ai-panel-title-icon span{font-size:16px}.ai-panel-title{color:var(--color-text);white-space:nowrap;font-size:12.5px;font-weight:600}.ai-panel-model-pill{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);font-family:var(--font-mono);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;max-width:130px;padding:1px 6px;font-size:10.5px;transition:all .12s;display:inline-flex;overflow:hidden}.ai-panel-model-pill:hover{background-color:var(--color-primary-active);border-color:var(--color-primary)}.ai-panel-header-right{align-items:center;gap:2px;display:flex}.ai-panel-icon-btn{width:24px;height:24px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.ai-panel-icon-btn:hover{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}.ai-panel-messages{background-color:var(--color-bg-secondary);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.ai-panel-messages::-webkit-scrollbar{width:6px}.ai-panel-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.ai-panel-welcome{flex-direction:column;gap:8px;display:flex}.ai-panel-welcome-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:12px}.ai-panel-welcome-badge{color:var(--color-primary);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:600;display:inline-flex}.ai-panel-welcome-card h4{color:var(--color-text);margin:0 0 4px;font-size:13px;font-weight:600}.ai-panel-welcome-card p{color:var(--color-text-secondary);margin:0 0 10px;font-size:11.5px;line-height:1.45}.ai-panel-chips{flex-direction:column;gap:6px;display:flex}.ai-panel-chip{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;transition:all .12s;display:flex}.ai-panel-chip:hover{background-color:var(--color-primary-active);border-color:var(--color-primary);color:var(--color-primary)}.ai-panel-chip span.material-symbols-outlined{color:var(--color-primary);flex-shrink:0;font-size:14px}.ai-panel-msg-row{flex-direction:column;gap:4px;animation:.12s aiMsgFadeIn;display:flex}@keyframes aiMsgFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ai-panel-msg-user{align-self:flex-end;max-width:92%}.ai-panel-msg-user .ai-panel-msg-bubble{background-color:var(--color-primary);color:#fff;word-break:break-word;border-radius:6px 6px 2px;padding:7px 10px;font-size:12px;line-height:1.45}.ai-panel-msg-assistant{align-self:flex-start;width:100%}.ai-panel-msg-assistant .ai-panel-msg-bubble{flex-direction:column;gap:8px;width:100%;display:flex}.ai-panel-msg-text{color:var(--color-text);font-size:12px;line-height:1.5}.ai-panel-code-block{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.ai-panel-code-header{background-color:var(--color-bg-secondary-dark);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.ai-panel-code-lang{font-size:10px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.04em}.ai-panel-copy-btn{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:2px 5px;font-size:10.5px;transition:all .12s;display:inline-flex}.ai-panel-copy-btn:hover{background-color:var(--color-border);color:var(--color-text)}.ai-panel-code-pre{font-family:var(--font-mono);color:#60a5fa;background-color:var(--color-bg-primary);white-space:pre-wrap;word-break:break-all;max-height:140px;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.5;overflow-x:auto}.ai-panel-code-actions{background-color:var(--color-bg-secondary-dark);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:6px;padding:6px 8px;display:flex}.ai-panel-action-btn{cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.ai-panel-action-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-soft)}.ai-panel-action-btn.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ai-panel-action-btn.primary:hover{background-color:var(--color-primary-dark)}.ai-panel-msg-error{color:var(--color-error);background-color:#ef444414;border:1px solid #ef444440;border-radius:4px;align-items:flex-start;gap:6px;padding:8px 10px;font-size:11.5px;line-height:1.4;display:flex}.ai-panel-msg-error span.material-symbols-outlined{flex-shrink:0;margin-top:1px;font-size:15px}.ai-panel-msg-loading{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;display:flex}.ai-panel-msg-loading span.material-symbols-outlined{color:var(--color-primary);font-size:14px}.ai-panel-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.ai-panel-input-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;align-items:flex-end;gap:6px;padding:4px 6px 4px 8px;transition:border-color .12s,box-shadow .12s;display:flex}.ai-panel-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb26}[data-theme=dark] .ai-panel-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.ai-panel-textarea{color:var(--color-text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:90px;padding:2px 0;font-family:inherit;font-size:12px;line-height:1.45}.ai-panel-textarea::placeholder{color:var(--color-text-soft);font-size:11.5px}.ai-panel-send-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .12s;display:flex}.ai-panel-send-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.ai-panel-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-panel-hints{color:var(--color-text-soft);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 2px;font-size:9.5px;display:flex}.ai-provider-card{border:1px solid var(--color-border,#333);text-align:left;cursor:pointer;color:var(--color-text,#fff);background:#ffffff08;border-radius:8px;padding:10px 12px;transition:all .15s}.ai-provider-card:hover{background:#ffffff0f;border-color:#fff3}.ai-provider-card.selected{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 1px var(--primary,#3b82f6);background:#2563eb1f}.ai-provider-badge{text-transform:uppercase;letter-spacing:.03em;color:#10b981;background:#10b98126;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.ai-test-status.success{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.ai-test-status.error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.ai-explain-loading{align-items:center;gap:16px;padding:24px 12px;display:flex}.ai-loading-spinner-wrap{flex-shrink:0}.ai-loading-text h4{color:var(--color-text);margin:0 0 4px;font-size:14px;font-weight:600}.ai-loading-text p{color:var(--color-text-secondary);margin:0;font-size:12px}.ai-explain-content{flex-direction:column;gap:16px;display:flex}.ai-explain-section{flex-direction:column;gap:6px;display:flex}.ai-explain-section-title{margin-bottom:2px}.ai-explain-body-text{color:var(--color-text);border:1px solid var(--color-border-subtle,#ffffff0d);background:#0000001a;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.6}.ai-tips-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ai-tip-item{color:var(--color-text);background:#eab3080f;border:1px solid #eab3082e;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.5;display:flex}.ai-tip-icon{color:#eab308;flex-shrink:0;margin-top:1px;font-size:16px}.ai-optimized-sql{color:#38bdf8;white-space:pre-wrap;word-break:break-word;background:#0b0f19;border:1px solid #1e293b;border-radius:6px;max-height:220px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.5;overflow-y:auto}.btn-copy-code{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;transition:all .12s;display:inline-flex}.btn-copy-code:hover{color:var(--color-text);background:#ffffff14}.ai-explain-error{background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}[id^=schema-grid-container-]{overflow-x:auto!important}[id^=schema-grid-container-] .data-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;min-width:100%}[id^=schema-grid-container-] .th-content-wrapper,[id^=schema-grid-container-] .th-main-group{gap:4px!important;min-width:0!important}[id^=schema-grid-container-] .th-col-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[id^=schema-grid-container-] .data-table th[data-col-key=name]{width:20%;min-width:120px}[id^=schema-grid-container-] .data-table th[data-col-key=type]{width:15%;min-width:100px}[id^=schema-grid-container-] .data-table th[data-col-key=isPk]{width:15%;min-width:140px}[id^=schema-grid-container-] .data-table th[data-col-key=nullable],[id^=schema-grid-container-] .data-table th[data-col-key=isUnique],[id^=schema-grid-container-] .data-table th[data-col-key=defaultValue]{width:10%;min-width:100px}[id^=schema-grid-container-] .data-table th[data-col-key=indexing],.data-table th.th-indexing{-webkit-user-select:none;user-select:none;text-align:center!important;cursor:default!important;width:20%!important;min-width:200px!important}.data-table th.th-indexing .th-content-wrapper{justify-content:center!important;min-width:0!important}.manage-indexes-cell{background-color:var(--color-bg-primary)!important;vertical-align:middle!important;text-align:center!important;border-left:1px solid var(--color-border)!important;box-sizing:border-box!important;width:16%!important;min-width:160px!important;padding:8px 4px!important;overflow:hidden!important}.manage-indexes-wrapper{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0 auto!important;display:flex!important}.data-table tbody tr:has(.manage-indexes-cell:hover) td.data-cell{background-color:#0000!important}.btn-manage-indexes{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);max-width:95%;color:var(--color-text);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.btn-manage-indexes:hover{background-color:var(--color-primary-active);border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.btn-manage-indexes .material-symbols-outlined{color:var(--color-primary);font-size:15px}.btn-manage-indexes:hover .material-symbols-outlined{color:#fff}.schema-type-mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:11.5px;font-weight:500;color:var(--color-primary)!important}[data-theme=dark] .schema-type-mono{color:var(--color-primary)!important}[id^=schema-grid-container-] .col-badge,[id^=schema-grid-container-] .badge-bool,[id^=schema-grid-container-] .badge-unique,[id^=schema-grid-container-] .badge-unique-pk,[id^=schema-grid-container-] .badge-locked{box-sizing:border-box!important;height:22px!important;min-height:22px!important;max-height:22px!important;font-size:11px!important;font-family:var(--font-mono)!important;letter-spacing:.3px!important;vertical-align:middle!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0 8px!important;font-weight:600!important;line-height:20px!important;display:inline-flex!important}[id^=schema-grid-container-] .col-badge .material-symbols-outlined,[id^=schema-grid-container-] .badge-bool .material-symbols-outlined,[id^=schema-grid-container-] .badge-unique .material-symbols-outlined,[id^=schema-grid-container-] .badge-unique-pk .material-symbols-outlined,[id^=schema-grid-container-] .badge-locked .material-symbols-outlined{justify-content:center!important;align-items:center!important;width:12px!important;height:12px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important}.badge-unique{color:#0284c7;background-color:#0ea5e91f;border:1px solid #0ea5e947}[data-theme=dark] .badge-unique{color:#38bdf8;background-color:#0ea5e929}.badge-unique-pk{color:#d97706;background-color:#f59e0b1f;border:1px solid #f59e0b47}[data-theme=dark] .badge-unique-pk{color:#fbbf24;background-color:#f59e0b29}.badge-locked{color:#64748b;background-color:#94a3b81f;border:1px solid #94a3b840}[data-theme=dark] .badge-locked{color:#94a3b8;background-color:#94a3b829;border-color:#94a3b84d}[id^=schema-grid-container-] .data-table td[data-col-key=nullable],[id^=schema-grid-container-] .data-table td[data-col-key=isUnique]{text-align:center}.badge-idx{color:var(--color-primary);font-size:11px;font-family:var(--font-mono);vertical-align:middle;cursor:pointer;background-color:#3b82f61a;border:1px solid #3b82f640;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-weight:600;line-height:1.2;transition:all .12s;display:inline-flex}.badge-idx:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#3b82f633;transform:translateY(-.5px)}[data-theme=dark] .badge-idx{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f659}[data-theme=dark] .badge-idx:hover{color:#93c5fd;background-color:#3b82f640}.index-count-pill{min-width:17px;height:17px;color:var(--color-primary);font-size:10px;font-family:var(--font-mono);background-color:#3b82f626;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-weight:700;line-height:1;display:inline-flex}[data-theme=dark] .index-count-pill{color:#93c5fd;background-color:#3b82f640}.schema-autocomplete-popover{background-color:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1050;-webkit-backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;min-width:280px;max-width:340px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px -4px #00000040,0 4px 10px -2px #0000001a}[data-theme=dark] .schema-autocomplete-popover{background-color:#141414;border-color:#27272a;box-shadow:0 16px 36px -4px #000000b3,0 0 0 1px #ffffff14}.schema-autocomplete-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:280px;padding:4px 0;overflow-y:auto}.schema-autocomplete-scroll::-webkit-scrollbar{width:6px}.schema-autocomplete-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.schema-autocomplete-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-soft);-webkit-user-select:none;user-select:none;padding:10px 12px 6px;font-size:10px;font-weight:700}.schema-autocomplete-item{color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12.5px;transition:background-color .1s;display:flex}.schema-autocomplete-item:hover,.schema-autocomplete-item.active{background-color:var(--color-bg-secondary-dark);color:var(--color-text)}[data-theme=dark] .schema-autocomplete-item:hover,[data-theme=dark] .schema-autocomplete-item.active{color:#fff;background-color:#242424}.schema-autocomplete-item-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.schema-autocomplete-item-icon{color:var(--color-text-soft);flex-shrink:0;font-size:15px}.schema-autocomplete-item.active .schema-autocomplete-item-icon,.schema-autocomplete-item:hover .schema-autocomplete-item-icon{color:var(--color-primary)}.schema-autocomplete-match-highlight{color:var(--color-primary);font-weight:700;text-decoration:underline}.schema-autocomplete-type-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-soft);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:1px 5px}.schema-autocomplete-empty{text-align:center;color:var(--color-text-soft);padding:16px 12px;font-size:12px}.erd-main-viewport{width:100%;height:100%;position:relative;overflow:hidden}.erd-grid-bg{background-color:var(--color-bg-secondary);background-image:radial-gradient(var(--color-border) 1.25px, transparent 1.25px);background-position:0 0;background-size:20px 20px}#erd-wrapper{-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset:0;overflow:auto}#erd-wrapper::-webkit-scrollbar{display:none}.erd-workspace-canvas{transform-origin:0 0;width:4000px;height:4000px;position:relative}.erd-svg-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.erd-nodes-layer{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.erd-top-hud{pointer-events:none;z-index:90;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.erd-hud-left{pointer-events:auto;height:39.6px}.erd-search-box{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;width:260px;height:100%;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.erd-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.erd-search-box .search-icon{color:var(--color-text-soft);flex-shrink:0;font-size:18px}.erd-search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.erd-search-box input::placeholder{color:var(--color-text-soft)}.erd-search-shortcut{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.erd-search-results{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:100;border-radius:8px;flex-direction:column;gap:2px;max-height:260px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000024}.erd-search-results.hidden{display:none}.erd-search-item{font-size:12px;font-family:var(--font-mono);color:var(--color-text);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;transition:background-color .1s;display:flex}.erd-search-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.erd-search-col-badge{color:var(--color-text-soft);font-size:10px}.erd-hud-right{pointer-events:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex;box-shadow:0 4px 16px #0000000f}.erd-hud-btn{height:30px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.erd-hud-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.erd-hud-btn.active{color:var(--color-primary);background:#3b82f614}.erd-hud-btn.primary{background:var(--color-primary);color:#fff}.erd-hud-btn.primary:hover{background:var(--color-primary-dark)}.erd-hud-btn.primary.disabled{opacity:.45;pointer-events:none}.erd-hud-btn.primary.has-drafts{opacity:1;pointer-events:auto;box-shadow:0 2px 8px #3b82f659}.erd-draft-count-badge{color:var(--color-primary);background:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2}.erd-hud-divider{background:var(--color-border);width:1px;height:18px;margin:0 2px}.erd-shortcuts-helper{pointer-events:none;z-index:80;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:20px}.erd-shortcut-item{color:var(--color-text-soft);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex;box-shadow:0 2px 6px #0000000a}.erd-shortcut-item kbd{font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}.erd-bottom-dock{pointer-events:none;z-index:90;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:16px;right:20px}.erd-zoom-controls{pointer-events:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;align-items:center;padding:3px;display:flex;box-shadow:0 4px 16px #0000000f}.erd-dock-btn{width:30px;height:30px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.erd-dock-btn:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.erd-dock-btn.erd-zoom-value{width:auto;font-family:var(--font-mono);padding:0 8px;font-size:11px;font-weight:600}.erd-dock-btn.active{color:var(--color-primary);background:#3b82f61a}.erd-dock-divider{background:var(--color-border);width:1px;height:18px;margin:0 2px}.erd-minimap-container{pointer-events:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;transition:opacity .2s,transform .2s;overflow:hidden;box-shadow:0 8px 24px #0000001f}.erd-minimap-container.hidden{display:none}.erd-minimap-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.erd-minimap-title{align-items:center;gap:5px;display:flex}.erd-minimap-header .icon-btn{cursor:pointer;color:var(--color-text-soft);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.erd-minimap-header .icon-btn:hover{color:var(--color-text);background:var(--color-bg-primary)}.erd-minimap{background:var(--color-bg-primary);cursor:crosshair;width:180px;height:120px;position:relative;overflow:hidden}.erd-minimap-content{width:100%;height:100%;position:relative}.erd-minimap-viewport{border:1.5px solid var(--color-primary);pointer-events:none;box-sizing:border-box;background-color:#3b82f626;border-radius:2px;position:absolute}.erd-node{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;width:290px;transition:box-shadow .15s,border-color .15s,opacity .2s,filter .2s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px -2px #0000000f,0 2px 6px -1px #0000000a}.erd-node:hover{box-shadow:0 8px 24px -4px #0000001f}.erd-node.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f640,0 8px 24px -4px #3b82f633}.erd-node.is-relationship-highlight,.erd-node.is-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary), 0 12px 32px #3b82f640!important;opacity:1!important;filter:none!important}.erd-node.is-dimmed{opacity:.3!important;filter:grayscale(40%)!important}.erd-node.is-draft{border:1.5px dashed var(--color-primary)}.erd-node-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.erd-node-header:active{cursor:grabbing}.erd-node-header-left{align-items:center;gap:8px;min-width:0;display:flex}.erd-node-icon-box{color:var(--color-primary);justify-content:center;align-items:center;font-size:16px;display:flex}.erd-node-icon{font-size:16px}.erd-node-name{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.erd-badge-draft{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.erd-node-header-right{color:var(--color-text-soft);align-items:center;gap:6px;display:flex}.erd-header-badge{font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2}.erd-header-badge.pk-badge{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.erd-header-badge.fk-badge{color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f64d}.erd-col-count{font-family:var(--font-mono);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-size:11px}.erd-node-drag-handle{opacity:.4;font-size:16px;transition:opacity .15s}.erd-node-header:hover .erd-node-drag-handle{opacity:.9}.erd-node-body{flex-direction:column;display:flex}.erd-column{box-sizing:border-box;border-bottom:1px solid var(--color-border-soft,var(--color-border));background-color:#0000;justify-content:space-between;align-items:center;height:33px;padding:6px 12px;transition:background-color .12s,border-left-color .12s;display:flex}.erd-column:last-child{border-bottom:none}.erd-column:hover{background-color:var(--color-bg-secondary)}.erd-column.is-fk{background-color:#3b82f605}.erd-column.is-focused-col{border-left:3px solid var(--color-primary);background-color:#3b82f624!important}.erd-col-left{align-items:center;gap:6px;min-width:0;display:flex}.erd-reorder-handle{cursor:grab;align-items:center;display:flex}.erd-badge-pk,.erd-badge-fk,.erd-badge-pfk,.erd-badge-unique,.erd-col-nullable{font-family:var(--font-mono);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.erd-badge-pfk{color:#b45309;background:#f59e0b2e;border:1px solid #f59e0b66}.erd-badge-pk{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.erd-badge-fk{color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f64d}.erd-badge-unique{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.erd-col-nullable{color:var(--color-text-soft);background:var(--color-bg-primary);border:1px solid var(--color-border)}.erd-col-bullet{background:var(--color-border);border-radius:50%;width:5px;height:5px;margin:0 4px;display:inline-block}.erd-col-name{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.erd-col-name.is-pk{font-weight:600}.erd-col-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.erd-col-type{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;background:#3b82f614;border:1px solid #3b82f633;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.erd-drag-handle{border:2px solid var(--color-primary);background:var(--color-bg-primary);cursor:crosshair;opacity:.4;border-radius:50%;width:12px;height:12px;margin-left:4px;transition:all .15s}.erd-drag-handle:hover{opacity:1;background:var(--color-primary);transform:scale(1.25)}.erd-add-col-btn{color:var(--color-text-secondary);cursor:pointer;border-top:1px dashed var(--color-border);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.erd-add-col-btn:hover{color:var(--color-primary);background:var(--color-bg-secondary)}.erd-inline-input{background:var(--color-bg-primary);border:1px solid var(--color-primary);color:var(--color-text);font:inherit;font-family:var(--font-mono);border-radius:4px;outline:none;width:100%;padding:2px 6px}.erd-relationship-path{stroke:var(--color-text-secondary);stroke-width:1.5px;opacity:.45;cursor:pointer;transition:stroke .18s,stroke-width .18s,opacity .18s,filter .18s}.erd-relationship-path:hover,.erd-relationship-path.is-hovered,.erd-relationship-path.is-focused{filter:drop-shadow(0 0 4px #3b82f666);stroke:var(--color-primary)!important;stroke-width:2.5px!important;opacity:1!important}.erd-relationship-path.is-dimmed{opacity:.08!important;stroke:var(--color-border)!important}.erd-cardinality-badge{font-family:var(--font-mono);fill:var(--color-text-soft);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.75;font-size:10px;font-weight:700;transition:fill .18s,opacity .18s}.erd-relationship-group:hover .erd-cardinality-badge{fill:var(--color-primary);opacity:1}.erd-rel-popover{z-index:1050;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;width:270px;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}.erd-rel-pop-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.erd-rel-pop-title{color:var(--color-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.erd-rel-pop-close{cursor:pointer;width:20px;height:20px;color:var(--color-text-soft);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.erd-rel-pop-close:hover{background:var(--color-border);color:var(--color-text)}.erd-rel-pop-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.erd-rel-pop-row{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.erd-rel-pop-label{color:var(--color-text-soft);font-size:11px}.erd-rel-pop-code{font-family:var(--font-mono);color:var(--color-primary);background:#3b82f614;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:600}.erd-rel-pop-rules{border-top:1px dashed var(--color-border);font-size:10px;font-family:var(--font-mono);color:var(--color-text-secondary);flex-direction:column;gap:3px;margin-top:4px;padding-top:6px;display:flex}.erd-rel-pop-rules strong{color:var(--color-text)}.erd-rel-pop-footer{justify-content:flex-end;padding:6px 12px 8px;display:flex}.erd-rel-pop-focus-btn{border-radius:4px;padding:3px 10px;font-size:11px}.erd-empty-workspace{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;display:flex;position:absolute;top:35%;left:45%;transform:translate(-50%,-50%)}.erd-empty-icon-box{width:48px;height:48px;color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;justify-content:center;align-items:center;display:flex}.erd-empty-icon-box .material-symbols-outlined{font-size:26px}.erd-empty-workspace h3{color:var(--color-text);font-size:18px;font-weight:700}.erd-empty-workspace p{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.erd-loading-state{color:var(--color-text-secondary);font-size:13px;font-family:var(--font-mono);align-items:center;gap:10px;padding:28px;display:flex}.status-dashboard{background:var(--color-bg-primary);height:100%;color:var(--color-text);flex-direction:column;gap:32px;padding:64px 48px;display:flex;overflow-y:auto}.status-dashboard::-webkit-scrollbar{width:6px;height:6px}.status-dashboard::-webkit-scrollbar-track{background:0 0}.status-dashboard::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.status-dashboard::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-soft)}.status-dashboard-hero{grid-template-columns:1fr;align-items:stretch;gap:32px;display:grid}@media (width>=1080px){.status-dashboard-hero{grid-template-columns:1.15fr .85fr}}.drixio-hero-left{flex-direction:column;gap:32px;display:flex}.drixio-hero-header{flex-direction:column;gap:12px;display:flex}.status-dashboard-db-title{color:var(--color-text);font-size:32px;font-weight:700;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.status-dashboard-endpoint{align-items:center;gap:10px;display:flex}.status-dashboard-endpoint-text{font-family:var(--font-mono);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:14px;overflow:hidden}.status-dashboard-copy-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.status-dashboard-copy-btn:hover{color:var(--color-text);border-color:var(--color-primary);background:var(--color-bg-secondary-dark)}.status-dashboard-tiles-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.status-dashboard-status-tile{border-radius:8px;align-items:center;gap:16px;min-height:64px;transition:border-color .15s,background-color .15s;display:flex}.status-dashboard-tile-icon{border:1px solid var(--color-border);width:52px;height:52px;color:var(--color-text-soft);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-dashboard-tile-icon:hover{color:var(--color-text)}.status-dashboard-tile-icon .material-symbols-outlined{font-size:20px}.status-dashboard-tile-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.status-dashboard-tile-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft);font-size:10px;font-weight:700}.status-dashboard-tile-value-row{align-items:center;gap:8px;display:flex}.status-dashboard-tile-value{color:var(--color-text);font-size:16px;font-weight:600;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dashboard-tile-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;border-radius:4px;padding:2px 5px}.status-dashboard-tile-badge.badge-primary,.status-dashboard-tile-badge.badge-status-ok{color:var(--color-primary);background:#2563eb1f;border:1px solid #2563eb40}.status-dashboard-tile-badge.badge-status-err{color:var(--color-error);background:#ef44441f;border:1px solid #ef444440}.status-dashboard-tile-badge.badge-compute{color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f640}.status-dashboard-tile-badge.badge-neutral{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.status-dashboard-hero-right{min-height:240px;display:flex}.status-dashboard-canvas-wrapper{border:1px solid var(--color-border);background:#0d0d0d;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.status-dashboard-canvas-dots{pointer-events:none;background-image:radial-gradient(#262626 1.2px,#0000 1.2px);background-size:16px 16px;position:absolute;inset:0}.status-dashboard-canvas-actions{z-index:3;gap:6px;display:flex;position:absolute;top:10px;right:10px}.status-dashboard-canvas-actions-btn{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-soft);cursor:pointer;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.status-dashboard-canvas-actions-btn:hover{color:var(--color-text);background:#ffffff14}.status-dashboard-canvas-actions-btn .material-symbols-outlined{font-size:15px}.status-dashboard-canvas-node{z-index:2;background:#141414;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:100%;max-width:360px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 24px -4px #0006}.status-dashboard-canvas-node:hover{border-color:#2563eb66;box-shadow:0 14px 30px -4px #00000080,0 0 0 1px #2563eb26}.node-main{align-items:center;gap:12px;padding:14px 16px;display:flex}.node-icon-box{width:38px;height:38px;color:var(--color-primary);background:#2563eb1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.node-icon-box .material-symbols-outlined{font-size:20px}.node-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.node-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.2;font-family:var(--font-mono)}.node-subtitle{color:var(--color-text-secondary);font-size:11px;line-height:1.2}.node-location{color:var(--color-text-soft);font-size:10px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.node-badge{font-size:10px;font-family:var(--font-mono);color:var(--color-primary);background:#2563eb1a;border:1px solid #2563eb40;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:2px 7px;font-weight:600;display:inline-flex}.node-badge-dot{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.node-metrics-bar{font-family:var(--font-mono);color:var(--color-text-secondary);background:#ffffff04;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;padding:8px 14px;font-size:11px;display:flex}.node-metrics-bar .sep{color:var(--color-text-soft);opacity:.4}.status-dashboard-ribbon{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.status-dashboard-ribbon-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-dashboard-health-stat{align-items:center;gap:7px;display:flex}.drixio-health-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #2563eb99}.drixio-health-label{color:var(--color-text);font-size:12px;font-weight:600}.status-dashboard-ribbon-sep{color:var(--color-text-soft);opacity:.5;font-size:10px}.drixio-records-stat,.drixio-updated-stat{color:var(--color-text-soft);font-size:12px}.status-dashboard-ribbon-right{align-items:center;gap:8px;display:flex}.status-dashboard-ribbon-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.status-dashboard-ribbon-btn:hover{border-color:var(--color-primary);background:var(--color-bg-secondary-dark)}.status-dashboard-ribbon-btn:active{transform:scale(.98)}.live-dot-icon{color:var(--color-primary);font-size:13px}.drixio-analytics-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.drixio-analytics-grid{grid-template-columns:1fr 1fr}}.drixio-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:18px 20px}.analytics-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.analytics-panel-title{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.analytics-panel-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;padding:2px 7px}.top-tables-list{flex-direction:column;gap:6px;display:flex}.top-table-item{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:8px 12px;transition:all .15s;position:relative;overflow:hidden}.top-table-item:hover,.top-table-item.is-hovered{border-color:var(--color-primary);background:var(--color-bg-secondary-dark)}.top-table-bar-fill{opacity:.12;pointer-events:none;height:100%;transition:width .3s;position:absolute;top:0;left:0}.top-table-content{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.top-table-left{align-items:center;gap:8px;min-width:0;display:flex}.top-table-rank{color:var(--color-text-soft);font-size:11px;font-weight:700;font-family:var(--font-mono);width:18px}.top-table-name{color:var(--color-text);font-size:12px;font-weight:600;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-table-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.top-table-pct{color:var(--color-text-soft);font-size:10px;font-weight:600;font-family:var(--font-mono)}.top-table-rows{color:var(--color-text-secondary);font-size:12px;font-weight:600;font-family:var(--font-mono)}.top-table-arrow{color:var(--color-text-soft);font-size:14px;transition:transform .15s}.top-table-item:hover .top-table-arrow{color:var(--color-primary);transform:translate(2px)}.distribution-content{justify-content:space-around;align-items:center;gap:24px;padding:4px 0;display:flex}.distribution-pie-wrapper{flex-shrink:0;width:140px;height:140px;position:relative}.distribution-pie{border-radius:50%;width:100%;height:100%}.distribution-pie:after{content:"";background:var(--color-bg-secondary);border-radius:50%;width:74%;height:74%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-info{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total-num{font-size:17px;font-weight:700;font-family:var(--font-mono);color:var(--color-text);line-height:1.1}.donut-total-label{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:9px;font-weight:600}.distribution-legend{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.legend-item{color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;font-weight:500;transition:background .15s;display:flex}.legend-item:hover,.legend-item.is-hovered{background:var(--color-bg-primary);color:var(--color-text)}.legend-color{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.legend-pct{font-family:var(--font-mono);color:var(--color-text-soft);font-weight:600}.drixio-empty-analytics{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.drixio-empty-icon{width:42px;height:42px;color:var(--color-primary);background:#3b82f61a;border-radius:8px;justify-content:center;align-items:center;margin-bottom:2px;display:inline-flex}.drixio-empty-icon .material-symbols-outlined{font-size:22px}.drixio-empty-title{color:var(--color-text);font-size:14px;font-weight:600}.drixio-empty-desc{color:var(--color-text-secondary);max-width:380px;font-size:11px;line-height:1.4}.drixio-empty-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.drixio-empty-actions button{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.drixio-actions-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px 20px}.drixio-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drixio-panel-title{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.drixio-panel-tag{font-size:10px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;padding:2px 7px}.drixio-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.drixio-action-card{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:6px;outline:none;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.drixio-action-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary-dark);transform:translateY(-1px)}.drixio-action-card:active{transform:scale(.99)}.action-icon-box{background:#ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.action-icon-box .material-symbols-outlined{font-size:16px}.action-content{flex-direction:column;gap:1px;min-width:0;display:flex}.action-title{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.2}.action-desc{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.drixio-runtime-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.drixio-runtime-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;padding:12px 18px;transition:background .15s;display:flex}.drixio-runtime-header:hover{background:var(--color-bg-primary)}.drixio-runtime-title{color:var(--color-text-secondary);font-size:12px;font-weight:600}.drixio-runtime-chip{font-size:10px;font-weight:600;font-family:var(--font-mono);background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-soft);border-radius:4px;padding:1px 6px}.drixio-runtime-body{border-top:1px solid var(--color-border);background:var(--color-bg-primary);padding:14px 18px 18px}.drixio-runtime-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;display:grid}.runtime-item{flex-direction:column;gap:2px;display:flex}.runtime-key{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.runtime-val{color:var(--color-text);word-break:break-all;font-size:12px;font-weight:500}@media (width<=768px){.status-dashboard{gap:14px;padding:16px}.status-dashboard-tiles-grid{grid-template-columns:1fr}.status-dashboard-ribbon{flex-direction:column;align-items:flex-start;gap:10px}.status-dashboard-ribbon-right{justify-content:flex-end;width:100%}.distribution-content{flex-direction:column;gap:14px}}.connect-fullpage{background-color:var(--color-bg-primary);box-sizing:border-box;flex:1;display:flex;overflow:hidden}.status-dot{background-color:var(--color-success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.green{background-color:var(--color-success);box-shadow:0 0 6px #10b98166}.status-dot.red{background-color:var(--color-error);box-shadow:0 0 6px #ef444466}.status-dot.gray{background-color:var(--color-text-soft)}.connect-workbench-layout{box-sizing:border-box;grid-template-columns:repeat(5,1fr);width:100%;height:100%;display:grid;overflow:hidden}.connect-config-pane{background-color:var(--color-bg-primary);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;grid-column:1/span 3;gap:28px;width:100%;min-width:0;height:100%;padding:24px 28px;display:flex;overflow-y:auto}.connect-config-pane:hover{scrollbar-color:var(--color-border) transparent}.connect-config-pane::-webkit-scrollbar{width:6px}.connect-config-pane::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.connect-config-pane:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.connect-form-section{flex-direction:column;gap:14px;display:flex}.connect-section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.connect-section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.connect-step-tag{background-color:var(--color-bg-secondary-dark);width:20px;height:20px;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.connect-engine-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=1300px){.connect-engine-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (width<=700px){.connect-engine-grid{grid-template-columns:1fr}}.connect-engine-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;gap:10px;padding:14px 15px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.connect-engine-card:hover{border-color:var(--color-text-soft);background-color:var(--color-bg-secondary-dark)}.connect-engine-card.active{border-color:var(--color-primary);background-color:var(--color-bg-secondary);box-shadow:0 0 0 1px var(--color-primary), 0 4px 14px #3b82f61f}[data-theme=dark] .connect-engine-card.active{background-color:#3b82f612;border-color:#3b82f6}.connect-engine-card-top{justify-content:space-between;align-items:center;display:flex}.connect-engine-card-icon{background-color:var(--color-bg-primary);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-secondary);border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.connect-engine-card:hover .connect-engine-card-icon{color:var(--color-text)}.connect-engine-card.active .connect-engine-card-icon{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.connect-engine-card-icon .material-symbols-outlined{font-size:19px}.connect-engine-card-status{align-items:flex-start;margin-bottom:auto;display:flex}.engine-active-pill{color:var(--color-primary);background-color:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}[data-theme=dark] .engine-active-pill{color:#60a5fa;background-color:#3b82f62e;border-color:#3b82f659}.engine-active-pill .material-symbols-outlined{font-size:12px}.engine-select-pill{color:var(--color-text-soft);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;transition:color .15s}.connect-engine-card:hover .engine-select-pill{color:var(--color-text-secondary)}.connect-engine-card-content{flex-direction:column;gap:4px;display:flex}.connect-engine-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.engine-title{color:var(--color-text);font-size:13.5px;font-weight:700}.engine-badge{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;padding:1px 7px;font-size:9.5px;font-weight:600}.engine-badge.badge-local{color:var(--color-success);background-color:#10b98114;border-color:#10b98133}.engine-badge.badge-server{color:var(--color-primary);background-color:#3b82f614;border-color:#3b82f633}[data-theme=dark] .engine-badge.badge-server{color:#60a5fa}.engine-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.connect-mode-segmented{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.connect-mode-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:500;transition:all .12s;display:inline-flex}.connect-mode-btn:hover{color:var(--color-text)}.connect-mode-btn.active{background-color:var(--color-bg-primary);color:var(--color-primary);border:1px solid var(--color-border);font-weight:600;box-shadow:0 1px 3px #00000014}[data-theme=dark] .connect-mode-btn.active{color:#60a5fa;background-color:#222;border-color:#2e2e32;box-shadow:0 1px 4px #0000004d}.connect-mode-btn .material-symbols-outlined{font-size:14px}.connect-mode-callout{background-color:#3b82f60d;border:1px solid #3b82f629;border-radius:7px;align-items:flex-start;gap:9px;padding:10px 13px;display:flex}[data-theme=dark] .connect-mode-callout{background-color:#3b82f614;border-color:#3b82f638}.connect-mode-callout .icon-info{color:var(--color-primary);flex-shrink:0;margin-top:1px;font-size:16px}[data-theme=dark] .connect-mode-callout .icon-info{color:#60a5fa}.connect-mode-callout .callout-desc{color:var(--color-text-secondary);font-size:11.5px;line-height:1.45}.connect-form-body{flex-direction:column;gap:16px;display:flex}.connect-input-method-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:2px;display:flex}.connect-method-segmented{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:7px;gap:2px;padding:2.5px;display:inline-flex}.connect-method-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .12s;display:inline-flex}.connect-method-btn:hover{color:var(--color-text)}.connect-method-btn.active{background-color:var(--color-bg-primary);color:var(--color-text);border:1px solid var(--color-border);font-weight:600;box-shadow:0 1px 3px #00000014}[data-theme=dark] .connect-method-btn.active{color:#fff;background-color:#222;border-color:#2e2e32}.connect-method-btn .material-symbols-outlined{font-size:14px}.connect-method-hint{color:var(--color-text-soft);font-size:11px}.connect-uri-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:10px;padding:14px 15px;display:flex}.connect-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.connect-text-btn{border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:500;transition:all .12s;display:inline-flex}.connect-text-btn:hover{color:var(--color-text);border-color:var(--color-text-soft)}.connect-text-btn .material-symbols-outlined{font-size:13px}.connect-input-clear-btn{width:22px;height:22px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;right:8px}.connect-input-clear-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}.connect-input-clear-btn .material-symbols-outlined{font-size:14px}.uri-parsed-bar{flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px;display:flex}.parsed-chip{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:5px;align-items:center;gap:4px;padding:2.5px 7px;font-size:10.5px;display:inline-flex}.parsed-chip .chip-label{color:var(--color-text-soft);font-weight:500}.parsed-chip .chip-val{font-family:var(--font-mono);color:var(--color-text);font-size:10.5px}.parsed-chip.success{color:var(--color-success);background-color:#10b9810f;border-color:#10b98140;font-weight:600}.parsed-chip.error{color:var(--color-error);background-color:#ef44440f;border-color:#ef444440;font-weight:500}.parsed-chip .chip-icon{font-size:13px}.connect-fields-group{flex-direction:column;gap:14px;display:flex}.connect-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.connect-grid-2{grid-template-columns:1fr}}.connect-field{flex-direction:column;gap:5px;display:flex}.connect-label{color:var(--color-text);font-size:12px;font-weight:600}.connect-input-wrap{align-items:center;display:flex;position:relative}.connect-input-wrap.has-action .connect-input{padding-right:36px}.connect-input-eye-btn{width:26px;height:26px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;right:6px}.connect-input-eye-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}.connect-input-eye-btn .material-symbols-outlined{font-size:16px}.connect-input{width:100%;height:38px;color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:12.5px;font-family:var(--font-inter);box-sizing:border-box;border-radius:6px;outline:none;padding:0 12px;transition:border-color .15s,background-color .15s,box-shadow .15s}.connect-input.mono{font-family:var(--font-mono);font-size:12px}.connect-input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:var(--ring-primary-2)}[data-theme=dark] .connect-input:focus{border-color:#3b82f6}.connect-hint{color:var(--color-text-soft);margin:0;font-size:11px;line-height:1.35}.connect-hint code{font-family:var(--font-mono);background-color:var(--color-bg-secondary-dark);color:var(--color-text);border-radius:3px;padding:1px 4px;font-size:10.5px}.connect-presets-group{color:var(--color-text-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.connect-presets-label{color:var(--color-text-soft);flex-shrink:0;font-size:11px;font-weight:500}.connect-presets-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.connect-preset-chip{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex}.connect-preset-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .connect-preset-chip:hover{color:#60a5fa;border-color:#3b82f6}.connect-preset-chip .chip-bolt-icon{color:var(--color-primary);font-size:12px}[data-theme=dark] .connect-preset-chip .chip-bolt-icon{color:#60a5fa}.connect-preset-chip code{font-family:var(--font-mono);font-size:10.5px}.connect-checkbox-row{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:flex-start;gap:10px;padding:11px 13px;transition:border-color .15s;display:flex}.connect-checkbox-row:hover{border-color:var(--color-text-soft)}.connect-checkbox-row input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;margin-top:2px}.connect-checkbox-info{flex-direction:column;gap:2px;display:flex}.checkbox-title{color:var(--color-text);font-size:12px;font-weight:600}.checkbox-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.35}.env-code{font-family:var(--font-mono);color:var(--color-primary);background-color:#3b82f614;border-radius:3px;padding:1px 4px;font-size:10.5px}[data-theme=dark] .env-code{color:#60a5fa;background-color:#3b82f626}.connect-action-row{margin-top:4px}.connect-submit-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-size:13px;font-weight:600;transition:background-color .15s,opacity .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000014}.connect-submit-btn:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #2563eb40}[data-theme=dark] .connect-submit-btn{background-color:#2563eb}[data-theme=dark] .connect-submit-btn:hover{background-color:#3b82f6;box-shadow:0 4px 16px #3b82f64d}.connect-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.connect-submit-btn .material-symbols-outlined{font-size:18px}.connect-msg-box{border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.connect-msg-box.error{color:var(--color-error);background-color:#ef444414;border:1px solid #ef444440}.connect-msg-box.hidden{display:none}.connect-preview-pane{background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;grid-column:4/span 2;gap:18px;width:100%;min-width:0;height:100%;padding:24px 26px;display:flex;overflow-y:auto}.connect-preview-pane:hover{scrollbar-color:var(--color-border) transparent}.connect-preview-pane::-webkit-scrollbar{width:6px}.connect-preview-pane::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.connect-preview-pane:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.connect-card-box{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.card-box-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.card-box-title{color:var(--color-text);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.card-box-title .icon-blue{color:var(--color-primary);font-size:17px}[data-theme=dark] .card-box-title .icon-blue{color:#60a5fa}.connect-test-btn{color:var(--color-primary);cursor:pointer;white-space:nowrap;background-color:#3b82f614;border:1px solid #3b82f638;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.connect-test-btn:hover{background-color:var(--color-primary);color:#fff}[data-theme=dark] .connect-test-btn{color:#60a5fa;background-color:#3b82f61f;border-color:#3b82f647}[data-theme=dark] .connect-test-btn:hover{color:#fff;background-color:#3b82f6}.connect-test-btn:disabled{opacity:.6;cursor:not-allowed}.connect-test-btn .material-symbols-outlined{font-size:14px}.connect-copy-icon-btn{border:1px solid var(--color-border);cursor:pointer;width:26px;height:26px;color:var(--color-text-secondary);background-color:var(--color-bg-primary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.connect-copy-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .connect-copy-icon-btn:hover{color:#60a5fa;border-color:#3b82f6}.connect-copy-icon-btn .material-symbols-outlined{font-size:14px}.card-box-body{flex-direction:column;gap:11px;padding:13px 14px;display:flex}.test-status-row{align-items:center;display:flex}.test-badge{border-radius:12px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.test-badge.idle{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.test-badge.testing{color:var(--color-primary);background-color:#3b82f614;border:1px solid #3b82f640}[data-theme=dark] .test-badge.testing{color:#60a5fa;border-color:#3b82f64d}.test-badge.success{color:var(--color-success);background-color:#10b98114;border:1px solid #10b98140}.test-badge.error{color:var(--color-error);background-color:#ef444414;border:1px solid #ef444440}.test-status-text{color:var(--color-text-secondary);margin:0;font-size:11.5px;line-height:1.4}.overview-item{flex-direction:column;gap:3px;display:flex}.overview-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.overview-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-soft);font-size:10px;font-weight:700}.overview-val{color:var(--color-text);font-size:12px;font-weight:600;font-family:var(--font-mono);word-break:break-all}.overview-code-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-all;border-radius:5px;margin:0;padding:7px 10px;font-size:11px;line-height:1.4;overflow-x:auto}.overview-action-badge{color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:5px;padding:6px 9px;font-size:11px;line-height:1.4;display:block}.overview-env-code{font-family:var(--font-mono);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);word-break:break-all;border-radius:5px;padding:6px 9px;font-size:10.5px;display:block}[data-theme=dark] .overview-env-code{color:#60a5fa}.overview-env-code.disabled{color:var(--color-text-soft);font-style:italic}.saved-conn-count-badge{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600}.saved-conns-body{padding:8px}.saved-conn-list{flex-direction:column;gap:6px;display:flex}.saved-conn-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:border-color .12s,background-color .12s;display:flex}.saved-conn-item:hover{border-color:var(--color-text-soft);background-color:var(--color-bg-secondary-dark)}.saved-conn-main{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.saved-conn-icon{background-color:var(--color-bg-primary);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.saved-conn-icon .material-symbols-outlined{font-size:16px}.saved-conn-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.saved-conn-name-row{align-items:center;gap:6px;display:flex}.saved-conn-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.saved-conn-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:700}.saved-conn-badge.local{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98133}.saved-conn-badge.remote{color:var(--color-primary);background-color:#3b82f61a;border:1px solid #3b82f633}[data-theme=dark] .saved-conn-badge.remote{color:#60a5fa}.saved-conn-url{font-family:var(--font-mono);color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;overflow:hidden}.saved-conn-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.btn-use-conn{border:1px solid var(--color-border);cursor:pointer;width:24px;height:24px;color:var(--color-text-secondary);background-color:var(--color-bg-primary);border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.btn-use-conn:hover{color:var(--color-text);border-color:var(--color-text-soft)}.btn-use-conn .material-symbols-outlined{font-size:13px}.btn-direct-connect{height:24px;color:var(--color-primary);cursor:pointer;white-space:nowrap;background-color:#3b82f614;border:1px solid #3b82f640;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:10.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn-direct-connect:hover{background-color:var(--color-primary);color:#fff}[data-theme=dark] .btn-direct-connect{color:#60a5fa;border-color:#3b82f64d}[data-theme=dark] .btn-direct-connect:hover{color:#fff;background-color:#3b82f6}.btn-direct-connect .material-symbols-outlined{font-size:13px}.btn-del-conn{cursor:pointer;width:22px;height:22px;color:var(--color-text-soft);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.btn-del-conn:hover{color:var(--color-error);background-color:#ef444414}.btn-del-conn .material-symbols-outlined{font-size:13px}.saved-conn-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;display:flex}.saved-conn-empty .empty-icon{color:var(--color-text-soft);opacity:.6;font-size:28px}.saved-conn-empty .empty-title{color:var(--color-text-secondary);font-size:12px;font-weight:600}.saved-conn-empty .empty-desc{color:var(--color-text-soft);max-width:220px;margin:0;font-size:11px;line-height:1.4}@media (width<=1024px){.connect-workbench-layout{grid-template-columns:1fr;overflow-y:auto}.connect-config-pane{height:auto;padding:20px 22px;overflow-y:visible}.connect-preview-pane{border-left:none;border-top:1px solid var(--color-border);height:auto;padding:20px 22px;overflow-y:visible}}.animate-spin{animation:1s linear infinite spin}.connect-ssh-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s;overflow:hidden}.connect-ssh-card.active{border-color:#3b82f666}.connect-ssh-toggle-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.connect-ssh-toggle-header:hover{background-color:var(--color-bg-secondary-dark)}.connect-ssh-header-left{align-items:center;gap:8px;display:flex}.connect-ssh-header-left input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.connect-ssh-title{color:var(--color-text);font-size:12.5px;font-weight:600}.connect-ssh-badge{color:var(--color-primary);background:#3b82f61f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}[data-theme=dark] .connect-ssh-badge{color:#60a5fa;background:#3b82f633}.connect-ssh-toggle-icon{color:var(--color-text-soft);font-size:16px;transition:transform .2s}.connect-ssh-toggle-icon.expanded{transform:rotate(180deg)}.connect-ssh-body{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.connect-ssh-body.hidden{display:none}.connect-textarea{background-color:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:6px;padding:8px 12px;font-size:12px}.connect-textarea:focus{border-color:var(--color-primary);outline:none}:root{--color-bg-primary:#fff;--color-bg-secondary:#fbfbfb;--color-bg-secondary-dark:#f4f4f5;--color-primary:#2563eb;--color-primary-active:#eff6ff;--color-primary-dark:#1d4ed8;--color-text:#18181b;--color-text-soft:#a1a1aa;--color-text-secondary:#71717a;--color-border:#e4e4e7;--color-border-soft:#f4f4f5;--ring-primary-2:0 0 0 2px #2563eb33;--font-inter:"Inter", sans-serif;--color-btn-active-text:var(--color-primary);--color-brand-500:#2563eb;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-cell-range-bg:#2563eb1a;--color-copy-flash:#2563eb40;--color-cell-edited-bg:#f59e0b14;--color-cell-edited-text:var(--color-text);--color-cell-error-bg:#f43f5e14;--color-row-deleted-bg:#ef444414;--color-row-deleted-text:#dc2626;--color-ghost-row-bg:#f8fafc}[data-theme=dark]{--color-bg-primary:#121212;--color-bg-secondary:#181818;--color-bg-secondary-dark:#222;--color-primary:#3b82f6;--color-primary-active:#3b82f626;--color-primary-dark:#2563eb;--color-text:#ededed;--color-text-soft:#71717a;--color-text-secondary:#a1a1aa;--color-border:#27272a;--color-border-soft:#1f1f23;--ring-primary-2:0 0 0 2px #3b82f64d;--color-btn-active-text:#fff;--color-brand-500:#3b82f6;--color-error:#f43f5e;--color-success:#10b981;--color-warning:#f59e0b;--color-cell-range-bg:#3b82f61f;--color-copy-flash:#3b82f659;--color-cell-edited-bg:#f59e0b1a;--color-cell-edited-text:var(--color-text);--color-cell-error-bg:#f43f5e1a;--color-row-deleted-bg:#ef44441a;--color-row-deleted-text:#f87171;--color-ghost-row-bg:#ffffff05}*{box-sizing:border-box;font-family:var(--font-inter);margin:0;padding:0}body,html{background-color:var(--color-bg-primary);width:100vw;height:100vh;color:var(--color-text);font-family:var(--font-inter);flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}#header-container{z-index:1000;flex-shrink:0;width:100vw}#workspace-container{flex-direction:row;flex:1;width:100vw;min-height:0;display:flex;overflow:hidden}main{flex-direction:column;flex:1;min-width:0;height:100%;max-height:100%;display:flex;overflow:hidden}