.mlog-bar,.mlog-drawer{--mlog-bg:#111827;--mlog-bg-deep:#030712;--mlog-line:#374151;--mlog-line-soft:#1f2937;--mlog-hover:#1f2937;--mlog-ink:#d1d5db;--mlog-ink-dim:#9ca3af;--mlog-ink-faint:#6b7280;--mlog-ok:#34d399;--mlog-err:#fb7185;--mlog-warn:#fbbf24;--mlog-info:#38bdf8;--mlog-err-bg:#7f1d1d;--mlog-err-ink:#fecdd3;--mlog-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.mlog-bar{inset-inline:0;z-index:50;border:0;border-top:1px solid var(--mlog-line);background:var(--mlog-bg);width:100%;height:28px;color:var(--mlog-ink);font-family:var(--mlog-mono);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex;position:fixed;bottom:0}.mlog-bar:hover{background:var(--mlog-hover)}.mlog-caret{flex:none;transition:transform .15s}.mlog-caret.is-open{transform:rotate(90deg)}.mlog-brand{color:var(--mlog-ok);font-weight:600}.mlog-badge{background:var(--mlog-line);color:var(--mlog-ink);border-radius:4px;flex:none;padding:0 6px;font-size:10px}.mlog-badge-err{background:var(--mlog-err-bg);color:var(--mlog-err-ink)}.mlog-live{background:var(--mlog-warn);border-radius:9999px;flex:none;width:6px;height:6px;animation:1.4s ease-in-out infinite mlog-pulse}@keyframes mlog-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mlog-live{animation:none}.mlog-caret{transition:none}}.mlog-sep{color:var(--mlog-ink-faint)}.mlog-last{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mlog-truncate{text-overflow:ellipsis;white-space:nowrap;color:var(--mlog-ink-dim);overflow:hidden}.mlog-hint{color:var(--mlog-ink-faint);flex:none}@media (width<=640px){.mlog-hint{display:none}}.mlog-drawer{inset-inline:0;z-index:50;border-top:1px solid var(--mlog-line);background:var(--mlog-bg);height:45vh;color:var(--mlog-ink);flex-direction:column;display:flex;position:fixed;bottom:28px;box-shadow:0 -10px 30px #00000073}.mlog-drawer-head{border-bottom:1px solid var(--mlog-line);flex:none;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.mlog-title{font-weight:600}.mlog-spacer{flex:1}.mlog-btn{border:1px solid var(--mlog-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.mlog-btn:hover{background:var(--mlog-line)}.mlog-btn-icon{place-items:center;width:20px;height:20px;padding:0;line-height:1;display:grid}.mlog-list{flex:1;min-height:0;overflow-y:auto}.mlog-empty{color:var(--mlog-ink-faint);padding:16px;font-size:12px}.mlog-exchange{border-bottom:1px solid var(--mlog-line-soft)}.mlog-row{width:100%;color:inherit;font-family:var(--mlog-mono);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 12px;font-size:11px;display:flex}.mlog-row:hover{background:var(--mlog-hover)}.mlog-section{color:var(--mlog-ink-faint);flex:none}.mlog-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mlog-ink);flex:1;overflow:hidden}.mlog-dur{text-align:right;width:56px;color:var(--mlog-ink-faint);flex:none}.mlog-method,.mlog-status{flex:none;font-weight:600}.mlog-m-get{color:var(--mlog-info)}.mlog-m-post{color:var(--mlog-ok)}.mlog-m-put,.mlog-m-patch{color:var(--mlog-warn)}.mlog-m-delete{color:var(--mlog-err)}.mlog-m-other{color:var(--mlog-ink-dim)}.mlog-s-ok{color:var(--mlog-ok)}.mlog-s-err{color:var(--mlog-err)}.mlog-s-pending{color:var(--mlog-ink-faint)}.mlog-detail{background:var(--mlog-bg-deep);font-family:var(--mlog-mono);padding:8px 12px;font-size:11px}.mlog-detail>*+*{margin-top:8px}.mlog-kv{gap:8px;display:flex}.mlog-k{width:64px;color:var(--mlog-ink-faint);flex:none}.mlog-v{overflow-wrap:anywhere;color:var(--mlog-ink)}.mlog-sub{color:var(--mlog-ink-faint)}.mlog-json{max-height:256px;color:var(--mlog-ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#0006;border-radius:4px;padding:8px;overflow:auto}.mlog-json-req{max-height:192px}.mlog-json-err{color:var(--mlog-err-ink)}:root{--mlog-bar-h:28px}.mlog-bar-present body{height:calc(100% - var(--mlog-bar-h))}.mlog-filters{gap:4px;margin-left:8px;display:flex}.mlog-chip{font:inherit;border:1px solid var(--mlog-line,#33415580);color:inherit;cursor:pointer;opacity:.7;background:0 0;border-radius:999px;padding:3px 7px;font-size:11px;line-height:1}.mlog-chip:hover{opacity:1}.mlog-chip.is-on{opacity:1;background:var(--mlog-chip-on,#ffffff1f);border-color:currentColor}.mlog-chip-n{opacity:.65;font-variant-numeric:tabular-nums;margin-left:3px}