.mbl-graph{--mbl-bg:#111827;--mbl-border:#1f2937;--mbl-text:#d1d5db;--mbl-text-dim:#6b7280;--mbl-btn-bg:#1f2937;--mbl-btn-hover:#374151;--mbl-btn-active-bg:#3b82f6;--mbl-btn-active-text:#fff;--mbl-input-bg:#1f2937;--mbl-select-bg:#1f2937;--mbl-accent:#3b82f6;background:var(--mbl-bg);border:1px solid var(--mbl-border);border-radius:6px;color:var(--mbl-text);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}.mbl-graph--light{--mbl-bg:#fff;--mbl-border:#e5e7eb;--mbl-text:#111827;--mbl-text-dim:#9ca3af;--mbl-btn-bg:#f3f4f6;--mbl-btn-hover:#e5e7eb;--mbl-btn-active-bg:#3b82f6;--mbl-btn-active-text:#fff;--mbl-input-bg:#f9fafb;--mbl-select-bg:#f9fafb}.mbl-graph__toolbar{align-items:center;border-bottom:1px solid var(--mbl-border);display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.mbl-graph__title{flex-shrink:0;font-size:14px;font-weight:600}.mbl-graph__controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.mbl-graph__type-group{display:flex;gap:2px}.mbl-graph__refresh{align-items:center;display:flex;gap:4px}.mbl-graph__state{align-items:center;color:var(--mbl-text-dim);display:flex;flex:1;justify-content:center;min-height:120px}.mbl-graph__state--error{color:#ef4444}.mbl-graph__refresh-indicator{animation:mbl-pulse 2s ease-in-out infinite;background:var(--mbl-accent);height:2px;opacity:.4}.mbl-btn{align-items:center;background:var(--mbl-btn-bg);border:1px solid var(--mbl-border);border-radius:4px;color:var(--mbl-text);cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;line-height:1.4;padding:3px 8px;transition:background .15s;white-space:nowrap}.mbl-btn:hover{background:var(--mbl-btn-hover)}.mbl-btn--active{background:var(--mbl-btn-active-bg);border-color:var(--mbl-btn-active-bg);color:var(--mbl-btn-active-text)}.mbl-btn--icon{min-width:28px;padding:3px 6px}.mbl-btn--spinning{animation:mbl-spin .8s linear infinite}.mbl-select{background:var(--mbl-select-bg);cursor:pointer}.mbl-input,.mbl-select{border:1px solid var(--mbl-border);border-radius:4px;color:var(--mbl-text);font-size:12px;padding:3px 6px}.mbl-input{background:var(--mbl-input-bg);color-scheme:dark}.mbl-tp{flex-wrap:wrap;gap:2px}.mbl-tp,.mbl-tp__custom{align-items:center;display:flex}.mbl-tp__custom{gap:4px;margin-left:4px}.mbl-tp__arrow{color:var(--mbl-text-dim);font-size:11px}@keyframes mbl-spin{to{transform:rotate(1turn)}}@keyframes mbl-pulse{0%,to{opacity:.2}50%{opacity:.6}}