.dev-page.svelte-1im7sr4{max-width:1100px}.dev-header.svelte-1im7sr4{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dev-header.svelte-1im7sr4 h1:where(.svelte-1im7sr4){font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.subtitle.svelte-1im7sr4{color:var(--text-muted);font-size:.85rem;margin-top:4px}.header-actions.svelte-1im7sr4{display:flex;align-items:center;gap:12px}.status.svelte-1im7sr4{font-family:var(--font-mono);font-size:.8rem;color:var(--danger);padding:4px 10px;background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:var(--radius)}.status.connected.svelte-1im7sr4{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.btn.svelte-1im7sr4{padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.btn-primary.svelte-1im7sr4{background:var(--accent);color:#fff}.btn-primary.svelte-1im7sr4:hover{background:var(--accent-hover)}.btn-danger.svelte-1im7sr4{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.btn-danger.svelte-1im7sr4:hover{background:color-mix(in srgb,var(--danger) 25%,transparent)}.metrics-grid.svelte-1im7sr4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card.svelte-1im7sr4{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.metric-label.svelte-1im7sr4{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value.svelte-1im7sr4{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.metric-value.temp.svelte-1im7sr4{color:#ef4444}.metric-value.fan.svelte-1im7sr4{color:#22c55e}.metric-value.mono.svelte-1im7sr4{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary)}.metric-unit.svelte-1im7sr4{font-size:1rem;font-weight:500;color:var(--text-muted)}.metric-sub.svelte-1im7sr4{font-size:.8rem;color:var(--text-muted)}.metric-sub.breathing.svelte-1im7sr4{color:#a78bfa;font-weight:600}.chart-section.svelte-1im7sr4{display:flex;flex-direction:column;gap:16px}.chart-card.svelte-1im7sr4{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chart-header.svelte-1im7sr4{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chart-header.svelte-1im7sr4 h3:where(.svelte-1im7sr4){font-size:.95rem;font-weight:600}.legend.svelte-1im7sr4{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary)}.legend-item.svelte-1im7sr4{display:flex;align-items:center;gap:6px}.dot.svelte-1im7sr4{width:8px;height:8px;border-radius:50%;display:inline-block}canvas.svelte-1im7sr4{width:100%;height:auto;border-radius:4px}.warning-banner.svelte-1im7sr4{margin-top:24px;padding:16px;background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--radius);color:var(--warning);font-size:.9rem}@media(max-width:768px){.metrics-grid.svelte-1im7sr4{grid-template-columns:repeat(2,1fr)}.dev-header.svelte-1im7sr4{flex-direction:column;gap:12px}}