.jetstream-viewer.svelte-1wvv69t{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:768px){.jetstream-viewer.svelte-1wvv69t{height:calc(100vh - 180px);min-height:500px}}.page-header.svelte-1wvv69t{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.header-main.svelte-1wvv69t h1:where(.svelte-1wvv69t){margin-bottom:var(--space-0)}.connection-status.svelte-1wvv69t{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-2)}.status-dot.svelte-1wvv69t{width:10px;height:10px;border-radius:50%}.status-dot.connected.svelte-1wvv69t{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-dot.connecting.svelte-1wvv69t{background:var(--color-warning);animation:svelte-1wvv69t-pulse 1s infinite}.status-dot.disconnected.svelte-1wvv69t{background:var(--color-text-3)}@keyframes svelte-1wvv69t-pulse{0%,to{opacity:1}50%{opacity:.5}}.controls.svelte-1wvv69t{flex-shrink:0;padding:var(--space-2)}.control-row.svelte-1wvv69t{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2);align-items:flex-end}.control-group.svelte-1wvv69t{display:flex;flex-direction:column;gap:var(--space-1)}.control-group.svelte-1wvv69t:first-child{min-width:150px}.control-group.svelte-1wvv69t:nth-child(2){flex:1;min-width:200px}.control-buttons.svelte-1wvv69t{justify-content:flex-end}.control-label.svelte-1wvv69t{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-3)}.controls.svelte-1wvv69t select:where(.svelte-1wvv69t){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-1wvv69t select:where(.svelte-1wvv69t):focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.controls.svelte-1wvv69t select:where(.svelte-1wvv69t):disabled{opacity:.5;cursor:not-allowed}.controls.svelte-1wvv69t input:where(.svelte-1wvv69t){font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.filter-row.svelte-1wvv69t{padding-top:var(--space-2);border-top:var(--border-weight) solid var(--color-border-light)}.filter-row.svelte-1wvv69t .control-label:where(.svelte-1wvv69t){margin-bottom:var(--space-1)}.collection-filters.svelte-1wvv69t{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-chip.svelte-1wvv69t{font-size:var(--text-xs);padding:var(--space-0) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);border:var(--border-weight) solid var(--color-border-light);color:var(--color-text-2);cursor:pointer;transition:all .15s ease}.filter-chip.svelte-1wvv69t:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}.filter-chip.active.svelte-1wvv69t{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent-text)}.filter-chip.svelte-1wvv69t:disabled{opacity:.5;cursor:not-allowed}.error-banner.svelte-1wvv69t{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-1wvv69t{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-1wvv69t{min-height:0}}.stream-header.svelte-1wvv69t{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}.stat.svelte-1wvv69t{display:flex;align-items:baseline;gap:var(--space-1)}.stat.svelte-1wvv69t .stat-value:where(.svelte-1wvv69t){font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stat.svelte-1wvv69t .stat-label:where(.svelte-1wvv69t){font-size:var(--text-2xs);color:var(--color-text-3);text-transform:uppercase}.stream-controls.svelte-1wvv69t{display:flex;align-items:center;gap:var(--space-2)}.auto-scroll-toggle.svelte-1wvv69t{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-2);cursor:pointer}.event-list.svelte-1wvv69t{flex:1;overflow-y:auto}@media(min-width:768px){.event-list.svelte-1wvv69t{min-height:0}}@media(max-width:767px){.event-list.svelte-1wvv69t{max-height:60vh}}.empty-state.svelte-1wvv69t{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);height:100%}.event-item.svelte-1wvv69t{display:grid;grid-template-columns:70px auto 1fr 2fr;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}.event-item.svelte-1wvv69t:hover{background:var(--color-hover-bg)}.event-item.navigable.svelte-1wvv69t{cursor:pointer}.event-time.svelte-1wvv69t{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3)}.event-badges.svelte-1wvv69t{display:flex;gap:var(--space-1)}.event-did.svelte-1wvv69t{font-size:var(--text-xs);color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis}.event-did.svelte-1wvv69t a:where(.svelte-1wvv69t){color:inherit;border-bottom:none}.event-did.svelte-1wvv69t a:where(.svelte-1wvv69t):hover{color:var(--color-accent-text)}.event-summary.svelte-1wvv69t{display:flex;flex-direction:column;gap:var(--space-0);min-width:0}.event-link.svelte-1wvv69t{color:var(--color-text);border-bottom:none}.event-link.svelte-1wvv69t:hover{color:var(--color-accent-text)}.post-preview.svelte-1wvv69t{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-create{background:var(--color-success-light)!important;color:var(--color-success-dark)!important;border-color:var(--color-success)!important}.op-update{background:var(--color-warning-light)!important;color:var(--color-warning-dark)!important;border-color:var(--color-warning)!important}.op-delete{background:var(--color-error-light)!important;color:var(--color-error-dark)!important;border-color:var(--color-error)!important}@media(max-width:767px){.event-item.svelte-1wvv69t{grid-template-columns:1fr;gap:var(--space-0);padding:var(--space-2) var(--space-3)}.event-time.svelte-1wvv69t{order:-1}.event-summary.svelte-1wvv69t,.event-did.svelte-1wvv69t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-preview.svelte-1wvv69t{display:none}.stream-header.svelte-1wvv69t{flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}.stream-controls.svelte-1wvv69t{width:100%;justify-content:space-between}.control-row.svelte-1wvv69t{flex-direction:column;align-items:stretch}.control-group.svelte-1wvv69t{width:100%}.control-group.svelte-1wvv69t:first-child,.control-group.svelte-1wvv69t:nth-child(2){min-width:0}.control-buttons.svelte-1wvv69t{align-items:stretch}.control-buttons.svelte-1wvv69t button:where(.svelte-1wvv69t){width:100%}.auto-scroll-toggle.svelte-1wvv69t{display:none}}