:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#1e1e1e;color:#d4d4d4;font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-size:13px}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid #333;background:#252526}.app-title{font-weight:700}.status{display:flex;align-items:center;gap:.4rem;margin-left:auto}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.on{background:#4ec9b0}.status-dot.off{background:#f48771}.clear-btn{background:#333;color:#d4d4d4;border:1px solid #444;border-radius:4px;padding:.25rem .6rem;cursor:pointer;font:inherit}.clear-btn:hover{background:#3c3c3c}.log-terminal{flex:1;overflow-y:auto;padding:.5rem 1rem}.log-empty{padding:2rem;color:gray}.log-row{padding:.15rem 0}.log-details{margin:.25rem 0 .5rem 1.5rem;padding:.5rem;background:#252526;border-left:2px solid #444;white-space:pre-wrap;word-break:break-word;color:#ccc}.log-hex{margin:.25rem 0 .5rem 1.5rem;padding:.5rem;background:#1b1b1b;border-left:2px solid #3a3a3a;white-space:pre;overflow-x:auto;color:#b5cea8}.log-details code{font:inherit}.json-key{color:#9cdcfe;font-weight:700}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean{color:#569cd6}.json-null{color:#6a6a6a}.json-bracket,.json-brace,.json-colon,.json-comma{color:#d4d4d4}.json-string a{color:#ce9178;text-decoration:underline}