@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#28352f;background:#f4f1e9;font-synthesis:none;--line: #ded9cb;--muted: #6e7972;--green: #2b6b5e;--gold: #8a601f;--red: #a33f3b}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{flex:none;min-height:56px;border-bottom:1px solid #d8cdb8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#eae1cf}.brand{display:flex;align-items:center;gap:10px}.mark{width:29px;height:29px;border:1px solid #b6975f;color:#4b3b22;background:#f8f2e4;display:grid;place-items:center;border-radius:50%;font:700 15px/1 Manrope,system-ui,sans-serif}.brand>div{display:flex;flex-direction:column;gap:2px}.brand b{font:800 13px Manrope,system-ui,sans-serif}.brand small,.status,.eyebrow,footer{font:500 10px DM Mono;color:var(--muted)}.status{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#4f5c51}.status i{width:6px;height:6px;border-radius:50%;background:var(--green)}.status.running i{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.workspace{width:min(1120px,calc(100% - 24px));margin:0 auto;flex:1;display:flex;flex-direction:column;padding:20px 0 36px}.intro{flex:none;margin-bottom:9px}.eyebrow{color:var(--gold);margin:0 0 3px}h1{font:600 24px/1.2 Manrope,system-ui,sans-serif;margin:0}h1 em{color:var(--gold);font-style:normal}.agent-card{background:#faf8f1;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 26px #483b220f}.agent-head{flex:none;min-height:50px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line)}.orb{height:30px;width:30px;display:grid;place-items:center;background:#eee0be;color:#75501b;border-radius:50%}.agent-head b,.agent-head span{display:block}.agent-head b{font:700 13px Manrope,system-ui,sans-serif}.agent-head span{font:10px DM Mono;color:var(--muted);margin-top:3px}.badge{margin-left:auto!important;padding:5px 7px;border:1px solid #ddc797;border-radius:4px;color:var(--gold)!important;background:#f8f0dc;font:10px DM Mono!important}.gateway-connection{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px 6px}.gateway-connection>div:first-child{display:flex;flex-direction:column;gap:3px;flex:none}.gateway-connection span{font:500 10px DM Mono;color:var(--gold)}.gateway-connection strong{font:700 13px Manrope,system-ui,sans-serif}.gateway-connection small,.gateway-target small{font:10px/1.5 DM Mono;color:var(--muted)}.gateway-target{min-width:0;text-align:right}.gateway-target a{display:block;color:var(--green);font:500 12px/1.4 DM Mono;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px}.gateway-target small{display:block;margin-top:3px;overflow-wrap:anywhere}.gateway-target code{font:inherit}.demo-note{flex:none;margin:0;padding:0 14px 10px;color:var(--muted);font-size:12px;line-height:1.4;border-bottom:1px solid var(--line)}.chat{min-height:220px;padding:14px;background:#f6f3ec;display:flex;flex-direction:column;gap:10px}.bubble,.welcome{max-width:82%;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:#fff;line-height:1.5}.bubble.task{align-self:flex-end;background:#f3e8ce;border-color:#e2c994;color:#5d4829}.bubble.activity{background:#edf3ee;color:#31564d}.bubble.result{background:#fff9ec;border-color:#ecd9b4}.bubble.error{background:#fff1ef;border-color:#f0c9c5;color:var(--red)}.bubble span,.welcome span,.payment span{display:block;font:600 10px DM Mono;color:var(--gold);margin-bottom:5px}.bubble p,.welcome p{white-space:pre-wrap;margin:0;font-size:13px}.payment{align-self:stretch;border:1px solid #c7ded2;border-left:3px solid var(--green);border-radius:6px;padding:12px 14px;background:#f4f9f5}.payment.block{border-color:#f0c9c5;border-left-color:var(--red);background:#fff8f7}.payment.escalate{border-color:#ecd9b4;border-left-color:var(--gold);background:#fffaf0}.payment>div{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.payment b{font:700 14px Manrope,system-ui,sans-serif}.payment>strong{display:block;margin:7px 0 4px;font:600 22px DM Mono;color:#264c40}.payment>small{display:block;color:var(--muted);font:11px DM Mono}.payment pre{margin:9px 0 0;padding:9px;background:#fff;border:1px solid var(--line);border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 DM Mono;color:#455b55;max-height:170px;overflow:auto}.decision-reason{margin:8px 0 0;color:#455b55;font-size:12px;line-height:1.45}.dataset{margin-top:12px;padding:13px;background:#fff;border:1px solid #b7d7cd;border-radius:5px}.dataset-head{display:flex;flex-direction:column;gap:3px}.dataset-head span{margin:0;color:var(--green)}.dataset-head b{font:700 15px Manrope,system-ui,sans-serif}.dataset dl{margin:11px 0 0;display:grid;gap:5px}.dataset dl div{display:flex;gap:14px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}.dataset dt{min-width:100px;color:var(--muted)}.dataset dd{margin:0;font-weight:600}.dataset small{display:block;margin-top:10px;overflow-wrap:anywhere}.approval-link{display:inline-block;margin-top:11px;color:var(--green);font-weight:600;font-size:12px}.scenario-section{flex:none;border-top:1px solid var(--line)}.scenario-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px 0}.scenario-heading b{font:700 13px Manrope,system-ui,sans-serif}.scenario-heading button{padding:2px 0;border:0;background:none;color:var(--muted);font-size:11px}.scenario-heading button:disabled{opacity:.5;cursor:default}.scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px 14px 12px}.scenario-button{min-width:0;min-height:68px;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#fffdf8;color:#28352f}.scenario-button:hover:not(:disabled),.scenario-button:focus-visible{border-color:#b58d4c;background:#f8f0dd;outline:none}.scenario-button:disabled{cursor:wait;opacity:.65}.scenario-number{flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ded1b8;border-radius:4px;background:#f5efe2;color:var(--gold);font:600 11px DM Mono}.scenario-copy{min-width:0;flex:1}.scenario-copy b,.scenario-copy small{display:block}.scenario-copy b{font:700 15px/1.3 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}.scenario-button small{margin-top:3px;font:11px DM Mono;color:var(--muted)}.scenario-action{flex:none;color:var(--gold);font-size:12px;font-weight:700}footer{flex:none;display:flex;justify-content:space-between;gap:10px;padding:0 16px 7px;font-size:9px}@media(max-width:680px){.topbar{padding:0 12px}.brand b{font-size:12px}.workspace{width:calc(100% - 16px);padding:12px 0 24px}.intro{margin-bottom:7px}h1{font-size:20px}.gateway-connection{align-items:flex-start;flex-direction:column;gap:6px;padding:9px 11px 5px}.gateway-target{text-align:left;width:100%}.demo-note{padding:0 11px 8px;font-size:11px}.chat{min-height:180px;padding:10px}.bubble{max-width:95%}.scenario-heading{padding:8px 10px 0}.scenario-list{gap:6px;padding:8px 10px 10px}.scenario-button{min-height:74px;gap:8px;padding:8px}.scenario-copy b{font-size:13px}.scenario-button small,.scenario-action{font-size:10px}footer{padding:0 10px 6px;flex-direction:column;gap:2px}}@media(max-width:520px){.scenario-list{grid-template-columns:1fr}}