#status{gap:20px;min-width:0;display:grid}.frame{border:1px solid var(--line);border-radius:6px;height:min(70vh,680px);min-height:320px;position:relative;overflow:hidden}.frame canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.frame canvas:active{cursor:grabbing}.frame .layer{place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:10px;right:10px}.frame .tip{background:var(--panel);border:1px solid var(--line);max-width:min(360px,100% - 16px);box-shadow:0 4px 16px var(--shadow);white-space:pre-line;pointer-events:none;border-radius:6px;margin:0;padding:8px 10px;font-size:13px;position:absolute}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.addresses{margin:12px 0 0;font-size:15px}.addresses small{color:var(--muted);font-size:14px;display:block}.legend li{align-items:center;gap:8px;display:flex}.swatch{border-radius:3px;width:14px;height:14px}.swatch.full{background:#246847}.swatch.light{background:#236b87}.swatch.part{background:#8f9699}.swatch.busy{background:#c99c3e;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #c99c3e}.swatch.queued{box-shadow:inset 0 0 0 2.5px #8a4fd8,0 0 0 1px #fff}.swatch.failed{box-shadow:inset 0 0 0 2.5px #a33131,0 0 0 1px #fff}.card .error{color:var(--error);margin-top:8px}.clients{gap:12px;margin:0;padding:0;list-style:none;display:grid}.clients>li>div{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.clients small{color:var(--muted);font-size:14px}.clients .badge{background:var(--fill);min-width:24px;height:24px;color:var(--muted);border-radius:12px;align-self:center;place-items:center;padding:0 6px;font-size:13px;font-weight:650;display:inline-grid}.clients .on .badge{color:var(--ink);background:#c99c3e}.clients .none{color:var(--muted);font-size:14px}.jobs{gap:2px;margin:6px 0 0 34px;padding:0;font-size:14px;list-style:none;display:grid}.jobs button.link{color:var(--accent);text-align:left;text-underline-offset:.2em;background:0 0;border:0;padding:2px 0;text-decoration:underline}.problems{margin:6px 0 0 34px;font-size:14px}.problems summary{color:var(--error);cursor:pointer;font-weight:650}.problems .jobs{gap:8px;max-height:360px;margin-left:0;overflow-y:auto}.problems li>div{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.problems code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;display:block}