html,body,#app{min-height:100%}body{margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e1e;--activity:#181818;--panel:#252526;--panel2:#2d2d30;--editor:#1e1e1e;--border:#3c3c3c;--border-soft:#2a2a2a;--text:#d4d4d4;--muted:#858585;--accent:#007acc;--accent-soft:#007acc2e;--user:#24364b;--assistant:#20352b;--tool:#362d45;--event:#252526;--shadow:#00000047}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#424242 padding-box padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:#5a5a5a padding-box padding-box;border:3px solid #0000}::selection{background:#264f78}body{background:var(--bg);color:var(--text);margin:0;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button,input{font:inherit}input[type=checkbox]{accent-color:var(--accent)}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:var(--activity);justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 14px 0 18px;display:flex;box-shadow:inset 0 1px #ffffff08}h1{color:#ccc;letter-spacing:.01em;margin:0;font-size:13px;font-weight:600}.toolbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:6px;display:flex}main{grid-template-columns:340px 1fr;height:calc(100vh - 48px);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:10px;overflow:auto}.sidebar h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:2px 8px 10px;font-size:11px;font-weight:700}.session{cursor:pointer;text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;gap:3px;margin-bottom:6px;padding:10px 11px;display:grid}.session:hover{background:#2a2d2e}.session.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-color:#094771}.session .title{color:#e6e6e6;overflow-wrap:anywhere;font-weight:600}.session span{font-size:12px}.session .preview{color:#bdbdbd;white-space:pre-wrap;max-height:54px;margin-top:5px;overflow:hidden}.viewer{background:var(--editor);min-width:0;padding:14px 18px 40px;overflow:auto}.meta{border-bottom:1px solid var(--border);background:#1e1e1ef7;gap:10px;margin-bottom:14px;padding:10px 0;display:grid}.meta-title{gap:2px;display:grid}.meta strong{color:#fff;font-weight:600}.meta span,.muted{color:var(--muted)}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px 12px;display:grid}.meta-grid span{overflow-wrap:anywhere;min-width:0}.meta-grid b{color:#bbb;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;display:block}.meta-grid .wide{grid-column:1/-1}.error{color:#f48771}.message{border:1px solid var(--border);background:var(--event);box-shadow:0 6px 18px var(--shadow);border-radius:4px;margin:0 0 12px;overflow:hidden}.message.user{background:linear-gradient(90deg, #24364b8c, var(--event) 42px)}.message.assistant{background:linear-gradient(90deg, #20352b9e, var(--event) 42px)}.message.toolResult,.message.tool-related{background:linear-gradient(90deg, #362d45a6, var(--event) 42px)}.app-shell.highlight-users .message:not(.user){opacity:.62}.app-shell.highlight-users .message.user{opacity:1;box-shadow:0 0 0 1px #2f81f759, 0 10px 24px var(--shadow);border-color:#2f81f7}.app-shell.highlight-assistant .message:not(.assistant-response){opacity:.62}.app-shell.highlight-assistant .message.assistant-response{opacity:1;box-shadow:0 0 0 1px #3fb95052, 0 10px 24px var(--shadow);border-color:#3fb950}.app-shell.highlight-users.highlight-assistant .message.user,.app-shell.highlight-users.highlight-assistant .message.assistant-response{opacity:1}.msg-head{border-bottom:1px solid var(--border-soft);color:#bbb;background:#ffffff06;justify-content:space-between;gap:10px;padding:7px 10px;font-size:12px;display:flex}.msg-head strong{text-transform:uppercase;letter-spacing:.06em;color:#fff}.content{overflow-wrap:anywhere;padding:12px}.content>pre{white-space:pre-wrap;font:inherit;margin:0}.raw{border-top:1px solid var(--border-soft);white-space:pre-wrap;color:#ccc;background:#181818;max-height:360px;margin:0;padding:12px;font:12px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.terminal-block{border:1px solid var(--border);background:#0c0c0c;border-radius:4px;overflow:hidden}.terminal-block+.terminal-block{margin-top:10px}.terminal-title{color:#ccc;border-bottom:1px solid var(--border-soft);background:#2d2d30;padding:6px 10px;font-size:12px;font-weight:600}.terminal-block pre{white-space:pre-wrap;color:#dcdcaa;max-height:min(620px,58vh);margin:0;padding:10px 12px;font:12px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.terminal-block:not(.command-block) pre{color:#ccc}.read-block pre{color:#d4d4d4}.read-code-viewer{background:#1e1e1e;max-height:min(620px,58vh);overflow:auto}.read-code-viewer pre{max-height:none}.terminal-block.error-output pre{color:#f48771}.terminal-block .prompt{color:#6a9955;-webkit-user-select:none;user-select:none}.terminal-meta{color:var(--muted);border-top:1px solid var(--border-soft);background:#181818;padding:6px 10px;font:12px/1.4 SFMono-Regular,Consolas,Liberation Mono,monospace}.tool-result-footer{color:var(--muted);border:1px solid var(--border);background:#181818;border-top:0;border-radius:0 0 4px 4px;margin-top:-12px;margin-bottom:12px;padding:7px 10px;font:12px/1.4 SFMono-Regular,Consolas,Liberation Mono,monospace}.tool-result-footer:last-child{margin-bottom:0}.tool-result-footer.error-output{color:#f48771}.tool-diff,.tool-call-summary{border:1px solid var(--border);background:#1b1b1b;border-radius:4px;margin-bottom:12px;overflow:hidden}.tool-diff:last-child,.tool-call-summary:last-child{margin-bottom:0}.tool-call-summary pre{white-space:pre-wrap;margin:0;padding:12px;font:12px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.diff-title{color:#ccc;background:#2d2d30;padding:7px 10px;font-weight:600}.diff-viewer{background:#1e1e1e;min-height:42px;overflow:auto}.fallback-diff,.simple-diff{color:var(--muted);margin:0;padding:12px;font:12px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace}.simple-diff{white-space:pre;overflow:auto}.simple-diff span{display:block}.simple-diff .add{color:#b7f7c1;background:#2ea0432e}.simple-diff .del{color:#ffd1d1;background:#f8514929}@media (width<=800px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px}main{grid-template-columns:1fr;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:35vh}}