.error-boundary{min-height:400px;padding:var(--space-8);background-color:var(--color-bg-secondary);justify-content:center;align-items:center;display:flex}.error-boundary-content{text-align:center;background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:600px;padding:var(--space-12)var(--space-8);box-shadow:var(--shadow-md)}.error-boundary .error-icon{color:var(--color-error-500);margin-bottom:var(--space-4)}.error-boundary h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.error-boundary .error-message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.error-boundary .error-details{text-align:left;margin:var(--space-8)0;padding:var(--space-4);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);cursor:pointer}.error-boundary .error-details summary{font-weight:var(--font-weight-semibold);color:var(--color-error-700);cursor:pointer;-webkit-user-select:none;user-select:none}.error-boundary .error-details summary:hover{color:var(--color-error-800)}.error-boundary .error-stack{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.error-boundary .error-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:640px){.error-boundary{padding:var(--space-4)}.error-boundary-content{padding:var(--space-8)var(--space-6)}.error-boundary h2{font-size:var(--font-size-lg)}.error-boundary .error-message{font-size:var(--font-size-sm)}.error-boundary .error-actions{flex-direction:column}.error-boundary .btn{width:100%}}
