:root{--mdb-green-base:#00ed64;--mdb-green-dark1:#00a35c;--mdb-green-dark2:#00684a;--mdb-green-dark3:#023430;--mdb-green-light1:#71f6ba;--mdb-green-light2:#c0fae6;--mdb-green-light3:#e3fcf7;--mdb-purple-base:#5e0c95;--mdb-purple-dark2:#1a0a24;--mdb-gray-base:#889397;--mdb-gray-dark1:#5c6c75;--mdb-gray-dark2:#3d4f58;--mdb-gray-dark3:#1c2d38;--mdb-gray-dark4:#112733;--mdb-gray-light1:#c1c7c6;--mdb-gray-light2:#e8edeb;--mdb-gray-light3:#f9fbfa;--mdb-white:#fff;--mdb-black:#001e2b;--mdb-red-base:#db3030;--mdb-yellow-base:#ffec9e;--bg:var(--mdb-gray-dark4);--panel:var(--mdb-gray-dark3);--panel-2:var(--mdb-gray-dark2);--text:var(--mdb-gray-light3);--text-dim:var(--mdb-gray-light1);--border:hsla(0,0%,100%,.08);--font-sans:"MongoDB Value Serif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--mdb-green-base);text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{gap:16px;padding:14px 24px;background:linear-gradient(90deg,var(--mdb-green-dark3) 0,var(--mdb-gray-dark3) 60%);border-bottom:1px solid var(--border)}.topbar,.topbar .logo{display:flex;align-items:center}.topbar .logo{gap:10px;font-weight:700;font-size:16px}.topbar .logo .leaf{width:24px;height:24px;background:var(--mdb-green-base);-webkit-clip-path:polygon(50% 0,65% 25%,100% 35%,75% 60%,80% 100%,50% 80%,20% 100%,25% 60%,0 35%,35% 25%);clip-path:polygon(50% 0,65% 25%,100% 35%,75% 60%,80% 100%,50% 80%,20% 100%,25% 60%,0 35%,35% 25%)}.topbar .title{color:var(--mdb-white)}.topbar .subtitle{color:var(--mdb-green-light2);font-size:12px;opacity:.9}.topbar .spacer{flex:1 1}.topbar .pill{font-size:11px;padding:4px 10px;background:var(--mdb-green-dark2);color:var(--mdb-green-light2);border-radius:999px;border:1px solid var(--mdb-green-dark1)}.topbar .pill.pill-link{background:var(--mdb-purple-dark2);color:#e9d5ff;border-color:#6b21a8;cursor:pointer}.topbar .pill.pill-link:hover{background:#4b1369}.topbar .pill.pill-muted{background:transparent;border:1px dashed var(--mdb-gray-base);color:var(--mdb-gray-base)}.topbar .pill.pill-backend{font-weight:600;letter-spacing:.2px}.topbar .pill.pill-backend-connected{background:rgba(0,237,100,.12);border-color:#00684a;color:#71f7a5}.topbar .pill.pill-backend-connecting{background:rgba(255,165,0,.14);border-color:#b26a00;color:#ffb84d;animation:pill-pulse 1.2s ease-in-out infinite}.topbar .pill.pill-backend-offline{background:rgba(255,71,71,.14);border-color:#a11;color:#ff8080}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.55}}.integrations-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px;background:var(--mdb-gray-dark3);border-bottom:1px solid var(--border)}.integration-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,237,100,.08);border:1px solid rgba(0,237,100,.25);color:var(--mdb-green-light2);border-radius:999px;font-size:12px;transition:all .15s}.integration-chip.active{background:rgba(0,237,100,.25);border-color:var(--mdb-green-base);color:var(--mdb-white);box-shadow:0 0 0 3px rgba(0,237,100,.15)}.integration-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--mdb-gray-base)}.integration-chip.active .dot{background:var(--mdb-green-base);box-shadow:0 0 6px var(--mdb-green-base)}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px 360px;grid-gap:16px;gap:16px;padding:16px 24px;flex:1 1;min-height:0}@media (max-width:1280px){.main-grid{grid-template-columns:minmax(0,1fr) 340px}.main-grid>:nth-child(3){display:none}}@media (max-width:960px){.main-grid{grid-template-columns:minmax(0,1fr)}.main-grid>:nth-child(2),.main-grid>:nth-child(3){display:none}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:0;min-width:0}.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mdb-green-light2);margin:0 0 10px;font-weight:600;display:flex;align-items:center}.panel h2 .small{font-size:11px;color:var(--text-dim);text-transform:none;letter-spacing:0;margin-left:8px}.chat-pane{gap:12px;height:calc(100vh - 220px)}.chat-log{flex:1 1;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:12px}.msg{border-radius:10px;padding:12px 14px;border:1px solid var(--border);max-width:92%;min-width:0}.msg.user{background:var(--mdb-green-dark2);border-color:var(--mdb-green-dark1);align-self:flex-end;color:var(--mdb-white)}.msg.agent{background:var(--mdb-gray-dark2);align-self:flex-start}.msg .agent-tag{display:inline-block;font-size:10px;padding:2px 8px;background:var(--mdb-green-dark2);color:var(--mdb-green-light2);border-radius:4px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.msg-content{white-space:pre-wrap;overflow-wrap:anywhere}.msg-content h2{font-size:14px;margin:12px 0 6px;color:var(--mdb-green-light1)}.msg-content p{margin:6px 0}.msg-content code{background:hsla(0,0%,100%,.06);padding:1px 4px;border-radius:3px;font-family:var(--font-mono);font-size:12px}.msg-content pre{background:var(--mdb-gray-dark4);border:1px solid var(--border);border-radius:6px;padding:10px 12px;overflow-x:auto}.msg-content pre code{background:none;padding:0;white-space:pre}.msg-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:12.5px;margin:8px 0;white-space:normal}.msg-content td,.msg-content th{border:1px solid var(--border);padding:4px 8px;text-align:left;white-space:nowrap}.msg-content th{color:var(--mdb-green-light2)}.msg.turn{max-width:96%;width:96%;padding:10px 14px 12px}.turn-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.turn-header .agent-tag{margin-bottom:0}.msg.turn.running .agent-tag{background:var(--mdb-gray-dark3);color:var(--mdb-green-light1);animation:pulse 1.6s ease-in-out infinite}.turn-meta{margin-left:auto;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.turn-intent{font-size:10.5px;color:var(--mdb-green-light1);background:rgba(0,237,100,.08);border:1px solid rgba(0,237,100,.25);padding:1px 8px;border-radius:999px;letter-spacing:.03em}.steps{flex-direction:column;gap:2px;margin:6px 0 4px}.step,.steps{display:flex;min-width:0}.step{align-items:baseline;gap:8px;font-size:12.5px;padding:3px 6px;border-radius:6px;line-height:1.4}.step.expandable{display:block;padding:0}.step.expandable>summary{display:flex;align-items:baseline;gap:8px;min-width:0;padding:3px 6px;border-radius:6px;cursor:pointer;list-style:none}.step.expandable>summary::-webkit-details-marker{display:none}.step.expandable>summary:hover{background:hsla(0,0%,100%,.04)}.step.expandable[open]>summary .step-gist:after{content:" ▴";color:var(--text-dim)}.step.expandable>summary .step-gist:after{content:" ▾";color:var(--mdb-gray-dark1)}.step-icon{flex:0 0 16px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:relative;top:2px}.step-icon.done{background:var(--mdb-green-dark2);color:var(--mdb-green-light2)}.step-icon.active{border:2px solid var(--mdb-green-base);border-right:2px solid transparent;animation:spin .9s linear infinite}.step-icon.pending{border:1.5px solid var(--mdb-gray-dark1)}.step-gist.pending{color:var(--mdb-gray-dark1);font-style:italic}.step:has(.step-icon.pending) .step-label{color:var(--mdb-gray-base)}.step-label{flex:0 0 auto;color:var(--mdb-green-light2);font-weight:600;letter-spacing:.02em}.step-gist{color:var(--text-dim);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-gist.active{color:var(--mdb-green-light1);font-style:italic}.step-ops{flex:0 0 auto;font-family:var(--font-mono);font-size:10.5px;color:var(--mdb-gray-base);background:hsla(0,0%,100%,.05);padding:0 6px;border-radius:999px}.step-detail{margin:6px 0 8px 24px;padding:8px 12px;border-left:2px solid var(--mdb-green-dark2);background:rgba(0,0,0,.15);border-radius:0 6px 6px 0;font-size:13px;color:var(--text-dim);min-width:0}.brief{margin-top:8px;padding-top:10px;border-top:1px solid var(--border);min-width:0}.brief.streaming>:last-child:after{content:"▍";color:var(--mdb-green-base);margin-left:2px;animation:blink 1s steps(2,start) infinite}.turn-error{margin-top:8px;padding:8px 10px;border-radius:6px;background:rgba(219,48,48,.12);border:1px solid rgba(219,48,48,.4);color:#ffb4b4;font-size:12.5px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{to{visibility:hidden}}.composer{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.composer input{flex:1 1;background:var(--mdb-gray-dark4);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.composer input:focus{outline:none;border-color:var(--mdb-green-base)}.composer button{background:var(--mdb-green-base);color:var(--mdb-black);border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;font-family:inherit}.composer button:hover{background:var(--mdb-green-dark1);color:var(--mdb-white)}.composer button:disabled{opacity:.5;cursor:not-allowed}.sample-questions{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.sample-chip{font-size:11px;background:var(--mdb-gray-dark2);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;border-radius:999px;cursor:pointer}.sample-chip:hover{background:var(--mdb-green-dark2);color:var(--mdb-white)}.middle-panel{gap:0;padding:0;overflow:hidden}.tabs{display:flex;align-items:center;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;padding:8px 14px;border-radius:6px 6px 0 0;cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tab:hover{color:var(--mdb-green-light2)}.tab.active{color:var(--mdb-white);background:var(--mdb-gray-dark2)}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--mdb-green-base)}.tab-subtitle{font-size:11px;color:var(--text-dim);padding:8px 16px 0;text-transform:none;letter-spacing:0}.tab-body{flex:1 1;min-height:0;padding:12px 16px 14px;overflow-y:auto}.db-panel{display:flex;flex-direction:column;gap:12px}.db-empty{padding:20px;color:var(--text-dim);text-align:center;font-style:italic}.db-summary{background:var(--mdb-gray-dark2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.db-summary-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}.db-summary-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.db-summary-val{color:var(--mdb-white);font-family:var(--font-mono)}.db-summary-totals{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.db-tot{display:flex;flex-direction:column;align-items:center;background:var(--mdb-gray-dark3);border-radius:6px;padding:8px 4px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);text-align:center;line-height:1.2}.db-tot span{display:block;font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--mdb-green-light1);margin-bottom:2px}.db-tot.vec span{color:var(--mdb-green-base)}.db-tot.search span{color:#e9d5ff}.db-coll-list{display:flex;flex-direction:column;gap:6px}.db-coll{background:var(--mdb-gray-dark2);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.db-coll.with-search{border-color:rgba(0,237,100,.3)}.db-coll.expanded{border-color:var(--mdb-green-dark1)}.db-coll-head{display:flex;align-items:center;gap:8px;padding:10px 12px;width:100%;background:transparent;border:none;color:var(--text);font-family:inherit;cursor:pointer;text-align:left}.db-coll-head:hover{background:hsla(0,0%,100%,.03)}.db-coll-caret{color:var(--mdb-green-light2);font-size:10px;width:12px}.db-coll-name{font-family:var(--font-mono);font-weight:700;color:var(--mdb-white);font-size:12px;flex:1 1}.db-coll-stats{color:var(--text-dim)}.db-coll-idx-badge,.db-coll-stats{font-size:10px;font-family:var(--font-mono)}.db-coll-idx-badge{background:var(--mdb-green-dark3);color:var(--mdb-green-light2);border-radius:999px;padding:2px 8px;margin-left:6px}.db-coll-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 12px 8px 32px;font-size:10px}.db-integ-tag{background:rgba(0,237,100,.1);color:var(--mdb-green-light1);border:1px solid rgba(0,237,100,.25);border-radius:4px;padding:2px 8px;font-family:var(--font-mono);font-size:10px}.db-coll-purpose{color:var(--text-dim);font-style:italic}.db-sample-btn{margin-left:auto;background:var(--mdb-gray-dark3);border:1px solid var(--mdb-green-dark1);color:var(--mdb-green-light2);font-family:var(--font-mono);font-size:10px;padding:3px 10px;border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s}.db-sample-btn:hover{background:var(--mdb-green-dark2);color:var(--mdb-white);border-color:var(--mdb-green-base)}.db-sample-btn:focus-visible{outline:2px solid var(--mdb-green-base);outline-offset:1px}.db-coll-body{padding:10px 12px 12px 32px;border-top:1px solid var(--border);background:rgba(0,0,0,.18)}.db-section+.db-section{margin-top:10px}.db-section-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--mdb-green-light2);margin-bottom:6px;font-weight:600}.db-idx-row{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;padding:3px 0;border-bottom:1px dashed hsla(0,0%,100%,.05)}.db-idx-row:last-child{border-bottom:none}.db-idx-name{color:var(--mdb-green-light1);min-width:100px;flex-shrink:0}.db-idx-detail{color:var(--text-dim);display:flex;gap:6px;flex-wrap:wrap}.db-idx-key{color:var(--mdb-white)}.db-idx-dir{color:var(--mdb-green-light2);margin-left:2px}.db-idx-flag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:1px 6px;font-family:var(--font-sans)}.db-idx-flag.unique{background:var(--mdb-purple-dark2);color:#e9d5ff}.db-idx-flag.ttl{background:#2d1f12;color:#fde68a;border:1px solid #92400e}.db-search-idx{border-radius:6px;border:1px solid rgba(0,237,100,.2);background:rgba(0,237,100,.04);padding:8px 10px;margin-bottom:6px}.db-search-idx.text{border-color:rgba(168,139,250,.25);background:rgba(168,139,250,.04)}.db-search-idx-head{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.db-search-idx-type{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:3px;background:var(--mdb-green-dark2);color:var(--mdb-green-light2)}.db-search-idx.text .db-search-idx-type{background:var(--mdb-purple-dark2);color:#e9d5ff}.db-search-idx-name{color:var(--mdb-white);font-weight:600;flex:1 1}.db-search-idx-status{font-size:9px;font-family:var(--font-sans);padding:2px 6px;border-radius:3px}.db-search-idx-status.ready{background:rgba(0,237,100,.15);color:var(--mdb-green-base)}.db-search-idx-status.pending{background:rgba(255,236,158,.15);color:var(--mdb-yellow-base)}.db-search-idx-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-family:var(--font-mono);font-size:10px}.db-field{padding:2px 6px;border-radius:3px;background:hsla(0,0%,100%,.04)}.db-field code{color:var(--mdb-green-light1)}.db-field.filter{color:var(--text-dim)}.db-field.text code{color:#e9d5ff}.db-refresh{align-self:flex-start;margin-top:6px;background:var(--mdb-gray-dark2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px;cursor:pointer}.db-refresh:hover{color:var(--mdb-white);background:var(--mdb-green-dark2)}.db-refresh:disabled{opacity:.5;cursor:not-allowed}.agent-graph{gap:10px}.agent-nodes{display:flex;flex-direction:column;gap:8px}.agent-node{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--mdb-gray-dark2);transition:all .2s}.agent-node.active{background:linear-gradient(90deg,rgba(0,237,100,.18),rgba(0,237,100,.05));border-color:var(--mdb-green-base);box-shadow:0 0 0 2px rgba(0,237,100,.15)}.agent-node.done{border-color:var(--mdb-green-dark1)}.agent-node .indicator{width:10px;height:10px;border-radius:50%;background:var(--mdb-gray-base);flex-shrink:0}.agent-node.active .indicator{background:var(--mdb-green-base);animation:pulse 1.2s infinite}.agent-node.done .indicator{background:var(--mdb-green-dark1)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(0,237,100,.6)}50%{box-shadow:0 0 0 6px rgba(0,237,100,0)}}.agent-node .name{font-weight:600;color:var(--mdb-white);font-size:13px}.agent-node .role{color:var(--text-dim);font-size:11px}.agent-node .col{display:flex;flex-direction:column}.ops-pane{gap:8px}.ops-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ops-item,.ops-list{font-family:var(--font-mono);font-size:11.5px}.ops-item{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:8px 10px;background:var(--mdb-gray-dark2);border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--mdb-green-dark1);text-align:left;width:100%;min-width:0;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.ops-item:hover{background:var(--mdb-gray-dark3);border-color:var(--mdb-green-dark1)}.ops-item:focus-visible{outline:2px solid var(--mdb-green-base);outline-offset:1px}.ops-item.selected{background:linear-gradient(90deg,rgba(0,237,100,.12),rgba(0,237,100,.03));border-color:var(--mdb-green-base);border-left-color:var(--mdb-green-base);box-shadow:0 0 0 1px rgba(0,237,100,.2)}.ops-item .integ{color:var(--mdb-green-light1);font-weight:600;min-width:0;overflow-wrap:anywhere}.ops-item .meta{color:var(--text-dim);font-size:10px;font-family:var(--font-sans);overflow-wrap:anywhere}.ops-item .lat{color:var(--mdb-green-light2);font-weight:700}.ops-item .agent-tag-mini{display:inline-block;font-size:9px;padding:1px 6px;background:var(--mdb-green-dark3);color:var(--mdb-green-light2);border-radius:3px;margin-right:6px;text-transform:uppercase;font-family:var(--font-sans)}.empty-state{color:var(--text-dim);font-size:12px;font-style:italic;padding:12px 0;text-align:center}.footer{padding:12px 24px;border-top:1px solid var(--border);justify-content:space-between;font-size:11px;color:var(--text-dim)}.footer,.footer .powered{display:flex;align-items:center}.footer .powered{gap:8px}.footer .powered span{color:var(--mdb-green-light1)}.mql-backdrop{position:fixed;inset:0;background:rgba(0,30,43,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mql-drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,80vw);background:var(--mdb-gray-dark3);border-left:1px solid var(--border);box-shadow:-8px 0 32px rgba(0,0,0,.4);z-index:51;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.mql-drawer.open{transform:translateX(0)}.mql-head{padding:16px 20px 0;border-bottom:1px solid var(--border);background:var(--mdb-gray-dark4);flex-shrink:0}.mql-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mql-head-title{display:flex;flex-direction:column;gap:4px;min-width:0}.mql-head-title .mql-integration{font-size:11px;text-transform:none;letter-spacing:0;color:var(--mdb-green-light2);font-weight:600;font-family:var(--font-mono)}.mql-head-title .mql-op{font-family:var(--font-mono);font-size:16px;color:var(--mdb-white);font-weight:600;word-break:break-word}.mql-close{background:transparent;border:none;color:var(--text-dim);font-size:28px;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px}.mql-close:hover{color:var(--mdb-white);background:var(--mdb-gray-dark2)}.mql-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mql-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--mdb-gray-dark2);border:1px solid var(--border);border-radius:999px;font-size:10.5px;font-family:var(--font-mono)}.mql-badge .lbl{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-family:var(--font-sans);color:var(--text-dim)}.mql-badge code{color:var(--mdb-green-light1)}.mql-badge.idx code{color:var(--mdb-green-base)}.mql-badge.lat code{color:var(--mdb-green-light2);font-weight:700}.mql-badge.n code{color:var(--mdb-white);font-weight:700}.mql-badge.hit{background:var(--mdb-green-dark2);color:var(--mdb-green-light2);border-color:var(--mdb-green-dark1);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.mql-tabs{display:flex;align-items:center;gap:4px;margin-top:14px;border-bottom:none}.mql-tab{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:11px;font-weight:600;padding:8px 14px;border-radius:6px 6px 0 0;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;position:relative}.mql-tab:hover{color:var(--mdb-green-light2)}.mql-tab.active{color:var(--mdb-white);background:var(--mdb-gray-dark3)}.mql-tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--mdb-green-base)}.mql-tab-spacer{flex:1 1}.mql-copy{background:var(--mdb-green-base);color:var(--mdb-black);border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;margin-bottom:4px;transition:background .12s}.mql-copy:hover{background:var(--mdb-green-dark1);color:var(--mdb-white)}.mql-copy:disabled{opacity:.5;cursor:not-allowed}.mql-code{flex:1 1;overflow:auto;margin:0;padding:20px 24px;background:var(--mdb-gray-dark4);color:var(--text);font-family:var(--font-mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;border-top:1px solid var(--border)}.mql-code .mql-s{color:#71f6ba}.mql-code .mql-n{color:#fcd34d}.mql-code .mql-k{color:#e9d5ff;font-weight:600}.mql-code .mql-op{color:#5eead4;font-weight:600}.mql-code .mql-c{color:var(--mdb-gray-base);font-style:italic}.mql-code .mql-db{color:#93c5fd}.mql-code .mql-coll{color:#fda4af}.mql-code .mql-fn{color:#00ed64;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mdb-gray-dark2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--mdb-gray-dark1)}