*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid #222;flex-direction:column;flex-shrink:0;width:300px;display:flex}.sidebar-header{border-bottom:1px solid #222;padding:14px 16px}.sidebar-header h1{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.sidebar-controls{gap:6px;margin-top:10px;display:flex}.sidebar-controls input{color:#e0e0e0;background:#141414;border:1px solid #333;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.sidebar-controls input:focus{border-color:#555;outline:none}.tree-wrap{flex:1;padding:4px 0;overflow-y:auto}.tree-row{cursor:pointer;border-radius:3px;align-items:center;margin:1px 4px;padding:4px 8px;font-family:SF Mono,Fira Code,monospace;font-size:12px;transition:background .1s;display:flex}.tree-row:hover{background:#1a1a1a}.tree-row.active{color:#7aa2f7;background:#1a1a2e}.tree-arrow{color:#555;text-align:center;cursor:pointer;flex-shrink:0;width:16px;font-size:10px}.tree-arrow:hover{color:#aaa}.tree-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-children{padding-left:16px}.tree-all{cursor:pointer;color:#4a6cf7;border-bottom:1px solid #1a1a1a;margin-bottom:2px;padding:8px 12px;font-size:12px;font-weight:500}.tree-all:hover{background:#141414}.tree-all.active{background:#1a1a2e}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{border-bottom:1px solid #222;align-items:center;gap:10px;min-height:44px;padding:10px 20px;display:flex}.main-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:400;overflow:hidden}.status{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:500}.status.live{color:#34d058;background:#0d2818}.status.idle{color:#666;background:#1a1a1a}.btn{color:#aaa;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:11px}#view-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.event-log{flex:1;padding:4px 0;overflow-y:auto}.event{border-bottom:1px solid #0d0d0d;padding:5px 20px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5}.event:hover{background:#111}.event-row{flex-wrap:wrap;align-items:baseline;gap:3px 8px;display:flex}.event-thread{color:#f0a020;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:180px;font-size:10px;overflow:hidden}.event-thread:hover{text-decoration:underline}.event-seq{color:#444;text-align:right;min-width:28px}.event-ns{color:#4a6cf7}.event-type{color:#c792ea}.event-source{color:#555}.event-time{color:#333}.event-ns-thread{color:#555;font-style:italic}.event-origin{color:#20c997;border:1px solid #20c99744;border-radius:3px;padding:0 6px;font-size:10px}.event-data{color:#666;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding-left:16px;font-size:10px;overflow:hidden}.event-data.expanded{white-space:pre-wrap;word-break:break-all}.event-fork{color:#555;border-bottom:1px solid #0d0d0d;align-items:center;gap:6px;padding:4px 20px;font-family:SF Mono,Fira Code,monospace;font-size:11px;display:flex}.event-fork:hover{background:#111}.fork-link{color:#4a6cf7;cursor:pointer;text-decoration:underline}.fork-link:hover{color:#7aa2f7}.empty{color:#333;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}