.ScreenState-module__s3Oinq__box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);max-width:var(--reading-max-ch);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.ScreenState-module__s3Oinq__badgeRow{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ScreenState-module__s3Oinq__badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--fg-default);background:var(--bg-canvas);border:1px solid var(--border-strong);padding:.2rem .55rem;font-size:.7rem;font-weight:600}.ScreenState-module__s3Oinq__screenId{font-family:var(--font-mono);color:var(--fg-muted);font-size:.75rem}.ScreenState-module__s3Oinq__heading{font-family:var(--font-display);color:var(--fg-default);margin:0;font-size:1.15rem;font-weight:600}.ScreenState-module__s3Oinq__description{font-family:var(--font-body);color:var(--fg-body);margin:0;font-size:.95rem;line-height:1.6}.ScreenState-module__s3Oinq__retry,.ScreenState-module__s3Oinq__actionButton{font-family:var(--font-body);color:var(--accent-default);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:var(--min-pointer-target);cursor:pointer;background:0 0;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.ScreenState-module__s3Oinq__retry:hover,.ScreenState-module__s3Oinq__actionButton:hover{background:var(--bg-canvas);text-decoration:none}.ScreenState-module__s3Oinq__box[data-tone=info]{border-color:var(--accent-default)}.ScreenState-module__s3Oinq__box[data-tone=warning]{border-color:var(--status-warning-fg);background:var(--status-warning-bg)}.ScreenState-module__s3Oinq__box[data-tone=danger]{border-color:var(--status-danger)}.ScreenState-module__s3Oinq__box[data-tone=success]{border-color:var(--status-success)}.ScreenState-module__s3Oinq__box[data-tone=neutral]{border-color:var(--border-strong)}@media (prefers-reduced-motion:no-preference){.ScreenState-module__s3Oinq__box{transition:border-color .15s}}
.StateDemoSwitcher-module__n3BYeG__switcher{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.StateDemoSwitcher-module__n3BYeG__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:.75rem;font-weight:600}.StateDemoSwitcher-module__n3BYeG__list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.StateDemoSwitcher-module__n3BYeG__link{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-body);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-pill);min-height:var(--min-pointer-target);align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.StateDemoSwitcher-module__n3BYeG__link:hover{border-color:var(--border-strong);text-decoration:none}.StateDemoSwitcher-module__n3BYeG__link[data-active=true]{color:var(--bg-canvas);background:var(--fg-default);border-color:var(--fg-default)}