.db-page{display:grid;gap:18px;min-width:0}.db-page p{line-height:1.55}.db-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.db-metrics strong{display:block;font-size:1.5rem;margin-top:8px}.db-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0}.db-controls label{display:grid;gap:8px;flex:1;min-width:180px}.db-controls select{width:100%;min-height:44px}.db-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.db-category{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #dce6ee;border-radius:12px;cursor:pointer;min-width:0}.db-category input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#147ec5}.db-category span{min-width:0}.db-category small{display:block;line-height:1.5;color:#61758a;margin-top:5px}.db-category:has(input:checked){background:#edf7ff;border-color:#147ec5}.db-preview{padding:18px;margin-top:20px;border:1px solid #b9d9ef;border-radius:16px;background:#f4faff}.db-preview-row{display:flex;gap:14px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #dce6ee}.db-run{padding:16px 0;border-bottom:1px solid #dce6ee}.db-run>span{display:block;font-size:.85rem;color:#61758a;margin-top:5px}.db-run code{overflow-wrap:anywhere}.db-table-wrap{overflow-x:auto;margin-top:14px}.db-table-wrap table{border-collapse:collapse;width:100%;white-space:nowrap}.db-table-wrap th,.db-table-wrap td{text-align:left;padding:10px;border-bottom:1px solid #dce6ee}.db-error{color:#b42318;overflow-wrap:anywhere}.db-dialog{max-height:90dvh;overflow:auto}.db-dialog label{display:grid;gap:8px;font-weight:600}.db-dialog input{min-height:44px;width:100%;box-sizing:border-box}.db-dialog .form-actions{flex-wrap:wrap}.db-dialog .form-actions button{flex:1;min-width:140px}
@media(max-width:650px){.db-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.db-categories{grid-template-columns:1fr}.db-page .card-pad{padding:16px}.db-dialog{padding:20px!important;width:calc(100% - 28px)!important;box-sizing:border-box}.db-metrics strong{font-size:1.2rem}.db-controls .button-row{width:100%}.db-controls .button-row button{flex:1}}