.s-flight-observe{display:flex;flex:1;min-width:0;min-height:0;height:100%;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--ink)}.s-flight-observe-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--surface) 52%,var(--bg))}.s-flight-observe-heading{min-width:0}.s-flight-observe-eyebrow,.s-flight-observe-id,.s-flight-observe-state,.s-flight-observe-session-chip,.s-flight-observe-select-wrap{font-family:var(--font-mono)}.s-flight-observe-eyebrow{color:var(--dim);font-size:var(--text-2xs);font-weight:600;letter-spacing:.11em;text-transform:uppercase}.s-flight-observe-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:3px}.s-flight-observe-title-row h2{margin:0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600}.s-flight-observe-state{padding:2px 6px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase}.s-flight-observe-state--failed,.s-flight-observe-state--cancelled{border-color:color-mix(in srgb,var(--red) 32%,transparent);color:var(--red)}.s-flight-observe-state--completed{border-color:color-mix(in srgb,var(--green) 30%,transparent);color:var(--green)}.s-flight-observe-id{margin-top:2px;overflow:hidden;color:var(--dim);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.s-flight-observe-heading p{max-width:760px;margin:var(--space-xs) 0 0;color:var(--muted);font-size:var(--text-sm)}.s-flight-observe-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 var(--space-sm);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 68%,transparent);color:var(--muted);font-size:var(--text-xs)}.s-flight-observe-actions button:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--ink)}.s-flight-observe-trace{display:flex;align-items:stretch;gap:var(--space-xs);min-height:80px;padding:var(--space-sm) var(--space-xl);overflow-x:auto;border-bottom:1px solid color-mix(in srgb,var(--ink) 7%,transparent);background:color-mix(in srgb,var(--surface) 30%,var(--bg))}.s-flight-observe-trace-step{display:flex;align-items:center;gap:var(--space-xs);flex:none}.s-flight-observe-trace-arrow{color:color-mix(in srgb,var(--accent) 50%,var(--dim));font-family:var(--font-mono);font-size:var(--text-sm)}.s-flight-observe-session-chip{display:grid;min-width:190px;max-width:300px;gap:2px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 52%,transparent);color:var(--muted);text-align:left}.s-flight-observe-session-chip:hover,.s-flight-observe-session-chip[data-selected=true]{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.s-flight-observe-session-chip[data-observe-role=primary]{box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 72%,transparent)}.s-flight-observe-session-chip[data-observe-role=compare]{border-style:dashed}.s-flight-observe-session-chip-top{display:flex;justify-content:space-between;gap:var(--space-md);color:var(--dim);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase}.s-flight-observe-session-chip strong{overflow:hidden;color:var(--ink);font-size:var(--text-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.s-flight-observe-session-chip small{color:var(--dim);font-size:var(--text-2xs)}.s-flight-observe-message{display:grid;place-content:center;flex:1;gap:var(--space-xs);padding:var(--space-xl);color:var(--dim);text-align:center}.s-flight-observe-message strong{color:var(--ink);font-size:var(--text-md)}.s-flight-observe-message--error{color:var(--red)}.s-flight-observe-single{display:flex;flex:1;min-height:0}.s-flight-observe-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0}.s-flight-observe-pane{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.s-flight-observe-pane:last-child{border-right:0}.s-flight-observe-select-wrap{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--ink) 7%,transparent);color:var(--dim);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase}.s-flight-observe-select{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:none}.s-flight-observe-pane-content{display:flex;flex:1;min-height:0;overflow:hidden}@media(max-width:900px){.s-flight-observe-header,.s-flight-observe-trace{padding-inline:var(--space-md)}.s-flight-observe-split{grid-template-columns:1fr;overflow-y:auto}.s-flight-observe-pane{min-height:70vh;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}}