.streaming-golden{min-width:0;color:var(--text-primary);gap:14px;display:grid}.streaming-golden *,.streaming-golden :before,.streaming-golden :after{box-sizing:border-box}.streaming-golden__toolbar{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.streaming-golden__step-copy{min-width:0}.streaming-golden__step-copy .visualization-toolbar__label{margin-bottom:3px;display:inline-block}.streaming-golden__step-copy p{color:var(--text-secondary);margin:0;line-height:1.55}.streaming-golden__step-copy strong{color:var(--text-primary)}.streaming-golden__toolbar>button{flex:none;align-self:center}.streaming-golden__progress{background:var(--progress-track);border-radius:999px;height:4px;overflow:hidden}.streaming-golden__progress>span{border-radius:inherit;background:var(--diagram-accent);height:100%;transition:width var(--motion-standard) ease;display:block}.streaming-golden__modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.streaming-golden__mode{border:1px solid var(--diagram-border);border-radius:var(--radius-control);background:var(--diagram-surface);align-content:start;gap:4px;min-width:0;padding:10px 11px;display:grid}.streaming-golden__mode>span,.streaming-golden__mode>small{color:var(--text-secondary);line-height:1.45}.streaming-golden__mode>span{font-size:10px;font-weight:800}.streaming-golden__mode>strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:14px}.streaming-golden__mode>small{font-size:10px}.streaming-golden__microbatch{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);min-width:0;padding:9px 11px}.streaming-golden__microbatch>p{color:var(--text-secondary);margin:7px 0 0;font-size:11px;line-height:1.45}.streaming-golden__microbatch-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.streaming-golden__microbatch-list li{border-left:2px solid var(--diagram-accent);background:var(--surface-1);overflow-wrap:anywhere;gap:3px;min-width:0;padding:7px;display:grid}.streaming-golden__microbatch-list strong{color:var(--text-primary);font-size:11px}.streaming-golden__microbatch-list span{color:var(--text-secondary);font-size:10px;line-height:1.4}.streaming-golden__timeline-panel,.streaming-golden__state-panel,.streaming-golden__clock-panel,.streaming-golden__recovery,.streaming-golden__reconciliation{border:1px solid var(--diagram-border);border-radius:var(--radius-section);background:var(--diagram-surface);gap:9px;min-width:0;padding:12px;display:grid}.streaming-golden__panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.streaming-golden__panel-heading>div:first-child{min-width:0}.streaming-golden__panel-heading>div:first-child>span{color:var(--text-muted);font-size:10px;font-weight:800}.streaming-golden__panel-heading h3{color:var(--text-primary);margin:2px 0 0;font-size:15px;line-height:1.35}.streaming-golden__positions,.streaming-golden__watermarks{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.streaming-golden__positions>span,.streaming-golden__watermarks>span{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);min-width:70px;color:var(--text-muted);gap:2px;padding:5px 7px;font-size:9px;display:grid}.streaming-golden__positions strong,.streaming-golden__watermarks strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:11px}.streaming-golden__event-list{gap:5px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.streaming-golden__event{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);gap:4px;min-width:0;padding:7px 8px;display:grid}.streaming-golden__event[data-focused=true]{border-color:var(--diagram-accent);box-shadow:inset 3px 0 0 var(--diagram-accent)}.streaming-golden__event[data-out-of-order=true]{background:var(--warning-bg)}.streaming-golden__event-main{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.streaming-golden__event-main>strong{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.streaming-golden__event-identity{flex-wrap:wrap;align-items:baseline;gap:4px 9px;min-width:0;display:flex}.streaming-golden__event-identity b{color:var(--text-primary);font-size:11px}.streaming-golden__event-identity span,.streaming-golden__event-times,.streaming-golden__event-foot{color:var(--text-secondary);overflow-wrap:anywhere;font-size:10px;line-height:1.4}.streaming-golden__event-status{border:1px solid var(--border);max-width:100%;color:var(--text-secondary);text-align:right;border-radius:999px;justify-self:end;padding:2px 6px;font-size:9px;line-height:1.4}.streaming-golden__event[data-disposition=accepted] .streaming-golden__event-status{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.streaming-golden__event[data-disposition=revision] .streaming-golden__event-status{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.streaming-golden__event[data-disposition=duplicate] .streaming-golden__event-status{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.streaming-golden__event[data-disposition=late] .streaming-golden__event-status{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.streaming-golden__event-times{flex-wrap:wrap;gap:3px 11px;padding-left:39px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.streaming-golden__event-foot{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;padding-left:39px;display:flex}.streaming-golden__clock-panel fieldset{border:0;flex-wrap:wrap;align-items:center;gap:7px 12px;min-width:0;margin:0;padding:0;display:flex}.streaming-golden__clock-panel legend{color:var(--text-primary);margin-bottom:5px;font-size:11px;font-weight:800}.streaming-golden__clock-panel label{min-height:32px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.streaming-golden__clock-panel input{accent-color:var(--diagram-accent)}.streaming-golden__clock-panel>p{color:var(--text-secondary);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:11px;display:flex}.streaming-golden__clock-panel>p strong{color:var(--info-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.streaming-golden__cursor-note,.streaming-golden__empty-state,.streaming-golden__side-output,.streaming-golden__completion{border-radius:var(--radius-control);background:var(--info-bg);color:var(--info-text);overflow-wrap:anywhere;margin:0;padding:8px 9px;font-size:10px;line-height:1.5}.streaming-golden__windows{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.streaming-golden__windows li{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);gap:5px;min-width:0;padding:8px 9px;display:grid}.streaming-golden__windows li[data-lifecycle=allowed_late]{border-left:3px solid var(--warning-text)}.streaming-golden__windows li[data-lifecycle=final]{border-left:3px solid var(--success-text)}.streaming-golden__window-heading{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.streaming-golden__window-heading strong{color:var(--text-primary);font-size:11px}.streaming-golden__window-heading>span:not(.streaming-golden__lifecycle){color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.streaming-golden__lifecycle{color:var(--text-muted);margin-left:auto;font-size:9px;font-weight:800}.streaming-golden__window-result{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.streaming-golden__window-result b{color:var(--text-primary);font-size:12px}.streaming-golden__window-result small,.streaming-golden__window-hint{color:var(--text-muted);overflow-wrap:anywhere;font-size:9px}.streaming-golden__action-panel{border:1px solid var(--warning-border);border-radius:var(--radius-control);background:var(--warning-bg);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.streaming-golden__action-panel>div{min-width:0}.streaming-golden__action-panel strong{color:var(--text-primary);font-size:11px}.streaming-golden__action-panel p,.streaming-golden__recovery-prompt,.streaming-golden__duplicate-note,.streaming-golden__reconciliation>p{color:var(--text-secondary);overflow-wrap:anywhere;margin:3px 0 0;font-size:10px;line-height:1.5}.streaming-golden__action-panel button{flex:none}.streaming-golden__recovery-chain{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.streaming-golden__recovery-chain>span{color:var(--text-primary);align-items:center;gap:5px;font-size:10px;font-weight:750;display:inline-flex}.streaming-golden__recovery-chain b{color:var(--diagram-accent)}.streaming-golden__recovery>button{justify-self:start}.streaming-golden__recovery-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.streaming-golden__recovery-cases article{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);align-content:start;gap:4px;min-width:0;padding:9px;display:grid}.streaming-golden__recovery-cases article[data-case=A]{border-left:3px solid var(--danger-text)}.streaming-golden__recovery-cases article[data-case=B]{border-left:3px solid var(--warning-text)}.streaming-golden__recovery-cases span{color:var(--text-secondary);font-size:10px;font-weight:750}.streaming-golden__recovery-cases strong{color:var(--text-primary);font-size:12px}.streaming-golden__recovery-cases p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.5}.streaming-golden__duplicate-note{border-top:1px solid var(--border);padding-top:7px}.streaming-golden__reconciliation>header{gap:3px;display:grid}.streaming-golden__reconciliation>header span{color:var(--text-primary);overflow-wrap:anywhere;font-size:11px;font-weight:800}.streaming-golden__reconciliation>header small{color:var(--text-muted);font-size:10px}.streaming-golden__reconciliation-rows{gap:6px;display:grid}.streaming-golden__reconciliation-rows article{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);gap:3px;min-width:0;padding:8px 9px;display:grid}.streaming-golden__reconciliation-rows article[data-difference=true]{border-color:var(--warning-border);background:var(--warning-bg)}.streaming-golden__reconciliation-rows strong,.streaming-golden__reconciliation-rows b{color:var(--text-primary);overflow-wrap:anywhere;font-size:10px}.streaming-golden__reconciliation-rows span{color:var(--text-secondary);font-size:10px;line-height:1.45}@media (width<=680px){.streaming-golden__modes{grid-template-columns:1fr}.streaming-golden__microbatch-list{grid-template-columns:repeat(2,minmax(0,1fr))}.streaming-golden__panel-heading{display:grid}.streaming-golden__positions,.streaming-golden__watermarks{justify-content:flex-start}}@media (width<=420px){.streaming-golden__toolbar{display:grid}.streaming-golden__toolbar>button{justify-self:start}.streaming-golden__event-main{grid-template-columns:26px minmax(0,1fr);gap:4px 6px}.streaming-golden__event-status{text-align:left;grid-column:2;justify-self:start}.streaming-golden__event-times,.streaming-golden__event-foot{gap:1px;padding-left:32px;display:grid}.streaming-golden__recovery-cases{grid-template-columns:1fr}.streaming-golden__action-panel{flex-direction:column;align-items:flex-start}.streaming-golden__action-panel button{white-space:normal}.streaming-golden__microbatch-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.streaming-golden__progress>span{transition:none}}