.rattad-viewport-diag{--rattad-diag-ok:var(--theme-success);--rattad-diag-warn:var(--theme-danger);--rattad-diag-status:var(--rattad-diag-ok);position:fixed;right:8px;bottom:8px;z-index:1000;max-width:min(95vw, 390px);max-height:132px;padding:6px 8px;overflow:hidden;color:var(--theme-light);background:rgba(var(--theme-dark-rgb),.92);border:var(--theme-border-width) solid rgba(var(--theme-light-rgb),.22);border-radius:var(--theme-border-radius);font-family:var(--theme-font-family-mono);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.3;white-space:normal;cursor:pointer;user-select:none;transition:max-width var(--theme-transition-base),max-height var(--theme-transition-base),padding var(--theme-transition-base)}@supports (color:color-mix(in srgb,red,blue)){.rattad-viewport-diag{--rattad-diag-ok:color-mix(in srgb, var(--theme-success) 45%, var(--theme-light));--rattad-diag-warn:color-mix(in srgb, var(--theme-danger) 45%, var(--theme-light))}}.rattad-viewport-diag.is-full{max-width:min(95vw, 620px);max-height:78vh;padding:8px 10px;overflow-y:auto}.rattad-viewport-diag.is-warn{--rattad-diag-status:var(--rattad-diag-warn)}.rattad-viewport-diag__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.rattad-viewport-diag.is-full .rattad-viewport-diag__header{margin-bottom:8px}.rattad-viewport-diag__title{font-size:11px;letter-spacing:.15px}.rattad-viewport-diag.is-full .rattad-viewport-diag__title{font-size:12px}.rattad-viewport-diag__pills{display:inline-flex;align-items:center;gap:6px;font-size:10px}.rattad-viewport-diag__pill{padding:1px 6px;border:var(--theme-border-width) solid rgba(var(--theme-light-rgb),.25);border-radius:999px;opacity:.9}.rattad-viewport-diag__pill--status{color:var(--rattad-diag-status);border-color:var(--rattad-diag-status);font-weight:700;opacity:1}.rattad-viewport-diag__grid{display:grid;grid-template-columns:auto minmax(64px,max-content) auto minmax(64px,max-content);column-gap:10px;row-gap:2px;align-items:baseline}.rattad-viewport-diag.is-full .rattad-viewport-diag__grid{grid-template-columns:minmax(155px,1fr) auto;column-gap:14px;row-gap:3px}.rattad-viewport-diag__label{opacity:.84}.rattad-viewport-diag__value{text-align:right;opacity:.98}.rattad-viewport-diag__value--delta{color:var(--rattad-diag-status);font-weight:700;opacity:1}.rattad-viewport-diag__hint{margin-top:6px;font-size:10px;opacity:.72}.rattad-viewport-diag.is-full .rattad-viewport-diag__hint{margin-top:8px}