:root{--bg-panel:#1e1e1e8b;--bg-list-hover:#2a2d2e;--bg-list-active:#37373d;--text-main:#ccc;--text-muted:#888;--text-highlight:#dcdcaa;--text-string:#ce9178;--text-number:#b5cea8;--border-color:#333;--accent-color:#e5a00d}body{margin:0;color:var(--text-main);height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.import-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:20px}.import-container,.textarea{background-color:var(--bg-panel)}.import-container{border:1px solid var(--border-color);border-radius:8px;padding:30px;width:100%;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.import-title{font-size:20px;font-weight:600}.drop-zone,.import-title{margin-bottom:20px;text-align:center}.drop-zone{border:2px dashed var(--border-color);border-radius:8px;padding:40px 20px;color:var(--text-muted);transition:all .2s;cursor:pointer;background-color:hsla(0,0%,100%,.02)}.drop-zone.dragover{border-color:var(--accent-color);background-color:rgba(229,160,13,.1);color:var(--text-main)}.divider{text-align:center;color:var(--text-muted);margin:15px 0;font-size:12px;text-transform:uppercase}textarea{width:100%;height:100px;border:1px solid var(--border-color);color:var(--text-main);padding:10px;border-radius:4px;font-family:monospace;resize:vertical;box-sizing:border-box;margin-bottom:15px}.btn{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;width:100%;transition:opacity .2s}.btn:hover{opacity:.9}.sidebar{width:320px;background-color:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:12px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center}.btn-restart{background:rgba(169,0,0,.47);border:1px solid var(--border-color);color:var(--text-main);padding:2px 6px;border-radius:4px;cursor:pointer;font-size:10px}.btn-restart:hover{color:var(--text-main);background:rgba(200,0,0,.608)}.sidebar-controls{padding:10px 16px;border-bottom:1px solid var(--border-color);display:flex;gap:10px;align-items:center}.sidebar-controls input{flex:1;min-width:0;box-sizing:border-box;border:1px solid var(--border-color);color:var(--text-main);padding:6px 8px;border-radius:4px;font-size:11px}.sidebar-controls input:focus{outline:1px solid var(--text-muted);border-color:var(--text-muted)}.view-toggles{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.view-toggle-btn{background:transparent;border:none;color:var(--text-muted);font-size:11px;padding:6px 10px;cursor:pointer;border-right:1px solid var(--border-color);transition:all .2s}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn.active{background:rgba(47,101,202,.25);color:#8bb4f7}.event-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.group-header{padding:6px 16px;background-color:#252526;font-size:11px;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-header:hover{background-color:#2a2d2e}.group-header .right-info{color:var(--text-muted);display:flex;align-items:center;gap:8px}.chevron{transition:transform .2s;display:inline-block;font-size:14px}.chevron.collapsed{transform:rotate(-180deg)}.event-item{padding:8px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;border-left:3px solid transparent;border-bottom:1px solid hsla(0,0%,100%,.02)}.event-item:hover{background-color:var(--bg-list-hover)}.event-item.active{background-color:var(--bg-list-active);border-left-color:var(--accent-color)}.event-index{color:var(--accent-color);font-family:monospace;width:35px}.event-name{font-weight:500;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex-grow:1;padding:20px 30px;overflow-y:auto}.event-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.event-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.badge-auto{background-color:#1a4a28;color:#4caf50;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.btn-copy{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-copy:hover{background-color:var(--bg-list-hover);color:var(--text-main)}.btn-copy.success{color:#4caf50;border-color:#4caf50}.section-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;margin-bottom:20px;overflow:hidden}.tab-action-bar{padding:10px 16px;background-color:hsla(0,0%,100%,.02);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end}table{width:100%;border-collapse:collapse;font-family:Courier New,Courier,monospace;font-size:13px;table-layout:fixed}td{padding:8px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle;word-wrap:break-word}tr:last-child td{border-bottom:none}td:first-child{width:35%;color:var(--text-highlight)}td:nth-child(2){width:65%;color:var(--text-main)}.val-string{color:var(--text-string)}.val-number{color:var(--text-number)}.tabs{display:flex;padding:10px 16px 0;gap:10px;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel)}.tab{padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px 4px 0 0;color:var(--text-muted);border-bottom:2px solid transparent}.tab.active{color:var(--text-main);border-bottom:2px solid var(--accent-color)}.item-group-header{background-color:var(--bg-list-hover);color:var(--text-main);padding:8px 16px;font-size:12px;font-weight:700;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.empty-state{padding:20px;text-align:center;color:var(--text-muted);font-style:italic}