drixio 1.1.6 → 1.1.8

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 (7) hide show
  1. package/dist/cli.js +1081 -215
  2. package/dist/studio/assets/index-Dos1aeov.css +1 -0
  3. package/dist/studio/assets/index-DsIbymPZ.js +1228 -0
  4. package/dist/studio/index.html +3 -3
  5. package/package.json +1 -1
  6. package/dist/studio/assets/index-BYN38H7U.css +0 -1
  7. package/dist/studio/assets/index-iu78q-Xp.js +0 -496
package/dist/studio/assets/index-Dos1aeov.css ADDED
@@ -0,0 +1 @@
1
+ @import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.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}.animate-spin{animation:1s linear infinite spin}@keyframes spin{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}aside{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:268px;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}aside.collapsed{width:68px}aside.collapsed .brand-container,aside.collapsed .sidebar-section-header,aside.collapsed #search-bar,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 .brand-left{justify-content:center;gap:0;width:100%}aside.collapsed .brand-logo-badge{width:40px;height:40px;margin:0 auto;transition:transform .15s,box-shadow .15s}aside.collapsed #sidebar-header:hover .brand-logo-badge{transform:scale(1.05);box-shadow:0 4px 12px #2c68ec66}aside.collapsed #sidebar-collapse-btn{display:none!important}aside.collapsed #sidebar-content{align-items:center;gap:8px;width:100%;padding:12px 0}aside.collapsed #table-nav{align-items:center;gap:6px;width:100%;padding:0}aside.collapsed .table-btn{box-sizing:border-box;border-radius:9px;width:44px;min-width:44px;max-width:44px;height:44px;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{text-align:center!important;justify-content:center!important;align-items:center!important;margin:0!important;font-size:22px!important;line-height:1!important;display:flex!important}aside.collapsed .table-btn.active:before{display:none!important}aside.collapsed #sidebar-footer{justify-content:center;width:100%;padding:12px 0}aside.collapsed .theme-toggle-btn{border-radius:9px;width:44px;height:44px;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important}#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:64px;padding:0 16px;display:flex}.brand-left{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo-badge{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #2c68ec47}#database-icon{font-size:20px;line-height:1}.brand-container{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.brand-name{align-items:center;gap:6px;display:flex}#brand-title{letter-spacing:.8px;color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1}#brand-subtitle{letter-spacing:.6px;background-color:var(--color-primary-active);color:#60a5fa;background-color:#3b82f624;border:1px solid #3b82f640;border-radius:4px;margin-bottom:1px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1}#brand-by{color:var(--color-text-secondary);letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:500;line-height:1}.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:12px;min-height:0;padding:14px 12px;display:flex}#search-bar{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 8px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}#search-bar:focus-within{border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 3px #2c68ec26}#search-icon{color:var(--color-text-soft);flex-shrink:0;font-size:18px;transition:color .15s}#search-bar:focus-within #search-icon{color:var(--color-primary)}#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:13px}.search-clear-btn{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;font-size:11px;line-height:1;display:flex}.search-clear-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary-dark)}.search-kbd{min-width:18px;height:18px;font-size:10px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-soft);background-color:var(--color-bg-primary);border:1px solid var(--color-border);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;box-shadow:0 1px 1px #0000000d}.sidebar-section-header{justify-content:space-between;align-items:center;margin-top:4px;padding:2px 6px;display:flex}.section-title-wrap{align-items:center;gap:8px;display:flex}.section-title{letter-spacing:.8px;color:var(--color-text-soft);font-size:11px;font-weight:700}.section-count{color:var(--color-text-secondary);background-color:var(--color-bg-secondary-dark);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}#table-nav{flex-direction:column;flex:1;gap:3px;padding-right:2px;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%;color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000;border-radius:7px;outline:none;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex;position:relative}.table-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.table-btn:active{transform:scale(.985)}.table-btn.active{background-color:var(--color-primary-active);color:var(--color-primary);font-weight:600}[data-theme=dark] .table-btn.active{color:#60a5fa;background-color:#3b82f624;border-color:#3b82f640}.table-btn.active:before{content:"";background-color:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.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:17px;transition:color .15s}.table-btn:hover .table-item-icon{color:var(--color-text-secondary)}.table-btn.active .table-item-icon{color:var(--color-primary)}[data-theme=dark] .table-btn.active .table-item-icon{color:#60a5fa}.table-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.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}.table-btn-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);background-color:var(--color-bg-secondary-dark);color:var(--color-text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:18px;margin-left:6px;padding:0 6px;line-height:1;transition:all .15s;display:inline-flex}.table-btn:hover .table-btn-badge{color:var(--color-text);background-color:var(--color-border)}.table-btn.active .table-btn-badge{background-color:var(--color-primary);color:#fff}[data-theme=dark] .table-btn.active .table-btn-badge{color:#fff;background-color:#3b82f6}#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;padding:36px 16px;font-size:12px;display:flex}#sidebar-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;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-footer-actions{align-items:center;gap:8px;display:flex}.theme-toggle-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;background-color:var(--color-bg-primary);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.theme-toggle-btn:hover{color:var(--color-text);border-color:var(--color-text-soft);box-shadow:0 1px 3px #0000000d}.theme-toggle-btn:active{transform:scale(.96)}#theme-icon{font-size:15px}.sidebar-version-tag{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft)}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:64px;padding:0 24px;font-size:14px;display:flex;position:sticky;top:0}#current-path{align-items:center;gap:8px;min-width:0;display:flex}.breadcrumb-item{align-items:center;gap:6px;font-size:13px;line-height:1;display:inline-flex}.breadcrumb-icon{color:var(--color-text-soft);font-size:16px}#db-name{color:var(--color-text-secondary);font-weight:500;font-family:var(--font-mono)}.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:7px;padding:5px 10px;transition:all .15s;box-shadow:0 1px 2px #00000005}#table-icon{color:var(--color-primary);font-size:16px}#table-name{color:var(--color-text);font-weight:600;font-family:var(--font-mono)}.header-actions{align-items:center;gap:10px;display:flex}.header-btn{cursor:pointer;box-sizing:border-box;border-radius:7px;outline:none;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.header-btn:active{transform:scale(.97)}.header-btn.secondary{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:0 1px 2px #00000005}.header-btn.secondary:hover{background-color:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-text-soft)}.header-btn.primary{background-color:var(--color-primary);color:#fff;border:1px solid #0000;box-shadow:0 2px 6px #2c68ec40}.header-btn.primary:hover{background-color:var(--color-primary-dark)}#export-icon,#import-icon{font-size:17px;line-height:1}#export-arrow-icon,#import-arrow-icon{margin-left:2px;font-size:18px;line-height:1;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block}.header-btn.is-open #export-arrow-icon,.header-btn.is-open #import-arrow-icon{transform:rotate(180deg)}.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% + 6px);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-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:8px;width:100%;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}#tab-nav{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:42px;padding:0 24px;display:flex}.table-tabs{align-items:center;gap:20px;height:100%;display:flex}.table-tabs .tab-btn{height:100%;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;align-items:center;gap:8px;margin-bottom:-1px;padding:0 4px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.table-tabs .tab-btn:hover{color:var(--color-text);border-bottom-color:var(--color-border)}.table-tabs .tab-btn.isCurrentTab{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}[data-theme=dark] .table-tabs .tab-btn.isCurrentTab{color:#60a5fa;border-bottom-color:#3b82f6}.table-tabs .tab-btn .tab-icon{color:var(--color-text-soft);font-size:17px;line-height:1;transition:color .15s}.table-tabs .tab-btn:hover .tab-icon{color:var(--color-text)}.table-tabs .tab-btn.isCurrentTab .tab-icon{color:var(--color-primary)}[data-theme=dark] .table-tabs .tab-btn.isCurrentTab .tab-icon{color:#60a5fa}.global-tools{align-items:center;gap:6px;display:flex}.global-tools .tool-btn{height:28px;color:var(--color-text-secondary);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.global-tools .tool-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.global-tools .tool-btn:active{transform:scale(.96)}.global-tools .tool-btn.isCurrentTab{background-color:var(--color-bg-secondary);color:var(--color-primary);border-color:var(--color-border);font-weight:600}[data-theme=dark] .global-tools .tool-btn.isCurrentTab{color:#60a5fa;background-color:#1e293b;border-color:#ffffff1f}.global-tools .tool-btn .tab-icon{color:var(--color-text-soft);font-size:16px;line-height:1;transition:color .15s}.global-tools .tool-btn:hover .tab-icon{color:var(--color-text)}.global-tools .tool-btn.isCurrentTab .tab-icon{color:var(--color-primary)}[data-theme=dark] .global-tools .tool-btn.isCurrentTab .tab-icon{color:#60a5fa}#main-content{background-color:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);box-sizing:border-box;flex-shrink:0;align-items:center;height:42px;padding:0;display:flex}.filter-group{box-sizing:border-box;background:0 0;border:none;border-radius:0;flex:1;align-items:center;height:100%;display:flex}.filter-icon-container{border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;background-color:#0000;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 16px;font-size:13px;display:flex}.filter-icon-container .material-symbols-outlined{color:var(--color-text-secondary);font-size:15px}.filter-icon-container span:not(.material-symbols-outlined){text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);font-size:11px;font-weight:700}.filter-select{height:100%;color:var(--color-text);border:none;border-right:1px solid var(--color-border);cursor:pointer;background-color:#0000;outline:none;flex-shrink:0;padding:0 12px;font-size:12px;font-weight:500;transition:background-color .15s}.filter-select:hover{background-color:var(--color-bg-secondary)}.filter-select option{background-color:var(--color-bg-primary);color:var(--color-text)}.filter-input-wrapper{flex:1;align-items:center;height:100%;margin-right:8px;transition:background-color .15s;display:flex;position:relative}.filter-input{width:100%;min-width:0;height:100%;color:var(--color-text);box-sizing:border-box;background:0 0;border:none;outline:none;padding:0 32px 0 16px;font-size:12px;font-weight:400}.filter-input::placeholder{color:var(--color-text-soft)}.filter-clear-btn{cursor:pointer;color:var(--color-text-soft);background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filter-clear-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.filter-clear-btn .material-symbols-outlined{font-size:13px}#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-secondary);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;margin-right:16px;padding:0;transition:all .15s;display:flex}.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{margin-bottom:.5px;font-size:18px}.sql-console-wrapper{background-color:var(--color-bg-primary);height:100%;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}#console-history-pane::-webkit-scrollbar{width:6px;height:6px}.console-history-results::-webkit-scrollbar{width:6px;height:6px}.sql-console-wrapper .table-container::-webkit-scrollbar{width:6px;height:6px}#console-history-pane::-webkit-scrollbar-track{background:0 0}.console-history-results::-webkit-scrollbar-track{background:0 0}.sql-console-wrapper .table-container::-webkit-scrollbar-track{background:0 0}#console-history-pane::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.console-history-results::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.sql-console-wrapper .table-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}#console-history-pane::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-soft)}.console-history-results::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-soft)}.sql-console-wrapper .table-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-soft)}#console-history-pane{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}#console-welcome-msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:540px;margin:auto;padding:40px 24px;display:flex}.console-welcome-icon-box{width:48px;height:48px;color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.console-welcome-icon-box .material-symbols-outlined{font-size:26px}.console-welcome-heading{color:var(--color-text);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:700}.console-welcome-sub{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.6}.console-shortcuts-hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.shortcut-pill{color:var(--color-text-soft);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:3px 8px;font-size:11px}.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:4px;padding:1px 4px;font-size:10px;font-weight:600}.console-quick-templates{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.quick-template-label{color:var(--color-text-soft);font-size:12px;font-weight:500}.template-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:12px;font-family:var(--font-mono);color:var(--color-text);cursor:pointer;border-radius:6px;padding:4px 10px;transition:all .15s}.template-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-primary);transform:translateY(-1px)}.console-history-block{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px #00000005}.console-history-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px;display:flex}.console-history-sql{font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-all;flex:1;font-size:13px;line-height:1.5}.console-history-actions{flex-shrink:0;gap:4px;display:flex}.console-history-actions .icon-btn{cursor:pointer;color:var(--color-text-soft);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.console-history-actions .icon-btn:hover{color:var(--color-text);background-color:var(--color-bg-secondary);border-color:var(--color-border)}.console-history-results{max-height:420px;padding:14px 16px;overflow:auto}.console-msg-executing,.console-msg-error,.console-msg-success{font-family:var(--font-mono);align-items:center;gap:8px;font-size:13px;display:flex}.console-msg-executing{color:var(--color-text-soft)}.console-msg-error{color:var(--color-error);white-space:pre-wrap;background:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:flex-start;padding:10px 14px;line-height:1.5}.console-msg-success{color:var(--color-success);background:#10b98114;border:1px solid #10b98133;border-radius:6px;width:fit-content;padding:8px 12px}.console-mutation-banner{font-family:var(--font-mono);color:var(--color-text);background:#10b9810f;border:1px solid #10b98133;border-radius:6px;align-items:center;width:fit-content;padding:10px 14px;font-size:13px;display:flex}.console-mutation-info{align-items:center;gap:8px;display:flex}.console-mutation-info .icon{color:var(--color-success);font-size:18px}.console-mutation-info b{color:var(--color-success);font-weight:700}.console-stats-header.console-stats-divider{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.console-stats-info{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.console-stats-info .icon{color:var(--color-success);font-size:16px}.console-stats-info b{color:var(--color-text);font-weight:600}.console-export-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.console-export-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}#console-input-pane{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 24px 16px;display:flex;position:relative;box-shadow:0 -2px 10px #00000005}.console-editor-toolbar{justify-content:space-between;align-items:center;display:flex}.editor-toolbar-left{align-items:center;gap:10px;display:flex}.editor-mode-tag{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f633;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.editor-shortcut-info{color:var(--color-text-soft);font-size:12px}.editor-shortcut-info b{color:var(--color-text-secondary)}.editor-toolbar-right{align-items:center;gap:8px;display:flex}.sql-editor-wrapper{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;align-items:flex-start;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.sql-editor-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.sql-editor-layer-container{flex:1;min-height:84px;max-height:220px;position:relative}.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:200px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.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}#sql-highlight-layer,textarea#sql-editor{box-sizing:border-box;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}#sql-highlight-layer,#sql-highlight-layer *,textarea#sql-editor{font-family:var(--font-mono)!important;letter-spacing:normal!important;white-space:pre-wrap!important;word-break:break-all!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-text);background:0 0;overflow-y:auto;color:#0000!important}.hl-string{color:#10b981}.hl-number{color:#f59e0b}.hl-keyword{color:#818cf8;font-weight:400}.hl-placeholder{color:var(--color-text-soft);opacity:.4}.cell-expand-btn{cursor:pointer;color:var(--color-text-soft);background-color:var(--color-bg-primary);border:1px var(--color-border) solid;z-index:10;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)}#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{z-index:9999;background:#00000080;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-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-close-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none}.modal-body-scroll{max-height:300px;padding:16px;overflow-y:auto}.modal-body{flex-direction:column;gap:16px;padding:16px;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);border-radius:8px;max-height:130px;overflow-x:auto}.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)}.resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10;width:8px;height:100%;position:absolute;top:0;right:-4px}.resizer:hover,.resizer:active{background-color:var(--color-primary);opacity:.5}.data-table th:last-child .resizer{display:none!important}#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}}.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;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{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f659}.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-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;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-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{font-family:var(--font-mono);color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1}.erd-badge-fk{font-family:var(--font-mono);color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f640;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1}.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-nullable{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);margin-left:2px}.erd-col-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.erd-col-type{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);text-transform:uppercase;border-radius:4px;padding:2px 5px;font-size:10px}.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 .15s,stroke-width .15s,opacity .15s}.erd-relationship-path:hover,.erd-relationship-path.is-hovered{stroke:var(--color-primary)!important;stroke-width:2.25px!important;opacity:1!important}.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:20px;padding:24px 28px 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)}.hero-overview-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000005}.status-db-icon-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000008}.status-db-icon{color:var(--color-primary);font-size:28px}.connection-dot{border:2px solid var(--color-bg-secondary);background-color:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.connection-dot.green{color:var(--color-success)}.connection-dot.yellow{color:var(--color-warning)}.connection-dot.red{color:var(--color-error)}.hero-info{flex-direction:column;gap:6px;min-width:0;display:flex}.hero-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-db-name{letter-spacing:-.01em;color:var(--color-text);font-size:22px;font-weight:700;line-height:1.2;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.connected{color:var(--color-success);background:#10b9811f;border:1px solid #10b98140}.status-badge.disconnected{color:var(--color-error);background:#ef44441f;border:1px solid #ef444440}.status-badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.hero-subinfo{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.db-type-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f633;border-radius:5px;align-items:center;padding:2px 7px;display:inline-flex}.db-type-badge[data-db-type=postgres]{color:#818cf8;background:#6366f11f;border-color:#6366f140}.db-type-badge[data-db-type=mysql]{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40}.db-type-badge[data-db-type=sqlite]{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e940}.hero-dot-separator{color:var(--color-text-soft);font-size:10px}.hero-db-version{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.hero-update-text{color:var(--color-text-soft);font-variant-numeric:tabular-nums;font-size:12px}.hero-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.status-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:14px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 2px #00000005}.status-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000000a}.status-card-header{justify-content:space-between;align-items:center;display:flex}.status-card-title{color:var(--color-text-secondary);font-size:13px;font-weight:500}.status-card-icon{background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.status-card-icon .material-symbols-outlined{font-size:18px}.status-card-body{flex-direction:column;gap:6px;display:flex}.status-card-value{letter-spacing:-.02em;color:var(--color-text);font-size:26px;font-weight:700;font-family:var(--font-mono);line-height:1.1}.status-card-subtext{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-card-progress{background:#ffffff0f;border-radius:3px;width:100%;height:5px;margin-top:4px;overflow:hidden}.status-card-progress-bar{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.card-blue .status-card-icon{color:#3b82f6;background:#3b82f61a}.card-amber .status-card-icon{color:#f59e0b;background:#f59e0b1a}.card-emerald .status-card-icon{color:#10b981;background:#10b9811a}.card-indigo .status-card-icon{color:#818cf8;background:#6366f11a}.analytics-split-view{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1024px){.analytics-split-view{grid-template-columns:1fr 1fr}}.top-tables-container,.distribution-container,.quick-actions-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;box-shadow:0 1px 2px #00000005}.analytics-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-panel-title{color:var(--color-text);margin:0;font-size:16px;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:6px;padding:2px 8px}.top-tables-list{flex-direction:column;gap:8px;display:flex}.top-table-item{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:10px 14px;transition:all .15s;position:relative;overflow:hidden}.top-table-item:hover{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:12px;display:flex;position:relative}.top-table-left{align-items:center;gap:10px;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:20px}.top-table-name{color:var(--color-text);font-size:13px;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:12px;display:flex}.top-table-pct{color:var(--color-text-soft);font-size:11px;font-weight:600;font-family:var(--font-mono)}.top-table-rows{color:var(--color-text-secondary);font-size:13px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.top-table-arrow{color:var(--color-text-soft);font-size:15px;transition:transform .15s,color .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:32px;padding:8px 0;display:flex}.distribution-pie-wrapper{flex-shrink:0;width:170px;height:170px;position:relative}.distribution-pie{border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #0000000f}.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:19px;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:2px;font-size:10px;font-weight:600}.distribution-legend{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.legend-item{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:10px;padding:4px 6px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.legend-item:hover{background:var(--color-bg-primary)}.legend-color{border-radius:3px;flex-shrink:0;width:10px;height:10px}.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}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.quick-action-card{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:10px;outline:none;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.quick-action-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary-dark);transform:translateY(-1px)}.quick-action-card:active{transform:scale(.99)}.quick-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.quick-action-icon .material-symbols-outlined{font-size:20px}.quick-action-info{flex-direction:column;gap:3px;min-width:0;display:flex}.quick-action-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.2}.quick-action-desc{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.feature-prompt{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:12px;line-height:1.5;display:flex;position:relative}.feature-prompt .icon{color:var(--color-primary);flex-shrink:0;margin-top:1px;font-size:18px}.feature-prompt-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prompt-title{color:var(--color-text);font-size:13px;font-weight:600}.prompt-desc{color:var(--color-text-secondary);font-size:12px}.prompt-desc code{background:var(--color-bg-primary);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-primary);border-radius:4px;padding:1px 5px;font-size:11px}.feature-prompt-close{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .15s,background-color .15s;display:inline-flex}.feature-prompt-close:hover{color:var(--color-text);background-color:var(--color-bg-primary)}.feature-prompt-close .material-symbols-outlined{font-size:16px}@media (width<=768px){.status-dashboard{gap:16px;padding:16px}.hero-overview-panel{flex-direction:column;align-items:flex-start}.hero-actions{justify-content:flex-end;width:100%;margin-left:0}.distribution-content{flex-direction:column;gap:20px}}#search-bar{background-color:var(--color-bg-secondary);border:1px var(--color-border) solid;border-radius:8px;outline:none;align-items:center;padding:0 4px;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);transform:scale(1.02)}#search-icon{color:var(--color-text-soft);margin:0 3px 0 6px;font-size:20px;transition:all .1s linear}#search-bar:focus-within #search-icon{color:var(--color-primary);transform:scale(1.15)}#search-input{width:100%;height:34px;color:var(--color-text);background-color:#0000;border:none;outline:none;font-size:12px}#search-input::placeholder{color:var(--color-text-soft)}.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(12px);border-radius:10px;flex-direction:column;gap:1.5px;min-width:195px;padding:5px;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(.95);box-shadow:0 16px 36px -4px #00000029,0 4px 12px -2px #0000000f}[data-theme=dark] .drixio-context-menu{box-shadow:0 20px 40px -4px #000000bf,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;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.drixio-context-menu-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.drixio-context-menu-item:hover .drixio-menu-icon{color:var(--color-primary)}.drixio-menu-icon{color:var(--color-text-soft);flex-shrink:0;font-size:16px;transition:color .12s}.drixio-menu-label{white-space:nowrap;flex:1}.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;margin-left:auto;padding:1.5px 5px;font-size:10px;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{color:#ef4444;background-color:#ef44441a}.drixio-context-menu-item.danger:hover .drixio-menu-icon{color:#ef4444}.drixio-context-menu-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.drixio-context-menu-divider{background-color:var(--color-border);height:1px;margin:4px 2px}.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;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{text-align:left;border-bottom:1px solid var(--color-border-soft);border-right:1px solid var(--color-border-soft);white-space:nowrap;box-sizing:border-box;cursor:cell;height:34px;padding:0 16px;font-size:12px;line-height:34px;position:relative}.data-table th{background-color:var(--color-bg-secondary);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:42px;padding:0 16px;font-weight:600;line-height:normal;transition:background-color .15s;position:sticky;top:0;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .data-table th{background-color:#0d1526;border-bottom-color:#ffffff1a;border-right-color:#ffffff14;box-shadow:0 1px #ffffff0d}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{background-color:var(--color-bg-secondary-dark)}[data-theme=dark] .data-table th.sortable:hover{background-color:#162035}.data-table th.sorted{background-color:var(--color-primary-active)}[data-theme=dark] .data-table th.sorted{background-color:#3b82f61f}.th-content-wrapper{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;min-width:150px;display:flex}.th-col-info{flex-direction:column;gap:4px;display:flex}.th-name-row{align-items:center;gap:6px;display:flex}.th-col-name{color:var(--color-text);letter-spacing:.2px;font-size:12px;font-weight:600;line-height:1}.th-col-type{font-size:10px;font-family:var(--font-mono);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.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}.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-secondary);color:var(--color-text-soft);text-align:center;font-family:var(--font-mono);border-right:1px solid var(--color-border);min-width:42px;padding:0 4px;font-size:14px;font-weight:500;position:sticky;left:0}.data-table td.row-header:hover{color:var(--color-text)}[data-theme=dark] .data-table td.row-header,[data-theme=dark] .data-table th.row-header{background-color:#0b1120;border-right-color:#ffffff1a}.data-table th.row-header{z-index:11;color:var(--color-text-secondary);font-weight:600}.data-table td.row-header-selected{font-weight:700;background-color:var(--color-primary-active)!important;color:var(--color-primary)!important}.data-table tbody tr:hover:not(.ghost-row-tr) td.data-cell{background-color:#3b82f60a}[data-theme=dark] .data-table tbody tr:hover:not(.ghost-row-tr) td.data-cell{background-color:#3b82f60f}.data-table tbody tr:hover td.row-header{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .data-table tbody tr:hover td.row-header{background-color:#0b1120!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:2px solid var(--color-primary)}.data-table td.range-bottom{--border-b:2px solid var(--color-primary)}.data-table td.range-left{--border-l:2px solid var(--color-primary);z-index:10}.data-table td.range-right{--border-r:2px solid var(--color-primary)}.data-table td.cell-selected{background-color:var(--color-bg-primary);z-index:10;box-shadow:inset 0 0 0 2px var(--color-primary)}.data-table td.cell-edited{background-color:var(--color-cell-edited-bg);position:relative}.data-table td.cell-edited:before{content:"";z-index:2;pointer-events:none;border-top:6px solid #f59e0b;border-left:6px solid #0000;width:0;height:0;position:absolute;top:0;right:0}[data-theme=dark] .data-table td.cell-edited:before{border-top-color:#fbbf24}.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 #f43f5e}.data-table td.cell-error:before{content:"";z-index:2;pointer-events:none;border-top:6px solid #f43f5e;border-left:6px solid #0000;width:0;height:0;position:absolute;top:0;right:0}.data-table tr.row-deleted td{text-decoration:line-through;background-color:var(--color-row-deleted-bg)!important;color:var(--color-row-deleted-text)!important}.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-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:18px;transition:all .15s;display:inline-flex}.data-table tr.ghost-row-tr:hover .ghost-cell-hint{color:var(--color-primary);background-color:var(--color-primary-active)}[data-theme=dark] .data-table tr.ghost-row-tr:hover .ghost-cell-hint{color:#60a5fa;background-color:#3b82f61f}.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;width:100%;height:100%;color:var(--color-text);background-color:var(--color-bg-primary);box-shadow:var(--ring-primary-2);z-index:12;border:none;outline:none;padding:0 14px;font-family:inherit;font-size:13px;position:absolute;top:0;left:0}.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 #0000001a}.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-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}.data-table th.table-corner-header:hover{color:var(--color-primary)!important}.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)}[id^=schema-grid-container-] .data-table{table-layout:auto;width:100%}[id^=schema-grid-container-] .data-table th:last-child,[id^=schema-grid-container-] .data-table td:last-child{width:auto}.data-table th.th-indexing{-webkit-user-select:none;user-select:none;text-align:center!important;cursor:default!important;width:220px!important;min-width:180px!important}.data-table th.th-indexing .th-content-wrapper{min-width:unset!important;justify-content:center!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;width:220px!important;min-width:180px!important;padding:16px!important}.manage-indexes-wrapper{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);color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;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:16px}.btn-manage-indexes:hover .material-symbols-outlined{color:#fff}.index-count-pill{min-width:18px;height:18px;color:var(--color-primary);font-size:11px;font-family:var(--font-mono);background-color:#3b82f626;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.btn-manage-indexes:hover .index-count-pill{color:#fff;background-color:#ffffff40}.schema-type-mono{font-family:var(--font-mono);color:#60a5fa;letter-spacing:.02em;font-size:11px;font-weight:600}.data-table td[data-col-key=isPk] .col-badge{vertical-align:middle;border-radius:4px!important;padding:2px 8px!important;font-size:11px!important;font-weight:600!important;line-height:18px!important}.data-table th[data-col-key=isUnique] .th-content-wrapper,.data-table th[data-col-key=nullable] .th-content-wrapper{justify-content:center;gap:6px;width:auto!important;min-width:75px!important}.data-table th[data-col-key=isPk] .th-content-wrapper{justify-content:center;min-width:100px!important}.data-table th[data-col-key=isUnique],.data-table td[data-col-key=isUnique],.data-table th[data-col-key=nullable],.data-table td[data-col-key=nullable]{text-align:center!important;vertical-align:middle!important;width:90px!important;min-width:80px!important;padding:0 8px!important}.data-table td[data-col-key=isPk]{text-align:center!important;vertical-align:middle!important;padding:0 10px!important}.badge-unique{color:#38bdf8;vertical-align:middle;background-color:#0ea5e91f;border:1px solid #0ea5e94d;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.badge-unique-pk{color:#fbbf24;vertical-align:middle;background-color:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.badge-unique-pk .material-symbols-outlined{line-height:1;font-size:13px!important}.badge-notnull{color:var(--color-text-secondary);border:1px solid var(--color-border);vertical-align:middle;background-color:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}:root{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-secondary-dark:#f1f5f9;--color-primary:#2c68ec;--color-primary-active:#eff6ff;--color-primary-dark:#285bb8;--color-text:#0f172a;--color-text-soft:#94a3b8;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--ring-primary-2:0 0 0 2px #2c68ec33;--font-inter:"Inter", sans-serif;--color-btn-active-text:var(--color-primary);--color-brand-500:#2c68ec;--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:#dbeafe;--color-copy-flash:#bfdbfe;--color-cell-edited-bg:#f59e0b14;--color-cell-edited-text:var(--color-text);--color-cell-error-bg:#f43f5e14;--color-row-deleted-bg:#fee2e2;--color-row-deleted-text:#ef4444;--color-ghost-row-bg:#f8fafc}[data-theme=dark]{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-secondary-dark:#334155;--color-primary:#3b82f6;--color-primary-active:#1e3a8a;--color-primary-dark:#60a5fa;--color-text:#f8fafc;--color-text-soft:#64748b;--color-text-secondary:#cbd5e1;--color-border:#334155;--color-border-soft:#1e293b;--ring-primary-2:0 0 0 2px #3b82f633;--color-btn-active-text:#fff;--color-brand-500:#3b82f6;--color-error:#f43f5e;--color-success:#10b981;--color-warning:#f59e0b;--color-cell-range-bg:#3b82f626;--color-copy-flash:#3b82f666;--color-cell-edited-bg:#f59e0b1f;--color-cell-edited-text:var(--color-text);--color-cell-error-bg:#f43f5e1f;--color-row-deleted-bg:#ef444426;--color-row-deleted-text:#f87171;--color-ghost-row-bg:var(--color-bg-secondary)}*{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);margin:0;padding:0;display:flex;overflow:hidden}main{flex-direction:column;flex:1;min-width:0;display:flex}