:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;background:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f4f5;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.top-panel{background:#fff;border-bottom:1px solid #e4e4e7;grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:16px;display:grid}.log-sidebar{background:#fff;border-right:1px solid #e4e4e7;flex-direction:column;height:100vh;display:flex}.log-sidebar-header{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.log-sidebar-header h2,.export-panel h2{margin:0;font-size:15px}.log-sidebar-header p,.export-panel p{color:#71717a;margin:4px 0 0;font-size:12px}.sidebar-clear-button,.log-sidebar-remove,.export-actions button{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px}.sidebar-clear-button{padding:6px 10px;font-size:12px}.sidebar-clear-button:disabled,.export-actions button:disabled{cursor:not-allowed;opacity:.45}.log-sidebar-list{flex:1;padding:12px;overflow:auto}.log-sidebar-empty{color:#71717a;margin:0;padding:12px;font-size:13px}.log-sidebar-item{border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.log-sidebar-item.selected{background:#f4f4f5;border-color:#a1a1aa}.log-sidebar-select{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.log-sidebar-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.log-sidebar-select span,.log-sidebar-select small{color:#71717a;font-size:11px}.log-sidebar-remove{align-self:start;padding:5px 8px;font-size:11px}.export-panel{background:#fff;border:1px solid #e4e4e7;border-radius:18px;padding:16px}.export-actions{gap:8px;margin-top:12px;display:flex}.export-actions button{flex:1;padding:10px;font-size:13px}.export-status{color:#52525b;margin-top:10px;font-size:12px}.chat-log-viewer{background:#f4f4f5;flex:1;padding:20px;overflow:auto}.chat-log-header{background:#fff;border:1px solid #e4e4e7;border-radius:20px;margin-bottom:20px;padding:18px}.chat-log-header h1{margin:0;font-size:18px}.chat-log-header p{color:#71717a;margin:6px 0 0;font-size:12px}.chat-turn-list{flex-direction:column;gap:18px;display:flex}.chat-turn{grid-template-columns:72px minmax(0,1fr);gap:12px;display:grid}.chat-turn-user .chat-bubble{background:#fff;border-color:#d4d4d8}.chat-turn-assistant .chat-bubble{background:#f8fafc;border-color:#cbd5e1}.chat-turn-tool .chat-bubble,.chat-turn-system .chat-bubble{background:#fffbeb;border-color:#fde68a}.chat-avatar{color:#3f3f46;background:#fff;border:1px solid #d4d4d8;border-radius:999px;justify-content:center;align-items:center;width:64px;height:36px;font-size:12px;font-weight:700;display:flex}.chat-bubble{border:1px solid #e4e4e7;border-radius:20px;min-width:0;padding:14px}.chat-meta{color:#71717a;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.chat-block-list{flex-direction:column;gap:10px;display:flex}.chat-block{background:#fff;border:1px solid #e4e4e7;border-radius:14px;overflow:hidden}.chat-block-thinking{background:#fffbeb;border-color:#fbbf24}.chat-block-tool_use{background:#eff6ff;border-color:#93c5fd}.chat-block-tool_result{background:#f0fdf4;border-color:#86efac}.chat-block-label{color:#52525b;border-bottom:1px solid #00000014;padding:8px 10px;font-size:11px;font-weight:700}.chat-block-text{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto}.chat-empty{text-align:center;color:#52525b;flex:1;place-content:center;padding:40px;display:grid}.chat-empty h2{color:#18181b;margin:0 0 8px}.rounded-2xl{border-radius:18px}.rounded-xl{border-radius:14px}.border{border:1px solid #e4e4e7}.bg-white{background:#fff}.p-4{padding:16px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.mb-3{margin-bottom:12px}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.hidden{display:none}.w-full{width:100%}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-semibold,.font-medium{font-weight:600}.text-zinc-950{color:#09090b}.text-zinc-800{color:#27272a}.text-zinc-500{color:#71717a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;background:#09090b}body,.chat-log-viewer{background:#09090b}.log-sidebar,.top-panel,.chat-log-header,.export-panel,.chat-avatar,.chat-block,.bg-white{background:#18181b;border-color:#27272a}.log-sidebar-header,.top-panel{border-color:#27272a}.chat-log-header h1,.chat-empty h2,.text-zinc-950{color:#fafafa}.chat-turn-user .chat-bubble{background:#18181b;border-color:#3f3f46}.chat-turn-assistant .chat-bubble{background:#111827;border-color:#334155}.chat-turn-tool .chat-bubble,.chat-turn-system .chat-bubble,.chat-block-thinking{background:#292524;border-color:#854d0e}.chat-block-tool_use{background:#172554;border-color:#1d4ed8}.chat-block-tool_result{background:#052e16;border-color:#15803d}.chat-block-label,.chat-meta,.log-sidebar-header p,.export-panel p,.log-sidebar-select span,.log-sidebar-select small,.text-zinc-500{color:#a1a1aa}.text-zinc-800{color:#e4e4e7}.sidebar-clear-button,.log-sidebar-remove,.export-actions button{color:#e4e4e7;background:#18181b;border-color:#3f3f46}}.app-toolbar{background:#fff;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.app-toolbar h1{margin:0;font-size:17px}.app-toolbar p{color:#71717a;margin:4px 0 0;font-size:12px}.app-toolbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle,.inspector-toggle{color:#27272a;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.content-grid{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.content-grid.inspector-open{grid-template-columns:minmax(0,1fr) 420px}.raw-inspector{background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;min-width:0;display:flex;overflow:hidden}.raw-inspector-header{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.raw-inspector-header h2{margin:0;font-size:14px}.raw-inspector-header p{color:#71717a;margin:4px 0 0;font-size:12px}.raw-inspector-header button{color:#27272a;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;padding:7px 10px;font-size:12px}.raw-inspector-header button:disabled{cursor:not-allowed;opacity:.45}.raw-inspector-status{color:#52525b;border-bottom:1px solid #e4e4e7;margin:0;padding:10px 14px;font-size:12px}.raw-inspector-body{white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:14px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:11px;line-height:1.55;overflow:auto}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;background:#f4f4f5}html[data-theme=light] body,html[data-theme=light] .chat-log-viewer{background:#f4f4f5}html[data-theme=light] .log-sidebar,html[data-theme=light] .top-panel,html[data-theme=light] .app-toolbar,html[data-theme=light] .chat-log-header,html[data-theme=light] .export-panel,html[data-theme=light] .raw-inspector,html[data-theme=light] .chat-avatar,html[data-theme=light] .chat-block,html[data-theme=light] .bg-white{background:#fff;border-color:#e4e4e7}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;background:#09090b}html[data-theme=dark] body,html[data-theme=dark] .chat-log-viewer{background:#09090b}html[data-theme=dark] .log-sidebar,html[data-theme=dark] .top-panel,html[data-theme=dark] .app-toolbar,html[data-theme=dark] .chat-log-header,html[data-theme=dark] .export-panel,html[data-theme=dark] .raw-inspector,html[data-theme=dark] .chat-avatar,html[data-theme=dark] .chat-block,html[data-theme=dark] .bg-white{background:#18181b;border-color:#27272a}html[data-theme=dark] .log-sidebar-header,html[data-theme=dark] .top-panel,html[data-theme=dark] .app-toolbar,html[data-theme=dark] .raw-inspector,html[data-theme=dark] .raw-inspector-header,html[data-theme=dark] .raw-inspector-status{border-color:#27272a}html[data-theme=dark] .chat-log-header h1,html[data-theme=dark] .chat-empty h2,html[data-theme=dark] .app-toolbar h1,html[data-theme=dark] .text-zinc-950{color:#fafafa}html[data-theme=dark] .app-toolbar p,html[data-theme=dark] .raw-inspector-header p,html[data-theme=dark] .raw-inspector-status,html[data-theme=dark] .chat-block-label,html[data-theme=dark] .chat-meta,html[data-theme=dark] .log-sidebar-header p,html[data-theme=dark] .export-panel p,html[data-theme=dark] .log-sidebar-select span,html[data-theme=dark] .log-sidebar-select small,html[data-theme=dark] .text-zinc-500{color:#a1a1aa}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .inspector-toggle,html[data-theme=dark] .raw-inspector-header button,html[data-theme=dark] .sidebar-clear-button,html[data-theme=dark] .log-sidebar-remove,html[data-theme=dark] .export-actions button{color:#e4e4e7;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .chat-turn-user .chat-bubble{background:#18181b;border-color:#3f3f46}html[data-theme=dark] .chat-turn-assistant .chat-bubble{background:#111827;border-color:#334155}html[data-theme=dark] .chat-block-thinking{background:#292524;border-color:#854d0e}html[data-theme=dark] .chat-block-tool_use{background:#172554;border-color:#1d4ed8}html[data-theme=dark] .chat-block-tool_result{background:#052e16;border-color:#15803d}@media (width<=1100px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.top-panel,.content-grid.inspector-open{grid-template-columns:1fr}.raw-inspector{border-top:1px solid #e4e4e7;border-left:0;max-height:420px}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.log-sidebar{border-bottom:1px solid #e4e4e7;border-right:0;height:auto;max-height:260px}.app-main{height:auto;min-height:100vh}.app-toolbar{flex-direction:column;align-items:flex-start}.chat-turn{grid-template-columns:1fr}.chat-avatar{width:fit-content}}