.cameras-page.svelte-104u7in{padding:0 1.5rem 1.5rem}.page-content.svelte-104u7in{max-width:var(--content-max-width);margin:0 auto}.page-header.svelte-104u7in{margin-bottom:1.5rem}h1.svelte-104u7in{font-size:1.5rem;font-weight:600}.page-subtitle.svelte-104u7in{font-size:.875rem;color:var(--text-tertiary);margin-top:.125rem}.error-state.svelte-104u7in{padding:2rem 1rem;text-align:center;color:var(--danger, #e53e3e);background:var(--danger-light, #fff5f5);border-radius:var(--radius-lg, .75rem)}.loading-state.svelte-104u7in,.empty-state.svelte-104u7in{display:flex;flex-direction:column;align-items:center;padding:4rem 1rem;gap:.75rem;text-align:center}.empty-state.svelte-104u7in h3:where(.svelte-104u7in){font-size:1.125rem;font-weight:600}.empty-state.svelte-104u7in p:where(.svelte-104u7in){color:var(--text-secondary);font-size:.875rem}.empty-state.svelte-104u7in a:where(.svelte-104u7in){color:var(--accent)}.spinner.svelte-104u7in{width:1.5rem;height:1.5rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-104u7in-spin .6s linear infinite}@keyframes svelte-104u7in-spin{to{transform:rotate(360deg)}}.cameras-grid.svelte-104u7in{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.camera-card.svelte-104u7in{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--transition),transform var(--transition)}.camera-card.svelte-104u7in:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.camera-preview.svelte-104u7in{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.camera-preview.svelte-104u7in img:where(.svelte-104u7in){width:100%;height:100%;object-fit:cover;display:block}.preview-fallback.svelte-104u7in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#555;z-index:0}.camera-info.svelte-104u7in{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.125rem}.camera-name.svelte-104u7in{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.camera-host.svelte-104u7in{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:768px){.cameras-grid.svelte-104u7in{grid-template-columns:1fr}}