.process-host{min-height:0;display:flex;flex:1;flex-direction:column;overflow:hidden;background:#f6f9fc}.process-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #dce4ee;background:#fff}.process-toolbar>div:first-child{margin-right:auto;display:flex;align-items:baseline;gap:10px}.process-toolbar>div>span,.process-toolbar label{color:#657489;font-size:11px}.process-toolbar label{display:flex;align-items:center;gap:5px}.process-toolbar input[type=number]{width:82px}.process-toolbar input,.process-toolbar select{height:32px;padding:5px 7px;border:1px solid #d3deea;border-radius:7px;background:#fff;max-width:180px}.process-runs{position:relative;font-size:12px}.process-runs summary{cursor:pointer;padding:7px 10px;border:1px solid #d3deea;border-radius:7px}.process-runs>div{position:absolute;z-index:6;top:37px;right:0;width:min(380px,60vw);max-height:310px;overflow:auto;background:#fff;border:1px solid #d3deea;box-shadow:0 10px 28px #1736511b;border-radius:10px;padding:8px}.process-runs label{padding:9px;align-items:flex-start;font-size:12px}.process-runs input{height:auto;flex:none;margin-top:4px}.process-runs span{min-width:0}.process-runs small{display:block;overflow-wrap:anywhere;font-size:10px;color:#7a8796;margin-top:4px}.process-body{min-height:0;flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable}.process-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:16px 20px;box-shadow:0 4px 16px #17365105}.process-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.process-card h3{margin:0 0 4px;font-size:14px}.process-card header span{font-size:11px;color:#6d7f91}.process-tag{background:#edf6f4;padding:5px 8px;border-radius:6px;white-space:nowrap}.process-tag.is-unknown{background:#fff5e5}.process-plot{display:block;width:100%;height:220px;margin-top:8px;overflow:visible}.process-plot text{font:10px ui-monospace,SFMono-Regular,monospace;fill:#718196}.process-axis{fill:none;stroke:#a9b8c9;stroke-width:1}.process-grid-line{fill:none;stroke:#e9eff5;stroke-dasharray:4 5}.process-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:2px 0 10px}.process-legend>div{display:flex;align-items:center;gap:8px;font-size:11px;min-width:0}.process-legend i{width:18px;height:3px;flex:none}.process-legend strong{font-weight:550}.process-legend span{color:#738296}.process-card summary{cursor:pointer;font-size:11px;color:#526a80}.process-scope{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:#657489;max-width:100%}.process-values{font-size:11px;max-height:340px;overflow:auto;padding:8px 0}.process-values>div{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;padding:5px;border-bottom:1px solid #edf1f6}.process-metric-group{margin-top:14px;border-top:1px solid #e5ecf4;padding-top:12px}.process-metric-label{display:flex;align-items:baseline;gap:10px;font-size:12px;margin-bottom:8px}.process-metric-label span,.process-metric-label small{color:#728197}.process-metric-table{border-collapse:collapse;width:100%;font-size:12px;table-layout:fixed}.process-metric-table th,.process-metric-table td{text-align:left;padding:10px;border-bottom:1px solid #e7edf4;overflow-wrap:anywhere}.process-metric-table thead{background:#f4f7fb;color:#6d7b8c}.process-metric-table th{font-weight:550}.process-metric-table .metric-value{font:600 18px ui-monospace,SFMono-Regular,monospace;color:#216f83}.process-footer{border-top:1px solid #dce4ee;background:#fff;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#6a788b}.process-footer>div{display:flex;flex-wrap:wrap;gap:6px}.process-error{margin:10px 16px 0;color:#8e5630;background:#fff6e9;padding:10px;border-radius:8px;font-size:12px}.process-empty{padding:36px 16px;text-align:center;font-size:13px;color:#718095}.process-frozen{max-width:100%;margin-bottom:14px}.process-frozen .process-card{box-shadow:none}.process-layout-tabs{display:flex;gap:4px}.process-layout-tabs button{border:0;background:transparent;color:#66798d;padding:8px 12px;border-radius:7px;font-size:12px;cursor:pointer}.process-layout-tabs button[aria-pressed=true]{color:#285f8d;background:#e7f1fb;font-weight:600}.process-layout-tabs button:focus-visible{outline:2px solid #347b9c;outline-offset:2px}