.global-error-body{--global-error-canvas:var(--template-canvas,#fafafa);--global-error-surface:var(--template-surface,#fff);--global-error-text:var(--template-text,#262626);--global-error-muted:var(--template-text-muted,#737373);--global-error-border:var(--template-border,#e5e5e5);--global-error-primary:var(--template-primary,#262626);--global-error-primary-foreground:var(--template-primary-foreground,#fff);--global-error-primary-hover:var(--template-primary-hover,#404040);--global-error-focus:var(--template-focus-ring,#737373);min-height:100vh;padding:var(--ui-space-4,16px);color:var(--global-error-text);background:var(--global-error-canvas);place-items:center;margin:0;font-family:system-ui,sans-serif;display:grid}:root[data-ui-template=dark] .global-error-body{--global-error-canvas:var(--template-canvas,#171717);--global-error-surface:var(--template-surface,#262626);--global-error-text:var(--template-text,#f5f5f5);--global-error-muted:var(--template-text-muted,#a3a3a3);--global-error-border:var(--template-border,#404040);--global-error-primary:var(--template-primary,#e5e5e5);--global-error-primary-foreground:var(--template-primary-foreground,#262626);--global-error-primary-hover:var(--template-primary-hover,#d4d4d4);--global-error-focus:var(--template-focus-ring,#a3a3a3)}.global-error-panel{border:1px solid var(--global-error-border);border-radius:var(--ui-radius-panel,12px);width:min(100%,480px);padding:var(--ui-space-6,24px);color:var(--global-error-text);background:var(--global-error-surface);box-shadow:var(--template-shadow-floating,0 12px 32px #0000001f)}.global-error-panel h1{margin:0;font-size:1.5rem;font-weight:650;line-height:1.25}.global-error-panel p{margin:var(--ui-space-3,12px) 0 var(--ui-space-6,24px);color:var(--global-error-muted);line-height:1.6}.global-error-panel button{border:1px solid var(--global-error-primary);border-radius:var(--ui-radius-control,8px);min-height:44px;padding:0 var(--ui-space-4,16px);color:var(--global-error-primary-foreground);background:var(--global-error-primary);font:inherit;cursor:pointer;transition:background-color var(--ui-motion-fast,.12s) var(--ui-motion-easing,ease), border-color var(--ui-motion-fast,.12s) var(--ui-motion-easing,ease);font-size:.875rem;font-weight:600}.global-error-panel button:hover{background:var(--global-error-primary-hover)}.global-error-panel :focus-visible{outline:2px solid var(--global-error-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.global-error-panel button{transition:none}}