.firehose-viewer.svelte-1d4v889{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:768px){.firehose-viewer.svelte-1d4v889{height:calc(100vh - 180px);min-height:500px}}.page-header.svelte-1d4v889{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.header-main.svelte-1d4v889 h1:where(.svelte-1d4v889){margin-bottom:var(--space-0)}.connection-status.svelte-1d4v889{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-2)}.status-dot.svelte-1d4v889{width:10px;height:10px;border-radius:50%}.status-dot.connected.svelte-1d4v889{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-dot.connecting.svelte-1d4v889{background:var(--color-warning);animation:svelte-1d4v889-pulse 1s infinite}.status-dot.disconnected.svelte-1d4v889{background:var(--color-text-3)}@keyframes svelte-1d4v889-pulse{0%,to{opacity:1}50%{opacity:.5}}.controls.svelte-1d4v889{flex-shrink:0;padding:var(--space-2)}.control-row.svelte-1d4v889{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end}.control-group.svelte-1d4v889{display:flex;flex-direction:column;gap:var(--space-1)}.endpoint-group.svelte-1d4v889{min-width:200px}.custom-endpoint.svelte-1d4v889{flex:1;min-width:200px}.control-buttons.svelte-1d4v889{justify-content:flex-end}.control-label.svelte-1d4v889{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-3)}.endpoint-select.svelte-1d4v889{display:flex;gap:var(--space-2);align-items:center}.custom-toggle.svelte-1d4v889{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-2);cursor:pointer;white-space:nowrap}.controls.svelte-1d4v889 select:where(.svelte-1d4v889){font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:var(--border-weight) solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.controls.svelte-1d4v889 select:where(.svelte-1d4v889):focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.controls.svelte-1d4v889 select:where(.svelte-1d4v889):disabled{opacity:.5;cursor:not-allowed}.controls.svelte-1d4v889 input:where(.svelte-1d4v889){font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.warning-text.svelte-1d4v889{font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-2)}.error-banner.svelte-1d4v889{padding:var(--space-2) var(--space-3);background:var(--color-error-light);border:var(--border-weight) solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);flex-shrink:0}.stream-container.svelte-1d4v889{flex:1;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-weight) solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:768px){.stream-container.svelte-1d4v889{min-height:0}}.stream-header.svelte-1d4v889{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);border-bottom:var(--border-weight) solid var(--color-border-light);background:var(--color-surface-raised);flex-shrink:0;flex-wrap:wrap}.stat.svelte-1d4v889{display:flex;align-items:baseline;gap:var(--space-1)}.stat.svelte-1d4v889 .stat-value:where(.svelte-1d4v889){font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stat.svelte-1d4v889 .stat-label:where(.svelte-1d4v889){font-size:var(--text-2xs);color:var(--color-text-3);text-transform:uppercase}.stream-controls.svelte-1d4v889{display:flex;align-items:center;gap:var(--space-2)}.auto-scroll-toggle.svelte-1d4v889{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-2);cursor:pointer}.stream-content.svelte-1d4v889{flex:1;display:flex;min-height:0}.event-list.svelte-1d4v889{flex:1;overflow-y:auto}@media(min-width:768px){.event-list.svelte-1d4v889{min-height:0}}@media(max-width:767px){.event-list.svelte-1d4v889{max-height:60vh}}.empty-state.svelte-1d4v889{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);height:100%}.event-item.svelte-1d4v889{display:grid;grid-template-columns:70px 70px 1fr 2fr 50px;gap:var(--space-1);padding:var(--space-0) var(--space-2);border-bottom:var(--border-weight) solid var(--color-border-subtle);font-size:var(--text-sm);align-items:center;width:100%;text-align:left;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;transition:background .15s ease;color:var(--color-text)}.event-item.svelte-1d4v889:hover{background:var(--color-hover-bg)}.event-item.selected.svelte-1d4v889{background:var(--color-accent-light)}.event-seq.svelte-1d4v889{font-size:var(--text-xs);color:var(--color-text-3)}.event-repo.svelte-1d4v889{font-size:var(--text-xs);color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis}.event-repo.svelte-1d4v889 a:where(.svelte-1d4v889){color:inherit;border-bottom:none}.event-repo.svelte-1d4v889 a:where(.svelte-1d4v889):hover{color:var(--color-accent-text)}.event-ops.svelte-1d4v889{display:flex;gap:var(--space-1);flex-wrap:wrap}.op-badge.svelte-1d4v889{font-size:var(--text-2xs);padding:var(--space-px) var(--space-1);border-radius:var(--radius-sm);background:var(--warm-grey-100);color:var(--color-text)}.op-badge.svelte-1d4v889 a:where(.svelte-1d4v889){color:inherit;border-bottom:none}.op-more.svelte-1d4v889{font-size:var(--text-2xs);color:var(--color-text-3)}.event-size.svelte-1d4v889{font-size:var(--text-xs);text-align:right}.event-detail.svelte-1d4v889{width:clamp(300px,25vw,450px);border-left:var(--border-weight) solid var(--color-border-light);overflow-y:auto;padding:var(--space-3);flex-shrink:0}.detail-header.svelte-1d4v889{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.detail-header.svelte-1d4v889 h3:where(.svelte-1d4v889){font-size:var(--text-base);font-weight:var(--weight-medium)}.commit-detail.svelte-1d4v889{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-weight) solid var(--color-border-light)}.commit-detail.svelte-1d4v889 h4:where(.svelte-1d4v889){font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.ops-list.svelte-1d4v889{display:flex;flex-direction:column;gap:var(--space-1)}.op-item.svelte-1d4v889{display:flex;align-items:center;gap:var(--space-1)}.op-item.svelte-1d4v889 .mono:where(.svelte-1d4v889){font-size:var(--text-xs);word-break:break-all}.raw-frame.svelte-1d4v889{margin-top:var(--space-3)}.raw-frame.svelte-1d4v889 summary:where(.svelte-1d4v889){font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-3);cursor:pointer}.raw-frame.svelte-1d4v889 pre:where(.svelte-1d4v889){font-size:var(--text-xs);max-height:300px;overflow:auto;margin-top:var(--space-1)}@media(max-width:1023px){.event-detail.svelte-1d4v889{display:none}}@media(max-width:767px){.event-item.svelte-1d4v889{grid-template-columns:1fr;gap:var(--space-0);padding:var(--space-2) var(--space-3)}.stream-header.svelte-1d4v889{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.stream-controls.svelte-1d4v889{width:100%;justify-content:space-between}.control-row.svelte-1d4v889{flex-direction:column;align-items:stretch}.control-group.svelte-1d4v889{width:100%}.endpoint-group.svelte-1d4v889,.custom-endpoint.svelte-1d4v889{min-width:0}.control-buttons.svelte-1d4v889{align-items:stretch}.control-buttons.svelte-1d4v889 button:where(.svelte-1d4v889){width:100%}.endpoint-select.svelte-1d4v889{flex-direction:column;align-items:stretch}.endpoint-select.svelte-1d4v889 select:where(.svelte-1d4v889){width:100%}.auto-scroll-toggle.svelte-1d4v889{display:none}}