@layer ds.components{.error-card{--ec-tint:var(--color-danger-bg);--ec-ink:var(--color-danger-text);color:var(--text,var(--color-text));font-size:var(--fs-14);min-width:0}.error-card.ec-forbidden{--ec-tint:var(--color-warn-bg);--ec-ink:var(--color-warn-text)}.error-card.ec-notfound{--ec-tint:var(--color-bg-muted);--ec-ink:var(--color-text-secondary)}.error-card.ec-input{--ec-tint:var(--color-info-bg);--ec-ink:var(--color-info-text)}.error-card .ec-icon{background:var(--ec-tint);color:var(--ec-ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.error-card .ec-icon svg{width:55%;height:55%}.error-card .ec-actions{justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted,var(--color-text-muted));flex-wrap:wrap;display:flex}.error-card .ec-actions>i{color:var(--color-text-muted);font-style:normal}.error-card .ec-wait{font-variant-numeric:tabular-nums}.ec-toggle{align-items:center;gap:var(--space-1);display:inline-flex}.ec-toggle svg{width:14px;height:14px;transition:transform var(--motion-1)}.ec-details.open .ec-toggle svg{transform:rotate(90deg)}.ec-facts{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;padding:var(--space-3) var(--space-3);border:1px solid var(--line,var(--color-border));border-radius:var(--radius-sm);background:var(--canvas,var(--color-bg-subtle));font-size:var(--fs-12);text-align:left;grid-template-columns:auto minmax(0,1fr);display:grid}.ec-facts>div{display:contents}.ec-facts dt{color:var(--muted,var(--color-text-muted))}.ec-facts dd{align-items:center;gap:var(--space-2);min-width:0;margin:0;display:flex}.ec-facts code{font-size:var(--fs-12);overflow-wrap:anywhere}.ec-copy{align-items:center;gap:var(--space-1);flex:none;display:inline-flex}.ec-copy svg{width:12px;height:12px}.error-card.ec-table{justify-content:center;align-items:center;gap:var(--space-3);min-height:360px;padding:var(--space-12) var(--page-pad,var(--space-6));text-align:center;flex-direction:column;flex:1;display:flex}.error-card.ec-table .ec-icon{width:64px;height:64px}.error-card.ec-table .ec-title{font-size:var(--fs-20);letter-spacing:-.01em;font-weight:700}.error-card.ec-table .ec-msg{max-width:520px;color:var(--muted,var(--color-text-muted));margin:0}.error-card.ec-table .ec-actions{font-size:var(--fs-14)}.error-card.ec-card{justify-content:center;align-items:center;gap:var(--space-2);min-height:160px;padding:var(--sheet-pad,var(--space-6));text-align:center;flex-direction:column;display:flex}.error-card.ec-card .ec-icon{width:44px;height:44px}.error-card.ec-card .ec-title{font-size:var(--fs-16);font-weight:650}.error-card.ec-card .ec-msg{max-width:440px;color:var(--muted,var(--color-text-muted));font-size:var(--fs-13);margin:0}.error-card.ec-card .ec-actions{font-size:var(--fs-13)}.error-card.ec-inline{align-items:center;gap:var(--space-1) var(--space-2);min-height:var(--control,36px);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);margin:var(--space-2) 0;border-radius:var(--radius-sm);background:var(--ec-tint);font-size:var(--fs-13);flex-wrap:wrap;display:flex}.error-card.ec-inline .ec-icon{background:0 0;width:20px;height:20px}.error-card.ec-inline .ec-icon svg{width:18px;height:18px}.error-card.ec-inline strong{color:var(--ec-ink);flex:none;font-weight:650}.error-card.ec-inline .ec-msg{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text,var(--color-text));flex:1 1 0;overflow:hidden}.error-card.ec-inline .ec-actions{font-size:var(--fs-13);margin-left:auto}.error-card.ec-inline .ec-details{display:contents}.error-card.ec-inline .ec-facts{margin:var(--space-hair) 0 var(--space-1);background:var(--color-bg-surface);flex-basis:100%}.error-card.ec-placeholder{align-content:center;justify-items:start;gap:var(--space-3);padding:var(--space-6) var(--space-6);border:1px solid var(--line,var(--color-border));border-radius:var(--radius-sm);background:var(--color-bg-subtle);flex:none;grid-template-columns:100%;width:min(560px,100%);min-height:0;margin:auto;display:grid}.error-card.ec-table.ec-placeholder{margin-block:calc(var(--space-12) * 2.5)}.error-card.ec-placeholder span{border-radius:var(--radius-sm);background:var(--color-bg-muted);width:30%;height:12px;display:block}.error-card.ec-placeholder span:nth-child(2){width:88%}.error-card.ec-placeholder span:nth-child(3){width:64%}.error-card.ec-inline.ec-placeholder{padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;background:0 0;border:0}.connection-banner{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--page-pad,var(--space-6));background:var(--color-warn-bg);border-bottom:1px solid var(--color-warn-border);color:var(--color-warn-text);font-size:var(--fs-14);display:flex}.connection-banner svg{flex:none;width:18px;height:18px}.connection-banner b{font-weight:600}.connection-banner i{opacity:.7;font-style:normal}.connection-banner.back{background:var(--color-good-bg);border-color:var(--color-good-border);color:var(--color-good-text)}.stop-screen{justify-content:center;align-items:center;gap:var(--space-2);min-height:calc(100vh - var(--context-h,56px) - 64px);padding:var(--space-12) var(--page-pad,var(--space-6));text-align:center;flex-direction:column;display:flex}.stop-screen .stop-page-icon{color:var(--muted,var(--color-text-muted))}.stop-screen .stop-page-icon svg,.stop-screen .stop-page-icon .icon{width:44px;height:44px}.stop-screen .stop-page{margin:0 0 var(--space-3);font-size:var(--fs-14);font-weight:650}.stop-screen h2{font-size:var(--fs-20);margin:0;font-weight:700}.stop-screen .stop-cause{margin:var(--space-1) 0 0;color:var(--muted,var(--color-text-muted))}.stop-screen .stop-actions{gap:var(--space-2);margin-top:var(--space-5);display:flex}.stop-screen .stop-actions button{justify-content:center;align-items:center;gap:var(--space-2);min-width:150px;display:inline-flex}.stop-screen .stop-actions svg{width:18px;height:18px}.ec-details>button{white-space:nowrap}.ec-details>button svg{width:14px;height:14px;transition:transform var(--motion-2) var(--ease-out);flex:none}.ec-details.open>button svg{transform:rotate(90deg)}}