.db-banner{background:radial-gradient(circle at 82% 30%,rgba(121,90,230,.25),transparent 29%),linear-gradient(135deg,#07152c,#30366f)}.db-section{padding-top:48px;background:#e9eef3}.db-lab{max-width:1800px;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);overflow:hidden;border:1px solid #bdcad5;border-radius:20px;background:#fff;box-shadow:0 25px 75px rgba(5,26,47,.17)}.db-palette{padding:1.15rem;background:linear-gradient(180deg,#fff,#eff3f7);border-right:1px solid #c1cdd7}.db-palette h2{font-size:1.25rem;color:#172f4b}.db-palette>button{width:100%;display:flex;align-items:center;gap:.7rem;margin:.5rem 0;padding:.72rem;border:1px solid #ced8e1;border-radius:10px;background:#fff;color:#24425d;text-align:left}.db-palette>button:hover,.db-palette>button.active{border-color:#6556c7;background:#eeeafe;color:#4639a2}.db-palette>button>i{width:31px;font-size:1.2rem;text-align:center;color:#6556c7}.db-palette button span,.db-palette button b,.db-palette button small{display:block}.db-palette button b{font-size:.72rem}.db-palette button small{color:#7c8d9d;font-size:.58rem}.db-palette .danger-tool:hover{border-color:#c94a5d;background:#fff0f2;color:#a82f43}.db-palette hr{border-color:#cbd5dd}.db-help{display:flex;gap:.5rem;margin-top:.8rem;padding:.65rem;border-radius:8px;background:#e8effc;color:#48627b;font-size:.62rem}.db-help p{margin:0}.db-workspace{min-width:0;display:grid;grid-template-rows:auto 590px auto;background:#dfe7ed}.db-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.62rem .8rem;border-bottom:1px solid #aabac6;background:linear-gradient(#fff,#edf1f4)}.db-toolbar>div:first-child strong,.db-toolbar>div:first-child small{display:block}.db-toolbar strong{color:#19364e;font-size:.74rem}.db-toolbar small{color:#738694;font-size:.58rem}.db-toolbar>div:last-child{display:flex;align-items:end;gap:.45rem}.db-toolbar label{margin:0;color:#536b7d;font-size:.58rem;font-weight:800}.db-toolbar select{display:block;margin-top:.15rem;padding:.42rem;border:1px solid #becbd4;border-radius:6px;background:#fff;color:#28445a;font-size:.65rem}.db-toolbar button{padding:.52rem .65rem;border:0;border-radius:7px;background:#6556c7;color:#fff;font-size:.65rem;font-weight:850}.db-canvas-wrap{padding:.7rem}.db-canvas{position:relative;width:100%;height:100%;overflow:auto;border:1px solid #b8c7d2;border-radius:10px;background-color:#f9fbfc;background-image:linear-gradient(#dbe3e9 1px,transparent 1px),linear-gradient(90deg,#dbe3e9 1px,transparent 1px);background-size:20px 20px}.db-canvas>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.db-link{fill:none;stroke:#546b80;stroke-width:2.5}.db-cardinality{fill:#263e53;font:800 12px Inter}.db-relation-diamond{fill:#fff2cb;stroke:#d59014;stroke-width:2.5;pointer-events:auto;cursor:pointer}.db-relation-label{fill:#714e09;font:800 11px Inter;pointer-events:none}.db-entity{position:absolute;width:190px;overflow:hidden;border:2px solid #6556c7;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(22,42,64,.16);cursor:grab;user-select:none}.db-entity.dragging{cursor:grabbing;z-index:5}.db-entity-head{display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;background:linear-gradient(135deg,#6556c7,#41388f);color:#fff}.db-entity-head b{max-width:145px;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;text-transform:uppercase}.db-entity-head button{border:0;background:transparent;color:#fff;font-size:1rem}.db-attributes{margin:0;padding:.45rem .6rem;list-style:none}.db-attributes li{display:flex;justify-content:space-between;gap:.4rem;padding:.2rem 0;border-bottom:1px dashed #e0e6eb;color:#3e5669;font-size:.6rem}.db-attributes li:last-child{border:0}.db-attributes .primary{color:#b66a00;font-weight:900}.db-attributes em{color:#8797a3;font-style:normal}.db-entity-foot{padding:.3rem .6rem;background:#f0eefb;color:#62569e;font-size:.53rem;text-align:right}#db-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8798a6;pointer-events:none}#db-empty i{font-size:3rem}#db-empty b,#db-empty span{display:block}.db-results{margin:.7rem;border:1px solid #bcc9d2;border-radius:10px;background:#fff;overflow:hidden}.db-tabs{display:flex;padding:3px;background:#e8edf1}.db-tabs button{flex:1;padding:.5rem;border:0;border-radius:6px;background:transparent;color:#536b7c;font-size:.65rem;font-weight:850}.db-tabs button.active{background:#fff;color:#5647bb;box-shadow:0 2px 7px rgba(20,40,60,.12)}.db-result-panel{display:none;min-height:210px}.db-result-panel.active{display:block}.mld-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem;padding:.7rem}.mld-table{overflow:hidden;border:1px solid #ccd6de;border-radius:8px}.mld-table h3{margin:0;padding:.48rem .6rem;background:#243d56;color:#fff;font-size:.68rem}.mld-table ul{margin:0;padding:.45rem .65rem;list-style:none}.mld-table li{padding:.18rem 0;border-bottom:1px dashed #e1e7eb;color:#425b6e;font:600 .61rem Inter}.mld-table li:last-child{border:0}.mld-table .pk{color:#b26800}.mld-table .fk{color:#5b49b8}.empty-result{grid-column:1/-1;margin:0;padding:2rem;color:#81919d;text-align:center;font-size:.7rem}.sql-heading{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:#0d2539;color:#fff;font-size:.65rem}.sql-heading button{border:0;background:transparent;color:#bfe8d0;font-size:.62rem}.db-result-panel pre{max-height:360px;overflow:auto;margin:0;padding:.75rem;background:#071725;color:#c5efd2;white-space:pre;font:500 .68rem/1.5 Consolas,monospace}.db-dialog{width:min(700px,calc(100% - 2rem));max-height:90vh;padding:1.35rem;border:0;border-radius:18px;box-shadow:0 28px 80px rgba(4,20,34,.5)}.db-dialog::backdrop{background:rgba(4,20,34,.7);backdrop-filter:blur(3px)}.db-dialog-close{position:absolute;right:.8rem;top:.5rem;border:0;background:transparent;font-size:1.6rem}.db-dialog h2{color:#1c3850;font-size:1.35rem}.db-dialog label{display:block;margin-bottom:.65rem;color:#415d71;font-size:.68rem;font-weight:800}.db-dialog input,.db-dialog select{width:100%;margin-top:.25rem;padding:.55rem;border:1px solid #cbd6de;border-radius:7px}.attribute-row{display:grid;grid-template-columns:1.3fr 1fr auto auto auto;align-items:end;gap:.4rem;margin:.4rem 0;padding:.45rem;border:1px solid #dde4e9;border-radius:8px;background:#f8fafb}.attribute-row .mini-check{display:flex;align-items:center;gap:.2rem;padding-bottom:.5rem;font-size:.55rem}.attribute-row .mini-check input{width:auto;margin:0}.attribute-row>button{width:30px;height:31px;margin-bottom:.35rem;border:0;border-radius:6px;background:#f8dfe3;color:#a83043}.dialog-buttons{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.8rem}.dialog-buttons button,.add-attribute{padding:.55rem .7rem;border:1px solid #c3ced6;border-radius:7px;background:#fff;color:#405b70;font-size:.65rem;font-weight:850}.dialog-buttons .primary{border-color:#6556c7;background:#6556c7;color:#fff}.relation-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}@media(max-width:900px){.db-lab{grid-template-columns:1fr}.db-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.db-palette>div,.db-palette hr,.db-help{display:none}.db-palette>button{margin:0}.db-workspace{grid-template-rows:auto 520px auto}}@media(max-width:600px){.db-section .container-fluid{padding:0 .45rem!important}.db-lab{border-radius:10px}.db-palette{grid-template-columns:repeat(2,1fr)}.db-toolbar{align-items:flex-start;flex-direction:column}.db-toolbar>div:last-child{width:100%;flex-wrap:wrap}.db-entity{width:165px}.attribute-row{grid-template-columns:1fr 1fr}.relation-grid{grid-template-columns:1fr}.db-workspace{grid-template-rows:auto 460px auto}}