.studio-service-state { display:inline-flex; align-items:center; gap:5px; width:max-content; max-width:100%; margin-top:2px; color:#5e7479; font-size:8px; font-weight:850; letter-spacing:.03em; }
.studio-service-state i { width:6px; height:6px; border-radius:50%; background:#93a4a8; box-shadow:0 0 0 3px rgba(147,164,168,.14); }
.studio-service-state[data-state="online"] { color:#167067; }
.studio-service-state[data-state="online"] i { background:#22a394; box-shadow:0 0 0 3px rgba(34,163,148,.13); }
.studio-service-state[data-state="checking"] i { animation:pmp-service-pulse 1s ease-in-out infinite alternate; }
.studio-service-state[data-state="deferred"] { color:#946500; }
.studio-service-state[data-state="deferred"] i { background:#dfa51b; box-shadow:0 0 0 3px rgba(223,165,27,.15); }
.studio-service-state[data-state="offline"] { color:#b23b32; }
.studio-service-state[data-state="offline"] i { background:#d85349; box-shadow:0 0 0 3px rgba(216,83,73,.14); }
.studio-service-state [data-retry-library-save] { flex:0 0 24px; width:24px; height:24px; display:grid; place-items:center; margin-left:1px; padding:0; border:1px solid currentColor; border-radius:7px; background:rgba(255,255,255,.72); color:inherit; font-size:13px; font-weight:900; line-height:1; cursor:pointer; }
.studio-service-state [data-retry-library-save]:hover { background:#fff; box-shadow:0 2px 8px rgba(22,35,42,.16); }
.studio-service-state [data-retry-library-save][hidden] { display:none; }
.studio-service-state [data-retry-library-save][aria-busy="true"] { cursor:wait; }
@keyframes pmp-service-pulse { to { opacity:.35; transform:scale(.8); } }
@media(max-width:760px){.studio-service-state { font-size:7px; }.studio-service-state span { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.studio-service-state [data-retry-library-save] { flex-basis:28px; width:28px; height:28px; }}
@media(prefers-reduced-motion:reduce){.studio-service-state[data-state="checking"] i { animation:none; }}