:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2523;background:#eef2ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;min-width:0}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.appShell{min-height:100vh;display:grid;grid-template-columns:minmax(220px,248px) minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#14211f;color:#f6fbf8;padding:20px;display:flex;flex-direction:column;gap:24px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700}nav{display:grid;gap:6px}nav button,.secondary,.primary,.danger{min-height:38px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;white-space:nowrap}nav button{justify-content:flex-start;color:#dbe7e2;background:transparent}nav button.active,nav button:hover{background:#27413c}main{min-width:0;overflow-x:hidden}.page{width:100%;max-width:1440px;margin:0 auto;padding:28px;display:grid;gap:18px}.pageHeader,.panelTitle,.toolbar,.schemaHeader,.compactItem,.keyValue,.toggleRow{display:flex;align-items:center}.pageHeader{justify-content:space-between;gap:16px;flex-wrap:wrap}.pageHeader h1,header h2,h1,h2,h3{margin:0}.pageHeader p,header p,.muted{color:#66736e;margin:6px 0 0}.centerPanel{min-height:100vh;display:grid;align-content:center;justify-content:center;gap:18px;padding:24px}.centerPanel form,.centerPanel p{width:min(420px,calc(100vw - 48px))}.panel,.metric{background:#fff;border:1px solid #d8e0dc;border-radius:8px;padding:16px;box-shadow:0 1px 2px #1118150a}.panel{display:grid;gap:14px;overflow:hidden}.panelTitle{justify-content:flex-start;gap:12px}.panelTitle h2,.panelTitle h3{font-size:1rem}.panelTitle>div{display:inline-flex;align-items:center;gap:8px}.panelTitle svg,.status svg{flex:0 0 auto}.stack{display:grid;gap:12px}.split{display:grid;grid-template-columns:minmax(min(360px,100%),420px) minmax(0,1fr);gap:18px;align-items:start}.split.wide{grid-template-columns:minmax(min(420px,100%),620px) minmax(0,1fr)}.dashboardGrid,.contentGrid,.editorGrid,.grid2,.metrics,.jobForm{display:grid;gap:12px}.dashboardGrid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start}.contentGrid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start}.editorGrid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:start}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.metric{display:grid;gap:8px}.metric span{color:#66736e;font-size:.88rem}.metric strong{font-size:1.8rem;line-height:1.05}.field{display:grid;gap:6px}.field span,.checkLine span{font-size:.86rem;color:#41514b;font-weight:650}input,select,textarea{width:100%;border:1px solid #c7d3ce;border-radius:7px;padding:9px 10px;background:#fbfdfc;color:#1c2523}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem}.checkLine,.toggleRow{gap:8px;flex-wrap:wrap}.checkLine input{width:auto}.primary{background:#236354;color:#fff}.primary:hover{background:#1a5145}.secondary{background:#e5eeea;color:#20332e}.secondary:hover{background:#d7e5df}.danger{background:#f4dddd;color:#8b1f1f}.danger:hover{background:#edcdcd}.toolbar{justify-content:space-between;gap:12px;flex-wrap:wrap}.searchBox{position:relative;width:min(360px,100%)}.searchBox svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#66736e}.searchBox input{padding-left:34px}.schemaHeader{justify-content:space-between;gap:12px;padding:10px 12px;background:#eef5f2;border-radius:7px}.schemaHeader span{color:#66736e;font-size:.86rem}.tableWrap{width:100%;max-width:100%;overflow:auto;border:1px solid #e3ebe7;border-radius:7px}table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;font-size:.9rem}table.compactTable{min-width:680px}th,td{text-align:left;border-bottom:1px solid #e3ebe7;padding:9px 10px;vertical-align:top;overflow-wrap:anywhere;word-break:break-word}tr:last-child td{border-bottom:0}th{color:#51625c;font-weight:700;background:#f7faf8}tr.selectable:hover{background:#f3f8f6}tr.selectable{cursor:pointer}td code,.token,.jsonCode,pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}pre{margin:0;max-height:520px;overflow:auto;font-size:.82rem}.jsonCode{display:block;max-height:420px;overflow:auto;padding:12px;border:1px solid #e3ebe7;border-radius:7px;background:#f8faf9;color:#23302c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.pillList{display:flex;flex-wrap:wrap;gap:8px}.pill,.status{display:inline-flex;align-items:center;gap:5px;min-height:24px;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700;background:#eef5f2;color:#2c5249}.status-completed,.status-healthy,.status-active,.status-promoted,.status-online{background:#def3e7;color:#176240}.status-running,.status-queued,.status-imported,.status-registered{background:#e2eefc;color:#25578a}.status-failed,.status-error,.status-cancelled,.status-cancelling,.status-stale,.status-offline{background:#f5dfdf;color:#8b1f1f}.compactList{display:grid;gap:8px}.compactItem{justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e3ebe7}.compactItem:last-child{border-bottom:0}.compactItem strong,.compactItem span{overflow-wrap:anywhere}.compactItem span{color:#66736e;font-size:.86rem}.keyValue{justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #edf2ef}.keyValue:last-child{border-bottom:0}.keyValue span{color:#66736e}.keyValue strong{text-align:right;overflow-wrap:anywhere}.linkedPicker{display:grid;gap:10px;padding:12px;border:1px solid #e3ebe7;border-radius:7px;background:#fbfdfc}.pickerList{display:grid;gap:6px;max-height:230px;overflow:auto;padding-right:4px}.pickerRow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:6px;border-radius:6px}.pickerRow:hover{background:#eef5f2}.pickerRow input{width:auto;margin-top:2px}.pickerRow span{overflow-wrap:anywhere}.workflowViewer{display:grid;gap:14px}.workflowSummary,.definitionGrid,.stepBrowser,.draftStepList,.stepEditor{display:grid;gap:10px}.workflowSummary{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.definitionGrid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.definitionBlock{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #e3ebe7;border-radius:7px;background:#fbfdfc}.definitionBlock dl{display:grid;gap:8px;margin:0}.definitionBlock dl>div{display:grid;gap:4px}.definitionBlock dt{color:#51625c;font-size:.82rem;font-weight:700}.definitionBlock dd{margin:0;overflow-wrap:anywhere}.definitionBlock code{white-space:pre-wrap;overflow-wrap:anywhere}.stepBrowser{grid-template-columns:minmax(min(360px,100%),440px) minmax(0,1fr);align-items:start}.stepList{display:grid;gap:6px;max-height:560px;overflow:auto;padding-right:4px}.stepRow,.stepSelect{width:100%;min-height:0;justify-content:start;text-align:left;white-space:normal}.stepRow{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 10px;padding:9px;border:1px solid #e3ebe7;border-radius:7px;background:#fbfdfc;color:#1c2523}.stepRow span,.stepSelect span{color:#66736e;font-size:.82rem;font-weight:700}.stepRow strong,.stepSelect strong{overflow-wrap:anywhere}.stepRow code,.stepSelect code,.stepTitle code{grid-column:2;color:#31574f;overflow-wrap:anywhere}.stepRow.active,.draftStep.active{border-color:#83aa9f;background:#eef8f4}.stepDetail{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #e3ebe7;border-radius:7px;background:#fff}.stepTitle{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jsonDetails{border:1px solid #e3ebe7;border-radius:7px;background:#fbfdfc}.jsonDetails summary{cursor:pointer;padding:11px 12px;font-weight:700}.jsonDetails .jsonCode{border:0;border-top:1px solid #e3ebe7;border-radius:0 0 7px 7px}.draftStep{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #e3ebe7;border-radius:7px;background:#fbfdfc}.stepSelect{display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 8px;padding:0;background:transparent;color:#1c2523}.stepActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.stepActions .secondary,.stepActions .danger{min-height:30px;padding:0 9px;font-size:.82rem}.markdownPreview{display:grid;gap:10px;max-height:720px;overflow:auto;padding:4px 2px}.markdownPreview h2,.markdownPreview h3,.markdownPreview h4,.markdownPreview h5,.markdownPreview p,.markdownPreview ul,.markdownPreview pre{margin:0}.markdownPreview h2{font-size:1.25rem}.markdownPreview h3,.markdownPreview h4,.markdownPreview h5{font-size:1.05rem}.markdownPreview ul{padding-left:20px}.markdownPreview pre{padding:10px;border:1px solid #e3ebe7;border-radius:7px;background:#f8faf9}.error{color:#9b1c1c}.success{color:#176240}.jobForm{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:end}.span2{grid-column:span 2}@media(max-width:980px){.appShell{grid-template-columns:1fr}aside{position:static;height:auto;padding:14px 16px;gap:12px}nav{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}nav button,.secondary,.primary,.danger{white-space:normal}.page{padding:18px}.split,.split.wide,.jobForm,.stepBrowser,.draftStep{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:640px){aside{padding:12px}.brand{font-size:.95rem}nav{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{justify-content:center}.page{padding:14px;gap:14px}.panel,.metric{padding:14px}.pageHeader{display:grid}.compactItem,.keyValue{align-items:flex-start}table{min-width:560px}}