:root{--mb-accent:#0ea5e9;--mb-border:#e5e7eb;--mb-muted:#f8fafc;--mb-text:#0f172a}
.mbde-wrap{max-width:1160px;margin:0 auto;padding:8px}
.mbde-card{background:#fff;border:1px solid var(--mb-border);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:16px;margin:18px 0}
.mbdde-tabs{display:flex;gap:10px;margin:10px 0}
.mbdde-tab{background:#fff;border:1px solid var(--mb-border);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.mbdde-tab.is-active{box-shadow:0 0 0 2px var(--mb-border) inset}
.mbdde-panel{display:none;margin-top:8px}
.mbdde-panel.is-active{display:block}
.mbdde-pills{display:flex;flex-wrap:wrap;gap:8px}
.mbdde-pill{background:#eef6ff;border:1px solid #dbeafe;color:#075985;border-radius:999px;padding:4px 10px;font-size:12px}
.mbdde-icons{display:flex;flex-wrap:wrap;gap:10px}
.mbdde-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--mb-border);border-radius:14px;background:#fff;transition:transform .15s,box-shadow .2s}
.mbdde-ic:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(2,132,199,.2)}
.mbbe-ic-svg{width:22px;height:22px;color:var(--mb-text)}