.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:min(46vh,360px);padding:40px 24px;display:flex}.state-panel__icon{width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.state-panel--error .state-panel__icon,.state-panel--conflict .state-panel__icon{color:var(--danger);background:color-mix(in oklab, var(--danger) 12%, transparent)}.state-panel--permission-denied .state-panel__icon{color:var(--warning);background:color-mix(in oklab, var(--warning) 14%, transparent)}.state-panel__title{color:var(--label)}.state-panel__description{max-width:34ch;color:var(--label-2);font:var(--t-subhead);margin:0}.state-panel__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.state-panel__skeleton{flex-direction:column;gap:8px;width:min(320px,72%);margin-top:10px;display:flex}.state-panel__skeleton-row{border-radius:var(--r-pill);background:color-mix(in oklab, var(--label) 8%, transparent);height:12px;animation:state-panel-breathe 1.6s var(--ease-in-out) infinite}.state-panel__skeleton-row--short{width:62%}@keyframes state-panel-breathe{0%,to{opacity:.55}50%{opacity:1}}.state-banner{min-height:34px;padding:0 var(--gutter);color:var(--label-2);background:color-mix(in oklab, var(--warning) 12%, transparent);border-bottom:1px solid var(--separator);font:var(--t-footnote);align-items:center;gap:8px;display:flex}.state-banner__title{color:var(--label);flex:none;font-weight:600}.state-banner__caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-banner__action{border-radius:var(--r-pill);min-height:28px;color:var(--label);font:600 13px/1 var(--font-ui);box-shadow:inset 0 0 0 1px var(--separator);flex:none;margin-left:auto;padding:0 12px}.state-banner__action:active{background:color-mix(in oklab, var(--label) 6%, transparent)}.page-placeholder{padding:calc(var(--status-h) + 18px) var(--gutter) calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}.app--wide .page-placeholder{padding:34px}.page-placeholder__head{flex-direction:column;gap:6px;display:flex}.page-placeholder__eyebrow{color:var(--label-3);font:var(--t-caption-2);letter-spacing:.08em;text-transform:uppercase}.page-placeholder__title{color:var(--label)}.page-placeholder__caption{color:var(--label-2);font:var(--t-subhead)}.page-placeholder__body{border-radius:var(--r-lg);background:var(--card-tint);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:18px;display:flex}.page-placeholder__line{border-radius:var(--r-pill);background:color-mix(in oklab, var(--label) 7%, transparent);height:14px;animation:state-panel-breathe 1.6s var(--ease-in-out) infinite}.page-placeholder__line--wide{width:68%}.page-placeholder__line--narrow{width:42%}.page-placeholder__footer{gap:10px;display:flex}