:root{--system-status-height:30px}
#system-statusbar{position:relative;z-index:1251;min-height:var(--system-status-height);color:var(--muted,#617084);background:var(--paper,#fff);border-bottom:1px solid var(--line,#d6dbe4);font-family:var(--sans,sans-serif);font-size:10px}
.system-status-inner{max-width:1280px;margin:auto;min-height:var(--system-status-height);display:flex;align-items:center;gap:12px;padding:3px 18px}.connection-state{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.connection-state svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.connection-state[data-state=ok]{color:#3b805a}.connection-state[data-state=slow]{color:#a06c18}.connection-state[data-state=error]{color:#bd4854}.system-meters{display:flex;gap:14px;align-items:center;margin-left:auto}.system-meter{display:flex;align-items:center;gap:5px;white-space:nowrap}.system-meter-bar{width:48px;height:4px;background:var(--line,#e0e4ea);border-radius:4px;overflow:hidden}.system-meter-bar i{display:block;height:100%;width:0;background:var(--accent,#385394);transition:width .35s}.system-meter[data-level=medium] i{background:#b98930}.system-meter[data-level=high] i{background:#c5545f}.system-meter output{min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.system-status-refresh{border:0;background:none;color:inherit;padding:0 5px;min-height:22px;font-size:16px;cursor:pointer}
body.drawing-mobile-open #system-statusbar,body.drawing-expanded-open #system-statusbar{position:fixed;top:0;left:0;right:0}
body.drawing-mobile-open .drawing-studio[data-has-canvas],body.drawing-expanded-open .drawing-studio.drawing-expanded[data-has-canvas]{top:var(--system-status-height);height:calc(100dvh - var(--system-status-height))}
@media(max-width:700px){:root{--system-status-height:45px}.system-status-inner{padding:3px 10px;gap:3px 10px;flex-wrap:wrap}.system-meters{order:3;width:100%;margin:0;gap:8px;justify-content:space-between}.system-meter{gap:3px;font-size:9px}.system-meter-bar{width:27px}.system-meter output{min-width:26px}.system-status-refresh{margin-left:auto;min-height:17px;line-height:17px}.connection-state{font-size:9px}.connection-state svg{width:12px;height:12px}}

@media(max-width:500px){.system-meter-bar{width:20px}.system-meter{gap:2px;font-size:8.5px}.system-meter output{min-width:23px}.system-meters{gap:6px}}

#system-statusbar{height:var(--system-status-height);box-sizing:border-box;line-height:1.2}.system-status-inner{height:100%;min-height:0;box-sizing:border-box}.system-status-refresh{height:22px;line-height:1}
body:not(.drawing-mobile-open):not(.drawing-expanded-open) .drawing-studio[data-has-canvas]{height:calc(100dvh - 158px - var(--system-status-height))}
.system-meter[data-meter="requests"] i{background:var(--accent,#385394)}