.octopus-pipeline{gap:1.25rem;display:grid}.pipeline-selector{border:0;flex-wrap:wrap;gap:.65rem;min-inline-size:0;margin:0;padding:0;display:flex}.pipeline-selector button{letter-spacing:.06em;text-transform:uppercase;min-width:6.5rem;min-height:44px;font-family:JetBrains Mono Variable,monospace;font-size:.8125rem}.pipeline-selector button[aria-pressed=true]{border-color:var(--action);color:var(--action);border-width:2px;padding:calc(.55rem - 1px) calc(.8rem - 1px);font-weight:650}.pipeline-track{background:var(--divider);border-radius:1px;height:2px;margin:.25rem 0 .5rem;position:relative}.pipeline-packet{background:var(--action);width:10px;height:10px;box-shadow:0 0 10px color-mix(in srgb, var(--action) 45%, transparent);border-radius:50%;margin-top:-5px;transition:left .42s;position:absolute;top:50%;left:8%;transform:translate(-50%)}.pipeline-packet[data-step="1"]{left:50%}.pipeline-packet[data-step="2"]{left:92%}.stage-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--action);border:1px solid color-mix(in srgb, var(--action) 35%, transparent);border-radius:999px;align-items:center;padding:.15rem .55rem;font-family:JetBrains Mono Variable,monospace;font-size:.75rem;line-height:1.4;display:inline-flex}.workflow-step[data-emphasis=true]{border-color:color-mix(in srgb, var(--action) 55%, var(--divider));box-shadow:var(--panel-shadow)}.workflow-step[data-emphasis=false]{opacity:.82}.workflow-index{flex-wrap:wrap}.audience-split{gap:1.5rem;display:grid}.audience-toggle{background:var(--inset);border:1px solid var(--divider);border-radius:var(--panel-radius);width:fit-content;max-width:100%;flex-wrap:wrap;gap:.5rem;min-inline-size:0;margin:0;padding:.35rem;display:inline-flex}.audience-toggle button{border-color:var(--rule);background:0 0;min-width:10.5rem;min-height:44px}.audience-toggle button[aria-pressed=true]{background:var(--raised);border-color:var(--action);color:var(--action);font-weight:650}.audience-split.is-toggled .audience-grid{grid-template-columns:minmax(0,1fr)}.audience-card[data-entering=true]{animation:.2s audience-in}@keyframes audience-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ops-widget{background:var(--inset);border:1px solid var(--divider);border-radius:var(--panel-radius);gap:1.5rem;margin-block:.5rem 1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.ops-widget .ops-peaks{margin:0}.ops-widget .ops-card{background:0 0;border:0;border-radius:0;padding:0}.ops-widget .ops-snapshot{border:0;margin:0;padding:0}.ops-feed-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.ops-feed-header p{margin:0}.ops-empty p{max-width:64ch}.ops-history,.ops-throughput{border-top:1px solid var(--divider);padding-top:1.5rem}.ops-history h3,.ops-throughput h3{margin-bottom:1.5rem}.ops-history h4,.ops-throughput h4{color:var(--muted);margin:0;font-size:1rem;font-weight:500}.ops-throughput .ops-metrics{margin-block:0 1rem}.ops-window{gap:.75rem;margin-top:1.5rem;display:grid}.ops-bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ops-bar-row{grid-template-columns:3.25rem minmax(0,1fr) 5.5rem;align-items:center;gap:.75rem;min-width:0;display:grid}.ops-bar-label,.ops-bar-count{font-variant-numeric:tabular-nums;color:var(--muted);font-family:JetBrains Mono Variable,monospace;font-size:.75rem}.ops-bar-count{text-align:end}.ops-bar-track{background:var(--raised);border-radius:4px;min-width:0;height:8px;overflow:hidden}.ops-bar-fill{background:var(--action);border-radius:4px;height:100%;display:block}.ops-spark{align-items:flex-end;gap:0;min-width:0;height:3.5rem;display:flex}.ops-spark-bar{background:var(--action);border-radius:1px 1px 0 0;flex:1 1 0;min-width:1px}.ops-widget .ops-metrics{gap:2rem;margin-block:1.5rem 0}.ops-widget .ops-metrics>div{min-width:0}.ops-widget .ops-metrics dd{overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.25rem)}.ops-widget .ops-metrics .fine-print{margin-top:.5rem;display:block}.ops-method p{max-width:var(--reading-width);color:var(--muted)}.ops-widget .ops-count{font-variant-numeric:tabular-nums;font-family:JetBrains Mono Variable,monospace}.ops-widget .ops-metrics dd{font-family:JetBrains Mono Variable,monospace}.ops-status{align-items:center;gap:.55rem;display:inline-flex}.ops-status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ops-status-dot[data-live=true]{background:var(--action)}.ops-status[data-active=true] .ops-status-dot{animation:1.8s ease-in-out infinite status-pulse}@media (prefers-reduced-motion:reduce){.ops-status[data-active=true] .ops-status-dot{animation:none}.pipeline-packet{transition:none}.audience-card[data-entering=true]{animation:none}}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.octopus-glossary{max-width:none}.octopus-glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin-top:1.5rem;display:grid}.octopus-glossary-list details{border-top:1px solid var(--divider);break-inside:avoid;border-bottom:0}.octopus-glossary-list details:last-child,.octopus-glossary-list details:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--divider)}.octopus-glossary-list summary{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:.9rem 0;font-weight:550;list-style:none;display:flex}.octopus-glossary-list summary::-webkit-details-marker{display:none}.octopus-glossary-list summary:after{content:"+";color:var(--muted);font-family:JetBrains Mono Variable,monospace;font-size:1.1rem;line-height:1}.octopus-glossary-list details[open] summary:after{content:"−";color:var(--action)}.octopus-glossary-list details>p{color:var(--muted);max-width:var(--reading-width);margin:0 0 1rem;font-size:.9375rem}:root[data-motion=reduced] .ops-status-dot{animation:none!important}:root[data-motion=reduced] .pipeline-packet{transition:none!important}@media (width<=1023px){.octopus-glossary-list{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.audience-toggle{width:100%}.audience-toggle button{flex:10rem;min-width:0}.pipeline-selector button{flex:6rem;min-width:0}}@media (forced-colors:active){.pipeline-packet,.ops-status-dot{display:none!important}.pipeline-selector button[aria-pressed=true],.audience-toggle button[aria-pressed=true],.workflow-step[data-emphasis=true]{outline-offset:2px;outline:3px solid highlight}.stage-chip{color:canvastext;border-color:canvastext}.ops-widget,.ops-widget .ops-card,.audience-toggle{border-color:canvastext}.ops-bar-track{border:1px solid canvastext}.ops-bar-fill,.ops-spark-bar{background:canvastext}}
