.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);min-width:0}.ui-page-header__copy{min-width:0}.ui-page-header__eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ui-page-header__title{max-width:32ch;color:var(--color-text-primary);font-size:clamp(1.5rem,1.2rem + 1.1vw,2rem);line-height:var(--line-height-tight);letter-spacing:-.025em;text-wrap:balance}.ui-page-header__subtitle{max-width:68ch;margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.ui-page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}@media (max-width:600px){.ui-page-header{align-items:stretch;flex-direction:column}.ui-page-header__actions{justify-content:flex-start}.ui-page-header__actions>*{flex:1 1 auto}}.state-panel{display:flex;width:min(100%,560px);min-height:180px;margin:var(--space-6) auto;padding:var(--space-6);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-primary);color:var(--color-text-secondary);text-align:center}.state-panel--compact{min-height:0;margin:var(--space-3) 0;padding:var(--space-4)}.state-panel--error{border-color:#f1c4ca;background:var(--color-danger-light);color:#8f2f3b}.state-panel--success{border-color:#bfe0cd;background:var(--color-success-light);color:#17643f}.state-panel__spinner{width:28px;height:28px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:state-panel-spin .75s linear infinite}.state-panel__icon{display:grid;width:40px;height:40px;place-items:center}.state-panel__copy{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.state-panel__title{color:currentColor;font-size:var(--font-size-base);line-height:var(--line-height-tight)}.state-panel__message{max-width:52ch;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.state-panel__action{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.state-panel__action:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}@keyframes state-panel-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.state-panel__spinner{animation-duration:1.5s}}