@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#1c252d;background:#f3f5f4;font-synthesis:none;--line:#dce5e2;--muted:#748087;--text:#1c252d;--green:#157c70;--gold:#a56c19;--red:#a33f3b;--amber:#9b681c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f4}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#fff}.brand{display:flex;align-items:center;gap:12px}.mark{width:28px;height:28px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;border-radius:8px;transform:rotate(45deg)}.mark+div{display:flex;flex-direction:column;gap:2px}.brand b{font:600 14px Space Grotesk;letter-spacing:.15em}.brand small,.status,.eyebrow,footer,.card-head,.decision-kicker,.metrics,.form-title{font:500 10px DM Mono;letter-spacing:.1em;color:var(--muted)}.status{display:flex;align-items:center;gap:7px}.status i,.live i{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green)}.status.running i{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.workspace{width:min(940px,calc(100% - 40px));margin:0 auto;flex:1;padding:clamp(34px,7vh,86px) 0 34px}.intro{margin-bottom:24px}.eyebrow{color:var(--gold);margin:0 0 14px}h1{font:500 clamp(30px,4vw,49px)/1.08 "Space Grotesk";letter-spacing:-.035em;margin:0;max-width:780px}h1 em{color:var(--green);font-style:normal}.lede{color:#68777a;max-width:620px;font-size:15px;line-height:1.6;margin:14px 0 0}.decision-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #1e36300f}.card-head{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--line)}.live{color:var(--green)}.stream{padding:18px;background:#fbfcfc;display:flex;flex-direction:column;gap:12px;min-height:360px}.empty{margin:auto;text-align:center;color:var(--muted);padding:42px}.empty strong{display:block;color:#40504f;font:600 15px Space Grotesk;margin-bottom:8px}.empty p{margin:0;font-size:13px}.empty code{font:11px DM Mono;color:var(--green)}.decision{border:1px solid #c7e1da;border-left:3px solid var(--green);border-radius:7px;padding:15px 17px;background:#f5fbf9}.decision.block{border-color:#f0c9c5;border-left-color:var(--red);background:#fff8f7}.decision.escalate{border-color:#ecd9b4;border-left-color:var(--amber);background:#fffaf0}.decision-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.decision-kicker{color:var(--green);font-weight:600}.block .decision-kicker{color:var(--red)}.escalate .decision-kicker{color:var(--amber)}h2{margin:6px 0 0;font:600 14px Space Grotesk;overflow-wrap:anywhere}.decision-top>strong{font:600 23px DM Mono;color:#173f3a}.purpose{margin:12px 0;color:#516261;font-size:14px}.metrics{display:flex;gap:15px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(82,110,103,.14)}.reason{margin-top:12px;color:#38544f;font-size:13px}.composer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;padding:20px 22px;border-top:1px solid var(--line);align-items:end}.form-title{grid-column:1/-1;color:var(--gold)}label{font:500 10px DM Mono;letter-spacing:.06em;color:#627171}input{display:block;width:100%;margin-top:7px;height:42px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--text);padding:11px 12px;outline:none;font:12px DM Mono}input:focus{border-color:#78b7aa;box-shadow:0 0 0 3px #e8f3f0}button{height:42px;border:1px solid #78b7aa;background:#d9eee9;color:#13584e;border-radius:5px;padding:0 15px;font-weight:600;white-space:nowrap;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error-note{width:min(940px,calc(100% - 40px));margin:0 auto 14px;padding:10px;background:#fff1ef;border:1px solid #f0c9c5;color:var(--red);font-size:12px;border-radius:5px}footer{display:flex;justify-content:space-between;padding:0 clamp(20px,5vw,72px) 18px;font-size:9px}@media(max-width:720px){.workspace{width:calc(100% - 24px);padding-top:32px}.topbar{padding:0 16px}.composer{grid-template-columns:1fr}.form-title{grid-column:auto}.composer button{width:100%}.stream{padding:12px}.decision-top{display:block}.decision-top>strong{display:block;margin-top:10px}.metrics{gap:10px}footer{padding:0 16px 14px;gap:10px;flex-direction:column}.brand b{font-size:12px}}.approval{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(82,110,103,.14);font:500 10px DM Mono;letter-spacing:.08em;color:var(--amber)}.approval-summary{min-width:0}.approval-summary>div{margin-top:7px;color:#516261;letter-spacing:0;line-height:1.5}.approval-summary code{font:inherit;overflow-wrap:anywhere}.approval-actions{display:flex;flex-wrap:wrap;gap:8px}.approval button{height:34px;padding:0 11px;font-size:11px}.approval .cancel-approval{border-color:#e4aaa5;color:var(--red);background:#fff4f2}.approval strong{color:var(--green);font-weight:500}@media(max-width:720px){.approval{align-items:flex-start;flex-direction:column}.approval-actions{width:100%}.approval-actions button{flex:1}}.secondary-reason{color:var(--amber)}.bypass-toggle{display:grid;grid-template-columns:18px auto;align-items:center;column-gap:8px;row-gap:2px;cursor:pointer}.bypass-toggle input{width:16px;height:16px;grid-row:span 2;margin:0;accent-color:var(--amber)}.bypass-toggle span{font:500 11px DM Mono;letter-spacing:.04em;color:var(--amber)}.bypass-toggle small{font:10px DM Mono;letter-spacing:0;color:var(--muted)}.decision details{margin-top:12px;font-size:12px}.decision summary{cursor:pointer;color:#38544f}.decision pre{max-width:100%;overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:4px;font:11px/1.5 DM Mono,monospace}.demo-bar{display:grid;gap:10px;padding:14px 22px;border-bottom:1px solid var(--line);background:#fff}.demo-title{font:500 10px DM Mono;letter-spacing:.08em;color:var(--muted)}.demo-purpose{display:block}.demo-actions{display:flex;gap:8px}.demo-bar button{height:34px;min-width:108px;padding:0 10px;font-size:11px}.demo-allow{border-color:#78b7aa;color:var(--green);background:#edf8f5}.demo-block{border-color:#e4aaa5;color:var(--red);background:#fff4f2}.demo-escalate{border-color:#e1c28b;color:var(--amber);background:#fffaf0}.debug-panel{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;box-shadow:0 20px 50px #1e36300d}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-title h1{font-size:22px;letter-spacing:-.02em;margin-top:7px}.apply-button{height:34px;min-width:108px;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 22px 0}.settings-grid label,.switches label{font:500 10px DM Mono;letter-spacing:.06em;color:#627171}.settings-grid input,.switches select{display:block;width:100%;height:40px;margin-top:7px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--text);padding:9px 11px;outline:none;font:12px DM Mono}.switches{display:grid;gap:8px;padding:18px 22px}.settings-row{display:flex;align-items:center;gap:18px;min-height:30px}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input{width:16px;height:16px;margin:0;accent-color:var(--green)}.switch span{font:500 11px DM Mono;letter-spacing:.03em;color:#405b58;white-space:nowrap}.settings-result{display:flex;align-items:center;gap:8px;white-space:nowrap}.settings-result select{width:auto;min-width:118px;margin:0}.settings-notice{margin:0;padding:0 22px 14px;color:var(--green);font:11px DM Mono}.debug-panel .demo-bar{border-top:1px solid var(--line)}@media(max-width:720px){.panel-title{display:block}.apply-button{width:auto;margin-top:14px}.settings-grid,.switches{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.settings-row{justify-content:space-between;gap:10px}.settings-result{min-width:0}.settings-result select{min-width:104px}.settings-notice{padding-left:16px;padding-right:16px}.demo-actions button{flex:1;min-width:0}}.debug-panel{margin-top:16px}.panel-actions{display:flex;justify-content:flex-start;padding:0 22px 18px}.apply-button:disabled{cursor:not-allowed}@media(max-width:720px){.panel-actions{padding-left:16px;padding-right:16px}.panel-actions .apply-button{width:auto;margin-top:0}}.error-note{width:auto;margin-left:0;margin-right:0}.history-actions{display:flex;align-items:center;gap:15px}.history-actions button{height:28px;padding:0 9px;border-color:#e4aaa5;color:var(--red);background:#fff;font-size:11px}.history-actions button:disabled{cursor:not-allowed}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#14201e80}.confirm-dialog{width:min(420px,calc(100% - 32px));padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 60px #0a1e1933}.confirm-dialog h2{margin:0;font-size:19px}.confirm-dialog p{font-size:13px;line-height:1.55;color:var(--muted)}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.confirm-dialog .confirm-danger{color:#fff;background:var(--red);border-color:var(--red)}