@layer components{.system-state{max-width:640px;margin:56px auto;padding:32px}.system-state .state-mark{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-soft);width:48px;height:48px;margin-bottom:var(--spacing-section);justify-content:center;align-items:center;display:flex}.system-state .state-mark .icon{width:var(--spacing-icon-only);height:var(--spacing-icon-only)}.system-state h1,.system-state h2{font-size:var(--text-title);line-height:var(--text-title--line-height);overflow-wrap:anywhere;margin:0;font-weight:600}.system-state p{color:var(--color-muted);font-size:var(--text-body);line-height:var(--text-body--line-height);margin:12px 0 0}.system-state__actions{gap:var(--spacing-related);margin-top:var(--spacing-section);flex-wrap:wrap;display:flex}.system-state-overlay{z-index:30;padding:var(--spacing-group);background:var(--color-canvas);position:fixed;inset:0;overflow:auto}@container workspace (max-width:40em){.system-state{margin:var(--spacing-section) 0;padding:var(--spacing-section)}}@media (max-width:639px){.system-state{margin:var(--spacing-section) 0;padding:var(--spacing-section)}}.system-state__signout{display:contents}}