:root{--bg:#edf0f2;--surface:#fff;--ink:#172333;--muted:#768397;--border:#e3e8ed;--navy:#16263c;--blue:#2665bb;--green:#1b8a71;--red:#bd5262;--amber:#b27b26;--radius:16px}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#306aaf;text-decoration:none}a:hover{text-decoration:underline}.app{height:100vh;min-height:620px;display:flex;flex-direction:column}.appbar{height:75px;flex:0 0 75px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:14px;border-bottom:1px solid var(--border)}.identity{display:flex;gap:17px;align-items:center}.identity-logo{position:relative;color:#171e29;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;font-weight:800;font-size:31px;letter-spacing:-3px;line-height:1;font-weight:bold;padding-right:18px}.identity-line{position:absolute;right:1px;top:2px;width:1px;height:30px;background:#d3dbe3}.identity-names{display:grid;gap:3px}.identity-names strong{font-size:14px;font-weight:720}.identity-names span{font-size:11px;color:var(--muted)}.appbar-right{display:flex;align-items:center;gap:15px}.demopill{font-size:9px;letter-spacing:.075em;font-weight:750;color:#8d765b;background:#fbf6eb;border:1px solid #efe6d3;padding:8px 12px;border-radius:25px}.connection{color:#415466;font-weight:700;font-size:11px;display:flex;align-items:center;gap:7px}.pulse,.onlinedot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#27a587}.barbtn{background:transparent;color:#4a5f78;border:1px solid #d9e2e9;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:700}.threepanes{display:grid;grid-template-columns:minmax(365px,1.06fr) minmax(360px,1.07fr) minmax(350px,.94fr);gap:14px;flex:1;min-height:0;padding:15px 18px 12px}.pane{border-radius:16px;background:#fff;border:1px solid #dfe5eb;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 24px #1e3b5310}.pane-heading{height:66px;display:flex;align-items:center;padding:0 19px;gap:12px;flex:none;border-bottom:1px solid #edf1f4}.pane-index{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#f0f4f8;color:#6d8399;border-radius:8px;font-weight:800;font-size:11px}.pane-heading h2{font-size:15px;letter-spacing:-.025em;margin:0 0 4px;font-weight:800}.pane-heading p{font-size:10px;color:var(--muted);margin:0}.tiny-status{font-size:8px;letter-spacing:.06em;font-weight:800;color:#588b7c;background:#eef8f4;border-radius:6px;padding:6px 7px;margin-left:auto;white-space:nowrap}.tiny-status.reference{color:#9b762e;background:#fbf7e9}.pane-chat{background:#f4f6f8}.phone-frame{margin:12px auto;flex:1;width:calc(100% - 24px);min-height:0;max-width:495px;border:1px solid #d7e0e6;background:#fff;border-radius:21px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 3px 16px #26384c15}.phone-top{padding:14px 18px;display:flex;gap:11px;align-items:center;background:var(--navy);color:#fff}.phone-avatar{width:39px;height:39px;border-radius:14px;background:#d3dbed;color:#304666;font-size:12px;display:grid;place-items:center;font-weight:800}.phone-person{display:grid;gap:4px;flex:1}.phone-person b{font-size:13px}.phone-person span{font-size:10px;color:#b6c7da}.onlinedot{height:6px;width:6px;margin-right:4px}.phone-top-button{border-radius:9px;border:1px solid #3e536d;color:#d9ecf8;background:#2b4059;padding:7px 9px;font-size:12px}.phone-top-button.on{background:#37836d}.portfolio-strip{padding:15px 20px 12px;display:flex;justify-content:space-between;background:linear-gradient(110deg,#203b57,#1b2d46);color:#fff;gap:12px}.portfolio-strip small{font-size:9px;color:#b5c9dc;letter-spacing:.09em;display:block;margin-bottom:6px}.portfolio-strip strong{font-size:24px;letter-spacing:-1px}.regionstack{display:flex;gap:4px;flex-direction:column;align-items:flex-end;font-size:9px;font-weight:700;color:#c5d7e5}.privacy-note{background:#f1f6fa;border-bottom:1px solid #e8edf1;text-align:center;font-size:9px;letter-spacing:.035em;color:#64778b;padding:9px 12px}.chat-scroll{min-height:120px;flex:1;overflow-y:auto;padding:16px 15px 10px;display:flex;flex-direction:column;gap:15px;background:radial-gradient(circle at top left,#f4f8fb,transparent 60%),#fff}.msg{max-width:88%;display:flex;flex-direction:column;gap:4px}.msg.user{align-self:flex-end}.msg.assistant{align-self:flex-start}.msg-name,.msg-time{font-size:9px;color:#8290a0;padding:0 9px}.msg.user .msg-name,.msg.user .msg-time{text-align:right}.bubble{padding:11px 14px;border-radius:15px 15px 15px 4px;white-space:pre-wrap;font-size:12px;line-height:1.55;color:#243447;background:#eaf0f6;border:1px solid #dee8f1}.msg.user .bubble{background:#245895;color:white;border-color:#245895;border-radius:15px 15px 4px 15px}.action-area{max-height:132px;overflow-y:auto;padding:0 15px;display:grid;gap:8px}.action-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ead6aa;background:#fffaf0;border-radius:10px}.action-card .action-copy{flex:1;font-size:11px;color:#5a4b34}.action-card button{padding:9px 10px;background:#172f4a;color:white;border:0;border-radius:7px;font-size:10px;font-weight:700}.suggestion-block{padding:9px 14px 4px;background:#fff}.suggestion-label{font-size:9px;color:#8090a0;letter-spacing:.12em;font-weight:800;margin-bottom:8px}.suggestion-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.suggestion-scroll button{white-space:nowrap;background:#f3f5f8;border:1px solid #e1e7ed;color:#344b65;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700}.suggestion-scroll button:hover{background:#e5edf6}.composer{display:flex;align-items:center;gap:8px;border:1px solid #e0e7ee;background:white;margin:8px 13px 3px;border-radius:13px;padding:5px 5px 5px 8px}.composer input{min-width:0;flex:1;border:none;outline:none;color:#21364b;padding:9px 2px;font-size:12px}.micbtn{border:0;background:#edf2f6;color:#304b68;width:34px;height:34px;border-radius:9px;font-size:17px;font-weight:900}.micbtn.listening{background:#f8e3e3;color:#bd4657;animation:throb 1s infinite}.sendbtn{background:#1f4e83;color:white;border:0;border-radius:9px;width:36px;height:34px;font-size:15px}.voice-status{text-align:center;font-size:9px;color:#8391a0;padding:5px 4px 10px}.runtime-body,.studio-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 17px 22px}.runtime-summary{border-radius:12px;background:#172a43;color:#fff;padding:16px;margin-bottom:15px}.summary-heading,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-heading{font-size:9px;color:#a9c4d9;font-weight:800;letter-spacing:.07em}.summary-heading span:last-child{color:#dde7ee;font-weight:500;letter-spacing:0}.summary-row{margin:15px 0 8px}.summary-row strong{font-size:19px;letter-spacing:-.03em}.summary-row span{font-size:10px;color:#b6c9dc;max-width:47%;text-align:right;overflow-wrap:anywhere}.summary-reason{font-size:11px;line-height:1.5;color:#c6d6e7;min-height:29px}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #32485f;margin-top:14px;padding-top:13px}.summary-metrics div{display:grid;gap:5px}.summary-metrics small{font-size:9px;color:#a2bdd1}.summary-metrics b{font-size:14px;color:white}.flowline{border:1px solid #e1e7ec;background:#f8fafb;border-radius:12px;padding:13px;margin-bottom:17px}.flow-title{font-size:9px;letter-spacing:.09em;font-weight:800;color:#61748b}.flow-nodes{display:flex;align-items:center;justify-content:space-between;gap:2px;margin:11px 0 7px}.flow-nodes span{font-size:9px;font-weight:750;padding:7px 5px;border:1px solid #d7e1e9;background:white;border-radius:6px;text-align:center;white-space:nowrap}.flow-nodes span.emphasis{background:#e2ecfa;border-color:#bed5f4;color:#2c629b}.flow-nodes i{font-style:normal;font-size:10px;color:#9db0c1}.flowline p{font-size:10px;color:#78899b;line-height:1.5;margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:16px 0 9px}.section-head>div{display:grid;gap:3px}.section-head strong{font-size:13px;color:#22384e}.section-head span{font-size:10px;color:#8997a7}.section-head a{font-size:10px}.guards-title{margin-top:20px}.checks{display:grid;gap:5px}.check-item{border:1px solid #e8edf2;background:white;border-radius:9px;padding:9px 10px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center}.check-item .id{font-size:9px;font-weight:800;color:#64798d;background:#f1f4f6;border-radius:5px;padding:6px 3px;text-align:center}.check-item .ct{display:grid;gap:4px;min-width:0}.check-item .ct b{font-size:10px;color:#30455b}.check-item .ct small{font-size:9px;color:#8b99a6;line-height:1.36}.check-item .outcome{font-size:9px;font-weight:800;white-space:nowrap;padding:5px 7px;border-radius:6px;background:#f0f2f4;color:#718195}.check-item .outcome.PASS,.check-item .outcome.PERMIT{background:#e8f6ef;color:#168568}.check-item .outcome.DENY,.check-item .outcome.HALT{background:#fdecef;color:#b14658}.check-item .outcome.ESCALATE,.check-item .outcome.REQUIRE_APPROVAL{background:#fdf3df;color:#a77423}.check-item .outcome.SKIPPED{color:#9ca8b3;background:#f4f5f6}.decision-tail{margin-top:17px;border-left:3px solid #84a5d1;background:#f5f9fd;border-radius:0 8px 8px 0;padding:12px}.decision-tail span{font-size:9px;font-weight:800;letter-spacing:.06em;color:#4a739d}.decision-tail p{font-size:10px;line-height:1.5;color:#52687f;margin:5px 0 0}.eventlist{display:grid;gap:7px}.eventbtn{display:grid;width:100%;grid-template-columns:1fr auto;gap:5px 8px;text-align:left;background:white;border:1px solid #e5ebf1;border-radius:9px;padding:10px}.eventbtn.active{border-color:#7fa8d2;background:#eff6fc}.eventbtn strong{font-size:10px;overflow-wrap:anywhere}.eventbtn em{font-size:9px;color:#8191a0;font-style:normal}.eventbtn .evt-verdict{grid-row:1/3;grid-column:2;align-self:center;font-size:10px;font-weight:800;color:#50728f}.eventbtn .evt-verdict.DENY{color:#b04758}.eventbtn .evt-verdict.ESCALATE,.eventbtn .evt-verdict.REQUIRE_APPROVAL{color:#a47a2f}.no-events{font-size:11px;color:#7a899a;padding:12px 0}.text-button{border:0;background:none;color:#3a76b7;font-size:10px}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12px 0;border-bottom:1px solid #e8edf2;gap:5px;flex:none}.studio-tab{font-size:11px;font-weight:700;color:#718298;background:none;border:0;border-bottom:2px solid transparent;padding:12px 2px}.studio-tab.active{color:#22568c;border-bottom-color:#326eae}.studio-panel{display:none}.studio-panel.active{display:block}.tool-heading{display:grid;gap:4px;margin-bottom:10px}.tool-heading strong{font-size:14px}.tool-heading span{font-size:11px;color:#8593a2}.quiet{font-size:10px;line-height:1.6;color:#8291a0}.architecture-stack{margin:17px 0 12px;display:grid;gap:0}.arch-node{position:relative;width:100%;display:flex;align-items:center;gap:9px;border:1px solid #dde7ee;border-radius:10px;background:white;padding:11px;text-align:left;min-height:57px}.arch-node.active{border-color:#6193ca;background:#f0f6fc}.arch-node.disabled{opacity:.45}.arch-icon{width:30px;height:30px;flex:0 0 30px;background:#eaf0f7;color:#567a9b;display:grid;place-items:center;border-radius:8px;font-size:13px}.arch-text{min-width:0;flex:1;display:grid;gap:3px}.arch-text b{font-size:11px}.arch-text small{font-size:9px;color:#8190a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-tag{font-size:8px;font-weight:800;color:#5f829f;letter-spacing:.04em}.arch-edge{height:17px;display:flex;align-items:center;justify-content:center;color:#8fa3b7;font-size:12px}.arch-boundary{margin:10px 0 6px;font-size:9px;color:#52769b;font-weight:800;text-align:center;letter-spacing:.08em;background:#ecf3fa;padding:8px 5px;border-radius:6px}.editor-card,.bridge-note,.source-block,.source-status{border:1px solid #e4eaf0;border-radius:11px;background:#fff;padding:13px;margin-top:12px}.editor-card label,#studio-policy label{display:block;margin:11px 0 5px;font-size:10px;color:#62758a;font-weight:700}.editor-card input,.editor-card textarea,#studio-policy input[type=number],#studio-policy select,#studio-policy textarea{width:100%;border:1px solid #d9e3eb;background:#fbfcfd;color:#20364b;border-radius:7px;outline:none;padding:9px 10px;font-size:11px}.editor-card textarea,#studio-policy textarea{resize:vertical}.editor-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.editor-header strong{font-size:11px}.editor-header span{font-size:9px;color:#8896a2}.editor-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.editor-buttons button,.source-link{border:1px solid #dce5ed;background:#f7f9fb;color:#3c5c79;border-radius:8px;padding:9px 10px;font-weight:700;font-size:10px}.editor-buttons button.primarybtn{background:#244f80;color:#fff;border-color:#244f80}.bridge-note{border-color:#cadee5;background:#f4f9fa}.bridge-note b{font-size:11px;color:#286e77}.bridge-note p{font-size:10px;line-height:1.6;color:#567683;margin-bottom:0}.field-row{display:grid;gap:4px}.switch-row{margin:12px 0}.switch-row label{display:flex!important;align-items:flex-start;gap:7px;font-weight:500!important}.switch-row input{accent-color:#2d6a9a}.json-editor{min-height:225px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:10px!important;line-height:1.5}.test-outcome{font-size:10px;padding:11px;background:#f0f5fa;border:1px solid #dce6ee;border-radius:8px;margin:12px 0;line-height:1.5}.source-status{background:#fff9ed;border-color:#f2e2be}.source-status b{font-size:11px;color:#a4742b}.source-status p,.source-block p{font-size:10px;color:#748596;line-height:1.6;margin-bottom:0}.source-block b{font-size:11px;display:block}.source-block code{display:block;font-size:11px;color:#2b6ca1;background:#f0f5f9;border-radius:5px;padding:9px;margin-top:8px;overflow-wrap:anywhere}.source-link{display:block;margin-top:9px}.footerline{height:25px;flex:0 0 25px;padding:0 25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.04em;color:#8390a1}.mobiletabs{display:none}@keyframes throb{50%{box-shadow:0 0 0 5px #f9d7dc}}@media(max-width:1300px){.threepanes{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(300px,.96fr);padding:10px;gap:9px}.flow-nodes span{font-size:8px}.pane-heading{padding:0 12px}.pane-heading h2{font-size:14px}}@media(max-width:960px){.appbar{padding:0 15px;height:64px;flex-basis:64px}.demopill{display:none}.threepanes{display:block;flex:1;overflow:hidden;padding:8px}.pane{height:100%;display:none}.pane.active{display:flex}.mobiletabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff;border-bottom:1px solid #dee5ea;padding:5px 10px}.mobiletab{padding:11px;color:#718196;font-size:12px;font-weight:700;border:none;background:transparent;border-radius:8px}.mobiletab.active{background:#eaf1f9;color:#245987}.phone-frame{max-width:none}.footerline{display:none}.app{min-height:0}}@media(max-width:450px){.identity-names span{display:none}.identity-names strong{font-size:12px}.identity-logo{font-size:26px}.appbar-right{gap:7px}.connection{font-size:9px}.barbtn{font-size:9px;padding:7px}.phone-frame{width:calc(100% - 15px);margin:8px auto}.pane-heading{height:56px}.portfolio-strip strong{font-size:21px}}