.viewer-error{background:var(--doc-surface,var(--card-bg,#fff));border-radius:var(--doc-container-radius,1rem);flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.viewer-error__card{border:1px solid color-mix(in srgb, var(--status-rose-text) 30%, transparent);border-radius:var(--app-radius-lg);background:color-mix(in srgb, var(--status-rose-text) 8%, transparent);flex-shrink:0;padding:16px}.viewer-error__title{font-size:var(--app-type-emphasis);color:var(--doc-status-error,#e11d48);align-items:center;gap:8px;margin:0 0 4px;font-weight:700;display:flex}.viewer-error__icon{flex-shrink:0;width:16px;height:16px}.viewer-error__filename{font-size:var(--app-type-callout);word-break:break-all;color:var(--doc-header-text,#475569);margin-bottom:8px;font-weight:600;display:block}.viewer-error__desc{font-size:var(--app-type-body);color:var(--doc-body-text,var(--text-muted,#475569));margin:0 0 8px}.viewer-error__message{border-radius:var(--app-radius-md);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--app-type-callout);word-break:break-word;background:color-mix(in srgb, var(--status-rose-text) 8%, transparent);color:var(--doc-status-error,#be123c);margin:0;padding:8px 12px}.viewer-error__raw-section{flex-direction:column;gap:6px;min-height:0;display:flex}.viewer-error__raw-label{font-size:var(--app-type-footnote);letter-spacing:.03em;text-transform:uppercase;color:var(--doc-header-text,#64748b);flex-shrink:0;font-weight:600}.viewer-error__raw{font-size:var(--app-type-callout);white-space:pre-wrap;word-break:break-word;border:1px solid var(--doc-table-border,var(--border-color,#e2e8f0));border-radius:var(--app-radius-md);background:var(--doc-code-bg,#94a3b814);color:var(--doc-body-text,var(--text-color,#0f172a));margin:0;padding:12px;line-height:1.5;overflow:auto}
