.loading-container.svelte-r9rdir,.error-container.svelte-r9rdir,.fallback-container.svelte-r9rdir{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;padding:2rem;text-align:center}.loading-spinner.svelte-r9rdir{width:40px;height:40px;border:3px solid var(--color-border, #e2e8f0);border-top:3px solid var(--color-primary, #3b82f6);border-radius:50%;animation:svelte-r9rdir-spin 1s linear infinite}.loading-details.svelte-r9rdir{color:var(--color-text-secondary, #64748b);font-size:.875rem;margin-top:.5rem}.error-container.svelte-r9rdir h3:where(.svelte-r9rdir){margin:0 0 1rem;color:var(--color-error, #ef4444)}.error-message.svelte-r9rdir{color:var(--color-text, #1e293b);margin:.5rem 0;padding:.75rem;background:var(--color-background-secondary, #f8fafc);border-radius:.5rem;border-left:4px solid var(--color-error, #ef4444);font-family:monospace;font-size:.875rem}.error-actions.svelte-r9rdir{display:flex;gap:1rem;margin:1rem 0}.retry-button.svelte-r9rdir,.reload-button.svelte-r9rdir{padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.retry-button.svelte-r9rdir{background:var(--color-primary, #3b82f6);color:#fff}.retry-button.svelte-r9rdir:hover{background:var(--color-primary-hover, #2563eb)}.reload-button.svelte-r9rdir{background:var(--color-border, #e2e8f0);color:var(--color-text, #1e293b)}.reload-button.svelte-r9rdir:hover{background:var(--color-border-hover, #cbd5e1)}.error-details.svelte-r9rdir{margin-top:1rem;text-align:left;max-width:500px}.error-details.svelte-r9rdir summary:where(.svelte-r9rdir){cursor:pointer;font-weight:500;margin-bottom:.5rem}.error-details.svelte-r9rdir ul:where(.svelte-r9rdir){margin:.5rem 0;padding-left:1.5rem}.error-details.svelte-r9rdir li:where(.svelte-r9rdir){margin:.25rem 0;font-size:.875rem;color:var(--color-text-secondary, #64748b)}.fallback-container.svelte-r9rdir button:where(.svelte-r9rdir){padding:.5rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.fallback-container.svelte-r9rdir button:where(.svelte-r9rdir):hover{background:var(--color-primary-hover, #2563eb)}@keyframes svelte-r9rdir-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner.svelte-r9rdir{animation:none;border:3px solid var(--color-primary, #3b82f6)}}