:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#04101b;color:#e8eef4;font-synthesis:none;--bg: #04101b;--surface: #071522;--surface-raised: #0a1b2a;--line: #294154;--line-strong: #365c73;--muted: #8497a7;--cyan: #58c9f0;--blue: #3d87ff;--green: #63d87b;--amber: #ffb12b;--red: #ff6877;--mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button{font:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--cyan);font-family:var(--mono)}.app-shell{min-height:100vh;padding:6px;display:grid;grid-template-rows:auto auto minmax(620px,1fr) auto;gap:7px}.topbar{min-height:58px;display:grid;grid-template-columns:178px minmax(320px,1.5fr) 150px 210px 190px 150px;align-items:stretch;border:1px solid var(--line);background:#061421}.brand{display:flex;align-items:center;gap:12px;padding:0 14px;font-size:20px;font-weight:760;border-right:1px solid var(--line)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #376b98;color:var(--blue);font:800 22px/1 var(--mono)}.change-title{min-width:0;display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid var(--line);font:500 13px/1.2 var(--mono)}.change-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-title span{color:var(--muted)}.top-fact{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 14px;border-right:1px solid var(--line)}.top-fact span,.panel-heading>span,.execution-rail h2,.approval-inspector h2,.inspector-title>span,.ledger-heading>span,.ledger-row.head{color:#b4c1cb;font:650 10px/1.2 var(--mono);letter-spacing:.09em}.top-fact b{margin-top:6px;overflow:hidden;color:#dfe9f0;font:600 11px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}.top-fact b.risk{color:var(--amber)}.connection{min-width:0;display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid var(--line);font:500 11px/1.2 var(--mono)}.connection i{width:9px;height:9px;border-radius:50%;background:var(--muted)}.connection i.live{background:var(--green);box-shadow:0 0 0 4px #63d87b14}.connection i.captured{background:var(--cyan)}.connection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-button{margin:10px;border:1px solid #397eff;background:#246bec;color:#fff;cursor:pointer;font:650 11px/1 var(--mono)}.run-button:hover:not(:disabled){background:#3379f4}.run-button:disabled{border-color:#385064;background:#172a39;color:#768d9f;cursor:default}.error-banner{border:1px solid #804252;background:#2a1119;color:#ffb5be;padding:10px 14px;font:11px/1.4 var(--mono)}.primary-grid{min-height:620px;display:grid;grid-template-columns:292px minmax(520px,1fr) 428px;gap:7px}.execution-rail,.workbench,.approval-inspector,.activity-ledger{border:1px solid var(--line);background:var(--surface);min-width:0}.execution-rail h2,.approval-inspector h2{height:40px;margin:0;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.execution-rail ol{list-style:none;margin:0;padding:16px 16px 10px 20px}.execution-rail li{min-height:88px;position:relative;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;color:#708493}.execution-rail li:after{content:"";position:absolute;left:19px;top:36px;bottom:-3px;width:2px;background:#34495a}.execution-rail li:last-child:after{display:none}.step-number{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;border:2px solid #4b6070;border-radius:50%;background:#0b1c29;font:600 14px var(--mono)}.execution-rail li>div{padding-top:7px;display:flex;flex-direction:column;min-width:0}.execution-rail li strong{font:650 13px/1 var(--mono)}.execution-rail li small{margin-top:9px;overflow:hidden;color:currentColor;font:10px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap}.execution-rail li em{margin-top:7px;color:var(--amber);font:700 10px/1 var(--mono);font-style:normal;letter-spacing:.08em}.execution-rail li>i{margin-top:8px;width:18px;height:18px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:600 10px sans-serif}.execution-rail li.complete{color:var(--green)}.execution-rail li.complete:after{background:var(--green)}.execution-rail li.active{color:var(--cyan)}.execution-rail li.active .step-number{border-color:var(--cyan)}.execution-rail li.ready{color:#9fb4c3}.execution-rail li.ready .step-number{color:var(--cyan);border-color:var(--cyan)}.execution-rail li.paused{color:var(--amber)}.execution-rail li.paused .step-number{border-color:var(--amber)}.execution-rail li.active>i,.execution-rail li.ready>i,.execution-rail li.paused>i,.execution-rail li.locked>i{border-color:transparent}.workbench{display:grid;grid-template-rows:minmax(260px,42%) 1fr;gap:7px;border:0;background:transparent}.evidence-panel,.packet-panel{min-width:0;border:1px solid var(--line);background:var(--surface);overflow:hidden}.panel-heading{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.panel-heading small{color:var(--cyan);font:500 10px var(--mono)}.empty-state{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}.empty-state i{width:36px;height:36px;margin-bottom:14px;border:2px solid var(--line-strong);transform:rotate(30deg)}.empty-state strong{font:600 13px var(--mono)}.empty-state span{max-width:520px;margin-top:8px;color:var(--muted);font:11px/1.5 var(--mono)}.empty-state.compact{min-height:300px}.source-row{min-height:78px;display:grid;grid-template-columns:34px minmax(180px,.8fr) 1fr;gap:14px;align-items:center;padding:12px 18px}.dataset-icon,.consumer-icon{width:27px;height:27px;border:2px solid var(--cyan);background:linear-gradient(90deg,transparent 44%,var(--cyan) 45%,var(--cyan) 52%,transparent 53%),linear-gradient(0deg,transparent 44%,var(--cyan) 45%,var(--cyan) 52%,transparent 53%)}.source-row>div,.consumer-row>div{min-width:0;display:flex;flex-direction:column}.source-row strong,.consumer-row strong{overflow:hidden;font:650 12px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}.source-row small,.consumer-row small{margin-top:5px;color:var(--muted);font:9px/1.2 var(--mono)}.source-row dl,.source-row dl div{margin:0;display:grid}.source-row dl{grid-template-columns:1fr 1fr;gap:18px}.source-row dl div{gap:5px}.source-row dt{color:var(--muted);font:9px var(--mono)}.source-row dd{margin:0;overflow:hidden;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.lineage-tree{margin-left:31px;padding:2px 18px 2px 38px;border-left:2px solid var(--cyan);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.consumer-row{position:relative;min-height:64px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border:1px solid #1c3446;background:#081827}.consumer-row:before{content:"";position:absolute;left:-40px;top:31px;width:39px;border-top:2px solid var(--cyan)}.consumer-icon{width:22px;height:22px;border-width:1px}.consumer-row code{grid-column:2;margin-top:-8px;overflow:hidden;color:#7191a6;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.evidence-foot{height:35px;margin-top:10px;display:flex;gap:28px;align-items:center;padding:0 18px;border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono)}.packet-panel{display:grid;grid-template-rows:40px auto 34px minmax(0,1fr)}.file-tabs{display:grid;grid-template-columns:repeat(7,minmax(98px,1fr));gap:4px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--line)}.file-tabs button{min-width:98px;min-height:48px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;border:1px solid #385062;background:#0a1926;color:#9eb0bd;cursor:pointer;padding:7px 8px;font:500 8px/1.15 var(--mono);text-align:left;overflow-wrap:anywhere}.file-tabs button span{color:#93a6b4;font-size:13px}.file-tabs button:hover,.file-tabs button.selected{border-color:var(--cyan);background:#0b2030;color:#fff}.file-tabs button.selected span{color:var(--cyan)}.code-heading{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font:600 10px var(--mono)}.code-heading small{color:var(--amber);font-size:8px;letter-spacing:.05em}.packet-panel pre{margin:0;padding:14px 18px;overflow:auto;background:#06131f;color:#d6e0e7;font:10px/1.55 var(--mono);white-space:pre-wrap}.approval-inspector{overflow:hidden}.approval-callout{padding:18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.approval-callout strong{color:#96a8b5;font:650 16px/1.2 var(--mono)}.approval-callout.waiting strong{color:var(--amber)}.approval-callout.completed strong{color:var(--green)}.approval-callout span{margin-top:9px;color:#b3c0ca;font:10px/1.45 var(--mono)}.approval-callout button{min-height:42px;margin-top:15px;border:1px solid #ef9c14;background:var(--amber);color:#17130b;cursor:pointer;font:750 12px var(--mono)}.approval-callout button:disabled{border-color:#334d61;background:#122737;color:#738897;cursor:default}.approval-callout.completed button:disabled{border-color:#2c8d4c;color:var(--green);background:#0d2c1c}.inspector-section{border-bottom:1px solid var(--line);padding-bottom:12px}.inspector-title{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #1d3445}.inspector-title b{border:1px solid #876319;color:var(--amber);padding:5px 8px;font:700 9px var(--mono)}.inspector-section ul{margin:0;padding:12px 20px 0 32px}.inspector-section li{margin:8px 0;color:#afbec8;font:10px/1.35 var(--mono)}.inspector-section.digest dl{margin:0;padding:11px 16px 3px}.inspector-section.digest dl div{display:grid;grid-template-columns:100px 1fr;gap:10px;margin-bottom:10px;font:10px/1.2 var(--mono)}.inspector-section.digest dt{color:var(--muted)}.inspector-section.digest dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.guardrails{padding-bottom:14px}.guardrails>div:not(.inspector-title){display:flex;gap:9px;align-items:center;padding:5px 16px 0;color:#afbec8;font:10px/1.3 var(--mono)}.guardrails i{width:16px;height:16px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:9px sans-serif;font-style:normal}.guardrails i.pass{color:var(--green)}.guardrails i.pending{color:#647c8e}.activity-ledger{min-height:190px}.ledger-heading{height:38px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line)}.ledger-heading small{color:var(--muted);font:9px var(--mono)}.ledger-row{min-height:24px;display:grid;grid-template-columns:160px 140px 320px 1fr;align-items:center;border-bottom:1px solid #1f3443;padding:0 18px;color:#b8c5ce;font:9px/1.25 var(--mono)}.ledger-row.head{min-height:27px}.ledger-row time{color:#95aab9}.ledger-row b{color:var(--cyan);font-weight:600}.ledger-row:last-child{border-bottom:0}.ledger-empty{padding:28px 18px;color:var(--muted);font:10px var(--mono)}@media(max-width:1250px){.topbar{grid-template-columns:168px minmax(280px,1fr) 150px 180px 145px}.topbar .top-fact:nth-of-type(2){display:none}.primary-grid{grid-template-columns:240px minmax(500px,1fr) 360px}.source-row{grid-template-columns:34px 1fr}.source-row dl{grid-column:2}.lineage-tree{grid-template-columns:1fr}.consumer-row:before{width:39px}}@media(max-width:960px){.app-shell{display:block;padding:5px}.app-shell>*{margin-bottom:7px}.topbar{grid-template-columns:1fr 1fr}.brand,.change-title,.top-fact,.connection{min-height:56px;border-bottom:1px solid var(--line)}.run-button{min-height:42px}.primary-grid{display:grid;grid-template-columns:220px minmax(0,1fr)}.approval-inspector{grid-column:1 / -1}.file-tabs{grid-template-columns:repeat(7,120px)}}@media(max-width:680px){.topbar{grid-template-columns:1fr}.brand,.change-title,.top-fact,.connection{border-right:0}.primary-grid{display:block}.primary-grid>*{margin-bottom:7px}.execution-rail ol{display:grid;grid-template-columns:repeat(6,124px);gap:0;overflow-x:auto;padding:14px}.execution-rail li{grid-template-columns:38px 1fr;min-height:105px}.execution-rail li:after{left:36px;top:18px;bottom:auto;width:calc(100% - 16px);height:2px}.execution-rail li>i{display:none}.workbench{grid-template-rows:auto minmax(430px,1fr)}.lineage-tree,.source-row dl{grid-template-columns:1fr}.ledger-table{overflow-x:auto}.ledger-row{min-width:780px}}@media(prefers-reduced-motion:no-preference){.connection i.live{animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}}