:root{color-scheme:dark;font-family:Aptos,Avenir Next,Trebuchet MS,sans-serif;background:#050705;color:#f4f7f3;--bg: #050705;--panel: #0b0f0c;--panel-soft: #101611;--panel-raised: #151c16;--line: rgba(244, 247, 243, .13);--line-strong: rgba(78, 238, 152, .48);--text: #f4f7f3;--muted: #a6aea7;--green: #4eee98;--green-soft: rgba(78, 238, 152, .12);--white-soft: rgba(255, 255, 255, .065);--danger: #ff766d;--shadow: 0 26px 80px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),#050705;background-size:64px 64px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}h1,h2,p{margin-top:0}code,pre{font-family:SFMono-Regular,Consolas,monospace}.app-shell{width:min(1480px,calc(100% - 34px));margin:0 auto;padding:18px 0 44px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,560px);gap:14px;align-items:stretch}.brand-lockup,.endpoint-form,.payload-panel,.panel,.state-chip{border:1px solid var(--line);border-radius:8px;background:#0b0f0ceb;box-shadow:var(--shadow)}.brand-lockup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px;position:relative;overflow:hidden}.brand-lockup:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.brand-mark,.panel-icon,.inline-tool__icon,.agent-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:8px;color:var(--green);background:var(--green-soft)}.brand-mark{width:54px;height:54px;color:var(--text)}.eyebrow{margin:0 0 7px;color:var(--green);font-size:.73rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin-bottom:10px;font-size:clamp(2rem,4vw,3.8rem);line-height:.96;letter-spacing:0}.brand-lockup p:not(.eyebrow){max-width:760px;margin-bottom:0;color:var(--muted);line-height:1.5}.endpoint-form{padding:18px}.endpoint-field span,.prompt-composer label,.payload-grid label span{display:block;margin-bottom:8px;color:var(--green);font-weight:800}.endpoint-form__row{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(150px,.75fr) auto;gap:10px}.prompt-composer__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.endpoint-field{min-width:0}.endpoint-form input,.prompt-composer textarea,.payload-grid textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#070a08;outline:none}.endpoint-form input{height:42px;padding:0 12px}.prompt-composer textarea,.payload-grid textarea{resize:vertical;padding:12px;line-height:1.45}.endpoint-form input:focus,.prompt-composer textarea:focus,.payload-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #4eee981f}.endpoint-form button,.prompt-composer button,.payload-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:124px;border:1px solid var(--green);border-radius:8px;padding:10px 13px;color:#031006;background:var(--green);font-weight:900}.endpoint-form button{align-self:end}.connection-state{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:.9rem}.connection-state--live{color:var(--green)}.run-state-strip{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.payload-panel{padding:14px;margin-bottom:14px}.payload-panel__header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.payload-panel__header>div:first-child{display:flex;align-items:center;min-width:0;gap:10px}.payload-panel h2{margin:0;font-size:1.05rem}.payload-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.payload-actions .payload-toggle{color:var(--text);background:var(--white-soft);border-color:var(--line)}.payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payload-grid label{min-width:0}.payload-grid textarea{min-height:92px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem}.state-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;color:var(--muted);box-shadow:none}.state-chip strong{color:var(--text)}.state-chip--success{border-color:var(--line-strong);color:var(--green);background:var(--green-soft)}.chat-layout,.topbar>*,.chat-layout>*,.operator-column,.panel,.chat-feed,.agent-messenger-feed,.tool-feed,.message{min-width:0}.chat-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,2fr);gap:14px;align-items:stretch}.operator-column{height:min(730px,calc(100vh - 150px));min-height:560px;display:grid;grid-template-rows:minmax(180px,.42fr) minmax(260px,.58fr);gap:14px}.operator-column>.panel--primary{height:auto;min-height:0}.panel{padding:16px}.panel--primary{height:min(730px,calc(100vh - 150px));min-height:560px;display:flex;flex-direction:column}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel__header div{display:flex;align-items:center;min-width:0;gap:10px}.panel__header h2{margin:0;font-size:1.08rem}.panel__header small{color:var(--muted);overflow-wrap:anywhere;text-align:right}.panel-icon{width:34px;height:34px}.chat-feed,.agent-messenger-feed{display:grid;grid-auto-rows:max-content;gap:12px;align-content:start;flex:1;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.tool-feed{display:grid;grid-auto-rows:max-content;gap:10px;align-content:start;flex:1;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.message,.empty-state,.agent-conversation,.agent-chat-bubble,.inline-tool,.tool-card{border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.message{width:min(92%,820px);padding:14px}.message--user,.message--queued{justify-self:start}.message--agent,.message--unknown{justify-self:end;border-color:#ffffff38;background:#0f1410}.message--queued{border-color:var(--line-strong)}.message--error{border-color:#ff766d99;background:#ff766d14}.message header,.agent-conversation header,.tool-dialog header,.json-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.message header span,.empty-state strong,.agent-conversation__badge{color:var(--green);font-weight:900}.message header small,.agent-conversation small,.tool-dialog small{color:var(--muted)}.empty-state{width:min(92%,820px);padding:16px}.empty-state p{margin-bottom:0;color:var(--muted);line-height:1.5}.markdown-content{color:#e7ece6;line-height:1.58;overflow-wrap:anywhere}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-table-wrap{margin:0 0 10px}.markdown-content p:last-child,.markdown-content ul:last-child,.markdown-content ol:last-child,.markdown-content h3:last-child,.markdown-content h4:last-child,.markdown-content h5:last-child,.markdown-table-wrap:last-child{margin-bottom:0}.markdown-content h3,.markdown-content h4,.markdown-content h5{color:#fff;line-height:1.24;letter-spacing:0}.markdown-content h3{font-size:1.12rem}.markdown-content h4{font-size:1rem}.markdown-content h5{font-size:.94rem}.markdown-content strong{color:#fff;font-weight:900}.markdown-content em{color:#d8ffdf;font-style:italic}.markdown-content code{border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--green);background:#070a08}.markdown-content a{color:var(--green)}.markdown-content hr{height:1px;border:0;margin:12px 0;background:var(--line)}.markdown-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}.markdown-table-wrap table{width:100%;min-width:520px;border-collapse:collapse;font-size:.92rem}.markdown-table-wrap th,.markdown-table-wrap td{padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.markdown-table-wrap th:last-child,.markdown-table-wrap td:last-child{border-right:0}.markdown-table-wrap tr:last-child td{border-bottom:0}.markdown-table-wrap th{color:var(--green);background:#4eee9814;font-weight:900}.inline-tool,.tool-card{display:inline-grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:min(480px,100%);padding:12px;color:var(--text);text-align:left;background:#081009}.inline-tool:hover,.inline-tool:focus-visible,.tool-card:hover,.tool-card:focus-visible{border-color:var(--green);outline:none}.tool-card{width:100%;justify-self:stretch}.inline-tool__icon{width:34px;height:34px}.inline-tool__body strong,.inline-tool__body small{display:block}.inline-tool__body strong{color:var(--text)}.inline-tool__body small{color:var(--green)}.agent-conversation{width:min(720px,100%);padding:14px;justify-self:end;border-color:var(--line-strong);background:linear-gradient(180deg,#4eee9814,#101611f0)}.chat-feed-item--agent{justify-self:end}.agent-conversation header>div{display:grid;gap:4px;text-align:right}.agent-conversation__badge{border:1px solid var(--line-strong);border-radius:999px;padding:6px 10px;background:#4eee981a;font-size:.78rem}.agent-message-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.agent-message-row--in{background:#4eee9814}.agent-avatar{width:32px;height:32px}.agent-message-row strong{display:block;margin-bottom:4px;color:var(--text)}.agent-chat-bubble{width:min(78%,640px);padding:12px;position:relative;align-self:start;isolation:isolate}.agent-chat-bubble--highlighted{border-color:var(--bubble-border, rgba(78, 238, 152, .36));background:radial-gradient(circle at var(--bubble-glow-x, 0%) 0%,var(--bubble-glow, rgba(78, 238, 152, .15)),transparent 44%),linear-gradient(135deg,rgba(255,255,255,.055),transparent 45%),linear-gradient(180deg,var(--bubble-top, rgba(78, 238, 152, .08)),rgba(16,22,17,.96));box-shadow:var(--bubble-edge-shadow, inset 3px 0 0 rgba(78, 238, 152, .28)),0 18px 42px #00000042,0 0 0 1px #4eee9813 inset,0 0 30px #4eee9814}.agent-chat-bubble--outbound{justify-self:start;--bubble-glow-x: 0%;--bubble-glow: rgba(78, 238, 152, .13);--bubble-top: rgba(78, 238, 152, .065);--bubble-edge-shadow: inset 3px 0 0 rgba(78, 238, 152, .24)}.agent-chat-bubble--inbound{justify-self:end;--bubble-border: var(--line-strong);--bubble-glow-x: 100%;--bubble-glow: rgba(78, 238, 152, .21);--bubble-top: rgba(78, 238, 152, .11);--bubble-edge-shadow: inset -3px 0 0 rgba(78, 238, 152, .34)}.agent-chat-bubble header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}.agent-chat-bubble strong,.agent-chat-bubble small{display:block;overflow-wrap:anywhere}.agent-chat-bubble strong{color:var(--green);font-weight:900}.agent-chat-bubble small{color:var(--muted);font-size:.82rem}.agent-chat-bubble__body{min-width:0}.prompt-composer{border:1px solid var(--line-strong);border-radius:8px;padding:12px;margin-top:14px;background:var(--green-soft)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#000000b8}.tool-dialog{width:min(980px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;border:1px solid var(--line-strong);border-radius:8px;padding:18px;background:#070a08;box-shadow:var(--shadow)}.tool-dialog h2{margin:3px 0 0}.tool-dialog>header button,.json-panel button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--white-soft)}.tool-dialog>header button{width:38px;height:38px}.tool-dialog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.json-panel{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel)}.json-panel header{align-items:center}.json-panel header strong{color:var(--green)}.json-panel button{padding:6px 9px}pre{max-height:430px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin:0;padding:12px;color:#dfe8df;background:#030503;font-size:.8rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.topbar,.chat-layout,.payload-grid,.tool-dialog__grid{grid-template-columns:1fr}.operator-column{height:auto;min-height:auto;grid-template-rows:auto}.panel--primary{height:auto;min-height:auto}}@media(max-width:680px){.app-shell{width:min(100% - 22px,1480px);padding-top:11px}.brand-lockup,.endpoint-form,.payload-panel,.panel{padding:13px}.brand-lockup{grid-template-columns:1fr}h1{font-size:clamp(2rem,12vw,3rem)}.endpoint-form__row,.prompt-composer__row{grid-template-columns:1fr}.payload-panel__header{align-items:flex-start;flex-direction:column}.payload-actions,.endpoint-form button,.prompt-composer button,.payload-actions button{width:100%}.panel__header{align-items:flex-start;flex-wrap:wrap}.panel__header small{flex-basis:100%;text-align:left}.message,.empty-state,.agent-conversation,.agent-chat-bubble{width:100%}.message header{flex-wrap:wrap}.message header small{flex-basis:100%}.agent-conversation header{display:grid}.agent-conversation header>div{text-align:left}}
