.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:3.5rem 2rem;text-align:center;transition:border-color .15s,background .15s}.drop-zone.dragover{border-color:var(--primary-color);background:#6366f10a}.drop-icon{color:var(--text-secondary);margin-bottom:1rem;display:flex;justify-content:center}.drop-title{font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.drop-sub{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.browse-btn{display:inline-block;padding:.5rem 1.4rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .15s}.browse-btn:hover{opacity:.85}.load-status{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary);min-height:1.2em}.load-status.err{color:var(--error-color)}.db-ui{display:flex;flex-direction:column;gap:1rem}.db-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.7rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.db-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.db-filename{font-weight:600;font-size:.95rem;font-family:SF Mono,Monaco,monospace}.meta-badge{font-size:.78rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;padding:.1rem .6rem;color:var(--text-secondary)}.close-btn{padding:.3rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.close-btn:hover{background:var(--bg-tertiary)}.db-layout{display:grid;grid-template-columns:190px 1fr;gap:1rem;align-items:start}.sidebar{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.sidebar-section{padding:.4rem 0}.sidebar-section+.sidebar-section{border-top:1px solid var(--border-color)}.sidebar-label{padding:.35rem .75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-list li{padding:.38rem .75rem .38rem .85rem;cursor:pointer;font-size:.85rem;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s;font-family:SF Mono,Monaco,monospace}.sidebar-list li:hover{background:var(--bg-tertiary)}.sidebar-list li.active{background:var(--bg-tertiary);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:600}.db-main{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden;min-height:300px}.no-selection{padding:4rem 2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.table-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.content-title{margin:0;font-size:.95rem;font-weight:600;font-family:SF Mono,Monaco,monospace}.tab-bar{display:flex}.tab-btn{padding:.28rem .8rem;font-size:.8rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.tab-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.tab-btn:last-child{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.tab-btn.active{background:var(--bg-tertiary);color:var(--text-color);font-weight:600}.pane-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem .75rem;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.row-info{font-size:.8rem;color:var(--text-secondary);flex:1}.pager{display:flex;align-items:center;gap:.3rem}.page-btn{width:26px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.page-btn:disabled{opacity:.35;cursor:default}.page-btn:not(:disabled):hover{background:var(--bg-tertiary)}.page-label{font-size:.8rem;color:var(--text-secondary);min-width:55px;text-align:center}.btn-sm{padding:.28rem .65rem;font-size:.78rem;border-radius:var(--radius-md);cursor:pointer;line-height:1.4}.btn-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-color)}.btn-outline:disabled{opacity:.35;cursor:default}.btn-outline:not(:disabled):hover{background:var(--bg-tertiary)}.tbl-wrap{overflow:auto;max-height:380px}.tbl-wrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace}.tbl-wrap th,.tbl-wrap td{padding:.4rem .7rem;text-align:left;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);white-space:nowrap}.tbl-wrap th:last-child,.tbl-wrap td:last-child{border-right:none}.tbl-wrap th{position:sticky;top:0;z-index:1;background:var(--bg-tertiary);font-family:system-ui,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.tbl-wrap td{background:var(--bg-color)}.tbl-wrap tbody tr:nth-child(2n) td{background:var(--bg-secondary)}.tbl-wrap tbody tr:hover td{background:color-mix(in srgb,#3b82f6 12%,var(--bg-color))}.tbl-wrap td.null-val{color:var(--text-muted);font-style:italic}.tbl-wrap td.long-val{max-width:220px;overflow:hidden;text-overflow:ellipsis;cursor:help}.empty-msg,.error-msg{padding:1rem;font-size:.875rem}.error-msg{color:var(--error-color)}.schema-body{padding:1rem}.ddl-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:SF Mono,Monaco,monospace;font-size:.8rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;margin-bottom:1rem}.schema-body h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 .5rem}.col-table{width:100%;border-collapse:collapse;font-size:.82rem}.col-table th,.col-table td{padding:.35rem .65rem;text-align:left;border-bottom:1px solid var(--border-color)}.col-table th{font-weight:600;font-size:.75rem;color:var(--text-secondary)}.col-table code{font-family:SF Mono,Monaco,monospace}.badge-pk{font-size:.68rem;background:#fef3c7;color:#92400e;border-radius:3px;padding:.05rem .35rem;font-weight:700;margin-left:3px}.badge-nn{font-size:.68rem;background:#ede9fe;color:#5b21b6;border-radius:3px;padding:.05rem .35rem;margin-left:3px}.query-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.query-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--border-color)}.query-label{font-weight:600;font-size:.875rem}.shortcut{font-weight:400;font-size:.75rem;color:var(--text-muted);margin-left:.5rem}.query-actions{display:flex;align-items:center;gap:.4rem}.btn-run{padding:.3rem .85rem;font-size:.85rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500}.btn-run:hover{opacity:.87}.query-input{display:block;width:100%;min-height:90px;padding:.65rem .85rem;font-family:SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.55;border:none;border-bottom:1px solid var(--border-color);background:var(--bg-color);resize:vertical;outline:none;box-sizing:border-box}.query-input:focus{background:color-mix(in srgb,#f59e0b 6%,var(--bg-color))}.query-status{padding:.35rem .85rem;font-size:.82rem;color:var(--text-secondary);min-height:1.6em}.query-status.err{color:var(--error-color)}@media(max-width:680px){.db-layout{grid-template-columns:1fr}}