:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f8f7;--paper-wash:#f7f8f7c7;--paper-strong:#f7f8f7eb;--paper-soft:#eef1efd1;--ink:#2e302e;--ink-soft:#5b5e5c;--muted:#8a8f8d;--line:#d3d7d5;--line-soft:#d3d7d5ad;--accent:#727a60;--accent-strong:#4f5f68;--accent-quiet:#a8af99;--warn:#9d7650;--danger:#9f5a4d;--danger-soft:#9f5a4d1f;--ok-soft:#727a601f;--warn-soft:#9d76501f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#e9ebe9;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;letter-spacing:.08em;background:#f7f8f79e;border-radius:0;justify-content:center;align-items:center;min-width:78px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent-strong);color:var(--accent-strong);background:#ffffffdb;outline:0;transform:translateY(-1px)}button:disabled{color:var(--muted);cursor:wait;opacity:.58}input,textarea{border:1px solid var(--line);color:var(--ink);font:inherit;resize:vertical;background:#f7f8f7c2;border-radius:0;width:100%;min-width:0;padding:11px 12px;line-height:1.45}input:focus,textarea:focus{border-color:var(--accent-strong);outline:0}.operatorShell{color:var(--ink);isolation:isolate;gap:22px;min-height:100svh;padding:38px 48px 42px;display:grid;position:relative;overflow-x:hidden}.operatorShell.loading{place-items:center}.operatorAtmosphere{filter:saturate(1.05)contrast(1.02);pointer-events:none;z-index:-2;background-color:#0000;background-image:linear-gradient(90deg,#f7f8f78a 0%,#e8eef03d 48%,#e1eaee5c 100%),linear-gradient(#f7f8f757 0%,#748e9d1f 48%,#53718424 66%,#f7f8f794 100%),url(/display-wall-beach-haze-blue-bg.png);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.operatorAtmosphere:after{content:"";background:linear-gradient(#f7f8f71f,#f7f8f780),radial-gradient(circle at 18% 18%,#f7f8f757,#0000 34%),radial-gradient(circle at 74% 10%,#f7f8f72e,#0000 30%);position:absolute;inset:0}.operatorBrand,.operatorBrand img{display:none}.loadingText{background:var(--paper-wash);border:1px solid var(--line);color:var(--ink-soft);margin:0;padding:16px 18px}.operatorHeader{justify-content:space-between;align-items:end;gap:28px;min-height:86px;padding:0 0 22px;display:flex;position:relative}.operatorHeader:after{border-bottom:1px solid var(--line);content:"";position:absolute;bottom:0;left:158px;right:0}.headerCopy{gap:6px;display:grid}.eyebrow,.muted,.panelText,.operatorRow p,.traceControlRow p,.auditRow p,.auditRow time,.rowMeta,.metricTile p,.headerNote{color:var(--muted);letter-spacing:0;margin:0}.eyebrow{color:var(--ink);letter-spacing:.14em;font-family:Songti SC,STSong,SimSun,serif;font-size:16px;font-weight:500;line-height:1.45}h1,h2,p,strong,span,time{letter-spacing:0}h1{color:var(--ink);margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.05}h2{color:var(--ink);margin:0;font-size:15px;font-weight:600}.headerNote{color:var(--ink-soft);font-size:14px}.headerStatus{background:var(--paper-wash);border:1px solid var(--line);align-items:center;gap:10px;min-height:40px;padding:0 15px;display:flex}.headerStatus span{color:var(--ink-soft)}.headerStatus strong{color:var(--accent-strong);letter-spacing:.12em;font-size:13px}.connectionDot{opacity:.76;background-image:url(/migratory-bird-icon.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px;display:block}.messageStack{gap:10px;min-height:0;display:grid}.errorBanner,.noticeBanner{border:1px solid #9f5a4d57;border-left:4px solid var(--danger);color:var(--danger);background:#f7f8f7b8;margin:0;padding:12px 14px}.noticeBanner{border-color:#727a6052;border-left-color:var(--accent);color:var(--accent-strong)}.statusDeck{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.metricTile{background:var(--paper-wash);border:1px solid var(--line);gap:8px;min-height:118px;padding:15px 16px;display:grid}.metricTile span{color:var(--muted);letter-spacing:.14em;font-size:12px;font-weight:600}.metricTile strong{color:var(--ink);font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(27px,2.6vw,38px);font-weight:500;line-height:1}.metricTile.live strong{color:var(--accent-strong)}.metricTile.warning strong{color:var(--warn)}.metricTile.danger strong{color:var(--danger)}.operatorGrid{grid-template-columns:minmax(280px,.9fr) minmax(430px,1.48fr) minmax(280px,.9fr);align-items:start;gap:16px;display:grid}.controlStack,.workspaceStack{gap:16px;min-width:0;display:grid}.controlPanel,.widePanel{background:var(--paper-strong);border:1px solid var(--line);min-width:0;overflow:hidden}.priorityPanel{border-color:var(--accent-quiet)}.auditPanel{max-height:520px}.sectionHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 15px;display:flex}.sectionHeader span{color:var(--muted);flex:none;font-size:12px}.panelText{color:var(--ink-soft);min-height:64px;padding:15px 15px 0;font-size:14px;line-height:1.6}.primaryAction{background:var(--ink);border-color:var(--ink);color:var(--paper);width:calc(100% - 30px);margin:15px}.primaryAction:hover:not(:disabled),.primaryAction:focus-visible{background:var(--accent-strong);color:var(--paper)}.participantList,.commandList,.jobList,.auditList,.traceList,.formStack{display:grid}.participantList,.commandList,.jobList,.auditList,.traceList{gap:0}.formStack{gap:12px;padding:15px}.commandList:not(:empty){border-top:1px solid var(--line)}.fieldLabel{color:var(--muted);letter-spacing:.14em;gap:8px;font-size:12px;font-weight:600;display:grid}.operatorRow,.traceControlRow,.auditRow{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;padding:13px 15px;display:grid}.operatorRow:last-child,.traceControlRow:last-child,.auditRow:last-child{border-bottom:0}.operatorRow:hover,.traceControlRow:hover,.auditRow:hover{background:#ffffff75}.operatorRow.isPaused{background:var(--warn-soft)}.operatorRow strong,.traceControlRow strong,.auditRow strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;line-height:1.35;display:block;overflow:hidden}.traceControlRow{align-items:start;min-height:104px}.traceControlRow p,.operatorRow p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-family:Songti SC,STSong,SimSun,serif;font-size:15px;line-height:1.62;display:-webkit-box;overflow:hidden}.largeList .traceControlRow p{-webkit-line-clamp:3}.rowMeta{letter-spacing:.12em;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.rowMeta time{color:var(--muted)}.statePill{border:1px solid var(--line);color:var(--muted);place-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-grid}.statePill.live{background:var(--ok-soft);color:var(--accent-strong);border-color:#727a6057}.statePill.hidden,.statePill.warning{background:var(--warn-soft);color:var(--warn);border-color:#9d76505c}.statePill.danger{background:var(--danger-soft);color:var(--danger);border-color:#9f5a4d61}.flagList{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.flagList span{background:var(--warn-soft);color:var(--warn);border:1px solid #9d765047;padding:3px 8px;font-size:11px}.rowActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.emptyState{color:var(--muted);min-height:72px;margin:0;padding:16px 15px}.auditList{max-height:468px;overflow:auto}.auditRow{min-height:58px}.auditRow strong{margin-top:0}.auditRow p,.auditRow time{color:var(--muted);font-size:12px}@media (max-width:1280px){.statusDeck{grid-template-columns:repeat(3,minmax(0,1fr))}.operatorGrid{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.35fr)}.sideStack{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.statusDeck,.operatorGrid,.sideStack{grid-template-columns:1fr}}@media (max-width:640px){.operatorShell{gap:16px;padding:28px 22px 32px}.operatorHeader{align-items:start;gap:14px;display:grid}.operatorHeader:after{left:128px}.headerStatus{justify-content:start;width:100%}h1{font-size:40px}.metricTile{min-height:96px}.operatorRow,.traceControlRow,.auditRow{grid-template-columns:1fr}.rowActions{justify-content:stretch;width:100%}.rowActions button{flex:1}}