:root{color-scheme:dark;--bg:#0b1116;--panel:#111a21;--border:#243039;--muted:#8b9da9;--text:#e6eef2;--mint:#a6e9c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#17222a;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 13px;transition:background .15s}button:hover{background:#24343f}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:var(--mint);text-decoration:none}header{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:13px;color:var(--text);font-size:24px;font-weight:650;letter-spacing:-1px}.brand-icon{background:var(--mint);color:#11261c;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:33px}.brand-icon span{font-size:16px}.brand-sub{display:block;font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:400;margin-top:-3px}.header-right{display:flex;gap:22px;align-items:center}.connection{color:var(--muted);font-size:12px}.connection.good{color:var(--mint)}.primary{background:var(--mint);color:#10281b;border-color:var(--mint);font-weight:650}.primary:hover{background:#c2f5d9}main{padding:48px 5vw 25px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:650}h1{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:13px 0}p{color:var(--muted);margin:0}.stats{display:flex;gap:36px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:32px;font-weight:400;line-height:1.2}.stats span{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:7px}.toolbar{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:25px}.filters,.tools{display:flex;gap:7px;align-items:center}.filters button{border-color:transparent;background:transparent;color:var(--muted)}.filters button.active{background:#1e2c34;color:var(--text);border-color:var(--border)}input,textarea,select{background:#0c141a;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#80ba9e}input::placeholder,textarea::placeholder{color:#6a7c88}#search{width:290px;font-size:12px}#live{color:var(--mint)}#live.paused{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:18px}.card{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-width:0}.card.expanded{grid-column:1/-1}.card-head{padding:17px 18px 13px;display:flex;justify-content:space-between;gap:10px}.identity{min-width:0}.name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.meta{color:var(--muted);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.badge:before{content:'';height:6px;width:6px;border-radius:100%;background:currentColor}.badge.idle{color:var(--mint)}.badge.busy{color:#eaca88}.badge.waiting{color:#b9a3f0}.badge.offline{color:#71838e}.badge.error{color:#f0a09e}.card-actions{display:flex;gap:4px;align-items:center;padding:0 17px 12px}.agent-label{font:10px ui-monospace,monospace;color:var(--mint);background:#20382d;padding:3px 7px;border-radius:4px;margin-right:auto;text-transform:uppercase}.card-actions button{padding:3px 7px;font-size:11px;background:transparent}.feed{height:300px;overflow:auto;border-top:1px solid var(--border);background:#0d151b;padding:15px 18px;scrollbar-width:thin;scrollbar-color:#334551 transparent}.expanded .feed{height:65vh}.message{margin-bottom:14px;min-width:0}.role{font:9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px;color:#688799}.message.assistant .role{color:var(--mint)}.message.user .role{color:#9fb8f1}.message.error .role{color:#f0a09e}.message pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;color:#d0dce3}.message.tool pre,.message.log pre,.message.system pre{color:#8da1ad;font-size:11px}.feed-placeholder{color:#647b89;font:12px ui-monospace,monospace;padding:12px 0}.composer{padding:12px;background:#111a21;border-top:1px solid var(--border)}.composer textarea{resize:vertical;width:100%;min-height:65px;font-size:12px;background:#0e171e}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px}.composer-bottom span{font-size:10px;color:#718591}.send{padding:6px 14px;font-size:12px}.empty{border:1px dashed #2b3c47;border-radius:12px;padding:60px 20px;text-align:center;background:linear-gradient(140deg,#101d23,#0c141a);margin:30px 0}.empty-symbol{font-size:40px;color:var(--mint);border:1px solid #315444;border-radius:16px;display:inline-flex;width:70px;height:70px;justify-content:center;align-items:center;background:#152a21}.empty h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:20px 0 10px}.empty button{margin:25px 0 14px}.empty>a{display:block;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:23px;margin-top:38px;color:#718591;font-size:11px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--mint);margin-right:5px}dialog{background:#111b23;color:var(--text);border:1px solid #34444e;border-radius:15px;padding:28px;width:min(610px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#02080dba;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{background:transparent;border:0;padding:5px 8px;color:var(--muted)}dialog h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:13px 0}dialog p{font-size:13px}dialog label{display:block;font-size:12px;color:#a0b1bd;margin:22px 0 8px}dialog select,dialog input{width:100%}.code-row{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#0b1319}.code-row code{font:11px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;flex:1;color:var(--mint)}.code-row button{font-size:11px}.help{margin:18px 0!important}.public-note{font-size:11px;color:#c2b28d;padding:12px;border:1px solid #4d4432;background:#29251b;border-radius:7px;margin:20px 0}dialog>a{font-size:12px}#edit-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.save{display:block;margin-top:25px;width:100%}.notice{background:#35251f;color:#ffd4ba;border:1px solid #77543e;padding:12px 15px;border-radius:8px;margin-bottom:20px}.request{background:#241f33;padding:12px;border:1px solid #554a72;border-radius:8px;margin-bottom:15px}.request pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:180px;overflow:auto}.request textarea{width:100%;font-size:11px}.request button{margin:7px 5px 0 0;font-size:11px}.request-title{font-size:12px;color:#c9baf1}@media(max-width:850px){.heading{align-items:flex-start;gap:20px}.stats{gap:20px}.toolbar{flex-wrap:wrap}.tools{width:100%;flex-wrap:wrap}#search{flex:1;min-width:160px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}footer{flex-wrap:wrap}.connection{display:none}}@media(max-width:500px){header{height:75px;padding:0 18px}main{padding:30px 18px}.header-right{gap:8px}.heading{display:block}.stats{margin-top:25px;gap:40px}.stats strong{font-size:25px}.grid{grid-template-columns:1fr}.brand-sub{font-size:9px}.primary{font-size:12px}.feed{height:290px}.filters{gap:0}.filters button{font-size:12px}}
[hidden]{display:none!important}
/* Conversation typography */
.feed{padding:20px 18px;height:380px}.message{margin-bottom:22px}.message .role{font-family:inherit;font-size:10px;letter-spacing:.7px;font-weight:650;margin-bottom:8px}.message.user{background:#172734;border:1px solid #293e4e;border-radius:11px;padding:13px 15px;margin-left:20px}.message.assistant{padding:2px 2px 3px}.message-body{font:13px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;color:#dce6ec}.message-body p{color:inherit;margin:0 0 12px}.message-body>:last-child{margin-bottom:0}.message-body h1,.message-body h2,.message-body h3,.message-body h4{font-weight:650;letter-spacing:-.3px;line-height:1.4;margin:20px 0 10px;color:#edf5f8}.message-body h1{font-size:20px}.message-body h2{font-size:17px}.message-body h3,.message-body h4{font-size:14px}.message-body h1:first-child,.message-body h2:first-child,.message-body h3:first-child{margin-top:0}.message-body ul,.message-body ol{padding-left:23px;margin:10px 0 15px}.message-body li{margin:5px 0}.message-body li p{margin:4px 0}.message-body strong{color:#f0f6f9;font-weight:650}.message-body a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.message-body blockquote{margin:12px 0;padding:3px 0 3px 13px;border-left:3px solid #548c72;color:#a8bfcb}.message-body hr{border:0;border-top:1px solid var(--border);margin:18px 0}.message-body :not(pre)>code{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:#21303a;border:1px solid #2c414d;color:#c8e9d7;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.code-block{margin:12px 0 16px;border:1px solid #2a3c47;border-radius:8px;background:#081118;overflow:hidden}.code-bar{display:flex;justify-content:space-between;align-items:center;background:#16232c;border-bottom:1px solid #2a3c47;padding:5px 10px;font:10px ui-monospace,monospace;color:#97adbb}.code-bar button{padding:2px 7px;font:10px system-ui;border:0;background:transparent;color:#a6e9c6}.message .code-block pre{margin:0;padding:13px;overflow-x:auto;white-space:pre;font-size:11px;line-height:1.65;color:#cedde6;max-height:360px}.table-wrap{overflow-x:auto;margin:13px 0;border:1px solid #2a3c47;border-radius:7px}.message-body table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.5}.message-body th,.message-body td{padding:9px 11px;border-bottom:1px solid #243540;text-align:left;vertical-align:top;min-width:90px}.message-body th{background:#182730;color:#b7d5c7;font-weight:600}.message-body tr:last-child td{border-bottom:0}.message-body tr:nth-child(even){background:#111e26}.message.tool,.message.log{border:1px solid #21343f;border-radius:7px;background:#101c24;margin-bottom:10px;padding:0}.message.tool summary,.message.log summary{cursor:pointer;color:#8fa7b6;font-size:10px;font-weight:400;letter-spacing:0;padding:9px 11px;margin:0;overflow-wrap:anywhere}.message.tool[open] summary,.message.log[open] summary{border-bottom:1px solid #21343f;color:#b2cbd9}.message .tool-body{padding:12px;font-size:10px;line-height:1.6;max-height:260px;overflow:auto;color:#93adbc}.message.system{font-size:11px;border-left:2px solid #314a3d;padding-left:10px;margin-bottom:16px}.message.system .message-body{font-size:11px;color:#829eae}.message.error .message-body{color:#ecb1aa;white-space:pre-wrap}.expanded .feed{padding:28px clamp(20px,8vw,120px)}.expanded .message-body{font-size:14px}.expanded .message.user{margin-left:8%;}.expanded .message{max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width:500px){.feed{padding:16px 13px;height:360px}.message-body{font-size:12px}.message.user{margin-left:9px}.expanded .feed{padding:18px 13px}.expanded .message-body{font-size:12px}}
.message.tool summary,.message.log summary{text-transform:none}
/* Compact consecutive activity and scrolling prompt context */
.tool-group{margin:5px 0 17px;padding:0;border:0;background:transparent;min-width:0}.tool-group-summary{cursor:pointer;color:#738d9d;font-size:10px;line-height:1.4;padding:3px 0;width:fit-content;user-select:none}.tool-group-summary:hover{color:#bed6e4}.tool-group[open]>.tool-group-summary{color:#a6bbca;margin-bottom:7px}.tool-group>.message.tool,.tool-group>.message.log{border:0;border-radius:0;background:transparent;margin:0 0 4px 6px;border-left:1px solid #273d49}.tool-group .message.tool summary,.tool-group .message.log summary{font-size:10px;padding:4px 8px;line-height:1.4}.tool-group .message.tool[open] summary,.tool-group .message.log[open] summary{border-bottom:0}.tool-group .tool-body{margin:4px 8px 10px;padding:8px;background:#0a1319;border-radius:4px}.prompt-context{display:flex;align-items:flex-start;gap:8px;background:#14232c;border-top:1px solid #29404e;border-bottom:1px solid #29404e;padding:7px 15px;min-width:0}.prompt-toggle{display:flex;align-items:baseline;gap:9px;flex:1;min-width:0;text-align:left;background:transparent;border:0;border-radius:0;padding:0;line-height:1.6}.prompt-toggle:hover{background:transparent}.prompt-label{flex:none;font-size:9px;letter-spacing:.3px;color:#88adbf;font-weight:600}.prompt-text{font-size:11px;color:#c8dce6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.prompt-jump{flex:none;border:0;background:transparent;padding:0 4px;color:#9dbbc9;font-size:14px;line-height:1.4}.prompt-context.is-open .prompt-toggle{align-items:flex-start}.prompt-context.is-open .prompt-text{white-space:pre-wrap;max-height:160px;overflow:auto;line-height:1.7}.message.user.is-current-prompt{border-color:#527083;background:#1b2c39}.expanded .tool-group{max-width:1000px;margin-left:auto;margin-right:auto}.expanded .prompt-context{padding-left:clamp(20px,8vw,120px);padding-right:clamp(20px,8vw,120px)}@media(max-width:500px){.prompt-context,.expanded .prompt-context{padding:7px 13px}.prompt-label{font-size:8px}.prompt-text{font-size:10px}}
/* The original prompt sticks within its own response, then the next turn pushes it away. */
.conversation-viewport{position:relative;min-width:0}.conversation-turn{display:flow-root;position:relative;min-width:0;padding-bottom:1px}.conversation-turn>.message.user{position:sticky;top:0;z-index:3;margin-top:0;background:#172734;box-shadow:0 5px 14px #050d1455}.conversation-turn>.message.user.is-pinned{background:#1b2c39;border-color:#527083;box-shadow:0 6px 18px #050c1499}.conversation-turn>.message.user .message-body{max-height:86px;overflow:hidden}.conversation-turn>.message.user.user-open{position:relative}.conversation-turn>.message.user.user-open .message-body{max-height:none;overflow:visible}.message.user .role{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-prompt-toggle{background:transparent;border:0;padding:0 3px;color:#a8c5d5;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0}.jump-latest{position:absolute;bottom:14px;right:16px;z-index:5;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #4a6675;background:#223844;color:#d3e7ef;font-size:23px;line-height:1;box-shadow:0 4px 15px #020a10aa}.jump-latest:hover{background:#335361}.expanded .conversation-turn>.message.user{max-width:1000px;margin-left:auto;margin-right:auto}.feed{overflow-anchor:none;scroll-behavior:auto}@media(max-width:500px){.jump-latest{width:34px;height:34px;right:12px;bottom:12px}.conversation-turn>.message.user .message-body{max-height:78px}}
.feed,.expanded .feed{padding-top:0}.conversation-turn{padding-top:12px}
/* Prompts are a single compact line until explicitly expanded. */
.conversation-turn>.message.user{padding:7px 10px;border-radius:7px}.conversation-turn>.message.user>.role{margin-bottom:0;cursor:pointer;gap:9px;line-height:1.5}.prompt-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:#c5dbe7}.conversation-turn>.message.user:not(.user-open)>.message-body{display:none}.conversation-turn>.message.user.user-open{padding:12px 14px}.conversation-turn>.message.user.user-open>.role{margin-bottom:8px}.conversation-turn>.message.user.user-open .prompt-preview{visibility:hidden}.user-prompt-toggle{flex:none;font-size:10px}.conversation-turn>.message.user.user-open>.message-body{display:block}
/* Expanded prompts also float; natural-position markers drive temporary auto expansion. */
.prompt-origin{display:block;height:0;width:0;pointer-events:none}.conversation-turn>.message.user.user-open{position:sticky;top:0}.conversation-turn>.message.user.user-open>.message-body{max-height:min(180px,35vh);overflow:auto;scrollbar-width:thin}.expanded .conversation-turn>.message.user.user-open>.message-body{max-height:min(240px,35vh)}
/* Keep the original prompt in its turn; response visibility starts beneath it. */
.conversation-viewport{height:380px;overflow:hidden;border-top:1px solid var(--border)}.conversation-viewport>.feed,.expanded .conversation-viewport>.feed{height:100%;border-top:0}.expanded .conversation-viewport{height:65vh}.turn-response{display:flow-root;position:relative;min-width:0}.conversation-turn>.message.user,.conversation-turn>.message.user.user-open{position:sticky;top:0}.conversation-turn>.message.user.is-pinned{box-shadow:none}@media(max-width:500px){.conversation-viewport{height:360px}}
.session-age{font-size:10px;color:#88a599;margin-right:5px;white-space:nowrap}.session-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;padding:16px 18px;background:#0e1820;border-top:1px solid var(--border)}.detail-row{min-width:0}.detail-row.wide{grid-column:1/-1}.session-details dt{font-size:9px;letter-spacing:.5px;color:#7893a4;margin-bottom:4px;text-transform:uppercase}.session-details dd{margin:0;font-size:11px;color:#c1d5df;overflow-wrap:anywhere;line-height:1.6}.detail-row.wide dd{font-family:ui-monospace,monospace;font-size:10px}.card-actions{flex-wrap:wrap}
.connection-prompt{padding:18px;border:1px solid #304a3c;border-radius:9px;background:#12221b;margin:20px 0 4px}.connection-prompt p{color:#d0ecdc;font-size:15px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:17px}.connection-prompt button{width:100%}.agent-discovery{margin-top:25px;font-size:11px;color:#7893a4}.agent-discovery summary{cursor:pointer;width:fit-content}.agent-discovery p{margin:10px 0;max-width:750px;font-size:12px;line-height:1.7}