.dbtool-style-picker{margin:22px 0 18px;padding:22px;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(400px,1.28fr);gap:22px;border:1px solid #79e6c13d;border-radius:20px;background:radial-gradient(circle at 0 0,#79e6c112,transparent 36%),#0c110e;box-shadow:0 18px 55px #0004}
.dbtool-style-copy small{color:#7ae6b8;font-size:8px;letter-spacing:.2em}.dbtool-style-copy h3{margin:9px 0 7px;font-size:20px}.dbtool-style-copy p{margin:0;color:#78817b;font-size:9px;line-height:1.75}.dbtool-style-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dbtool-style-options label{position:relative;min-height:112px;padding:15px 14px 13px 83px;display:flex;flex-direction:column;justify-content:center;border:1px solid #ffffff16;border-radius:15px;background:#ffffff04;cursor:pointer;transition:.22s}.dbtool-style-options label:hover{border-color:#79e6c150;background:#79e6c108;transform:translateY(-2px)}
.dbtool-style-options input{position:absolute;opacity:0;pointer-events:none}.dbtool-style-options label:has(input:checked),.dbtool-style-options label.is-selected{border-color:#8cf3c57d;background:linear-gradient(125deg,#79e6c119,#ffffff04);box-shadow:0 0 0 3px #79e6c10b,0 14px 35px #0005}.dbtool-style-options label:has(input:checked):after,.dbtool-style-options label.is-selected:after{content:"✓";position:absolute;right:11px;top:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#8bf1c3;color:#071009;font-size:10px;font-weight:800}.dbtool-style-options b{font-size:13px}.dbtool-style-options small{margin-top:6px;color:#717a74;font-size:8px}.dbtool-style-options em{margin-top:8px;color:#8ee9c2;font-size:8px;font-style:normal}
.dbtool-style-demo{position:absolute;left:14px;top:21px;width:54px;height:67px;display:grid;grid-template-rows:repeat(3,1fr);background:#f8faf8}.dbtool-style-demo i{display:block}.dbtool-style-demo.is-three{border-top:3px solid #18201b;border-bottom:3px solid #18201b}.dbtool-style-demo.is-three i:first-child{border-bottom:2px solid #18201b}.dbtool-style-demo.is-grid{border:2px solid #18201b}.dbtool-style-demo.is-grid i{border-bottom:1px solid #18201b}.dbtool-style-demo.is-grid i:last-child{border-bottom:0}.dbtool-style-demo.is-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#18201b 48%,#18201b 51%,transparent 51%)}
.dbtool-style-status{grid-column:1/-1;padding:10px 13px;display:flex;align-items:center;gap:7px;border-radius:10px;background:#79e6c109;color:#7d8780;font-size:9px}.dbtool-style-status i{width:7px;height:7px;border-radius:50%;background:#77e9ba;box-shadow:0 0 12px #77e9ba}.dbtool-style-status b{color:#a7f5d3;font-size:10px}
.dbtool-table>div{padding:17px;background:#dfe4e1}.dbtool-table table{background:#fff;color:#161b18}.dbtool-table th,.dbtool-table td{color:#222!important;background:#fff!important}.dbtool-table code{color:#111!important}.dbtool-table .db-comment.is-ai{color:#08734a!important;background:#e9fff5!important}
#dbPreview[data-style="three-line"] table{border-top:2px solid #111;border-bottom:2px solid #111}#dbPreview[data-style="three-line"] th{border:0;border-bottom:1.5px solid #111}#dbPreview[data-style="three-line"] td{border:0!important}#dbPreview[data-style="three-line"] tbody tr:last-child td{border-bottom:0!important}
#dbPreview[data-style="grid"] table{border:1.5px solid #222}#dbPreview[data-style="grid"] th,#dbPreview[data-style="grid"] td{border:1px solid #555!important}#dbPreview[data-style="grid"] th{background:#edf0ee!important}
#dbPreview.is-style-changing{animation:dbStyleChange .42s ease both}@keyframes dbStyleChange{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}
@media(max-width:760px){.dbtool-style-picker{grid-template-columns:1fr;padding:18px}.dbtool-style-status{grid-column:auto}.dbtool-style-options{grid-template-columns:1fr 1fr}}@media(max-width:520px){.dbtool-style-options{grid-template-columns:1fr}.dbtool-style-options label{min-height:100px}}