*{box-sizing:border-box}body{color:#eef3f7;background:#101418;margin:0;font-family:Arial,Helvetica,sans-serif}.page{align-items:stretch;gap:24px;min-height:100vh;padding:32px;display:flex}.panel,.log{background:#192129;border:1px solid #2b3844;border-radius:8px;padding:24px}.panel{flex:0 0 420px;width:420px}.log{flex:auto;min-width:0;overflow:auto}.eyebrow{color:#8fb6d8;margin:0 0 8px;font-size:14px}h1,h2{margin:0 0 20px}.controls{flex-wrap:wrap;margin:-6px;display:flex}.controls>*{margin:6px}label{color:#b9c7d3;font-size:13px}select,button{color:#eef3f7;background:#25313b;border:1px solid #465767;border-radius:6px;height:40px;padding:0 12px}button{cursor:pointer}.details{margin:24px 0}.details div{margin:0 0 14px}dt{color:#8ea0ae;font-size:12px}dd{word-break:break-all;margin:4px 0 0}a{color:#93d4ff}.qr{background:#fff;width:180px;height:180px;padding:8px}.error{color:#ffb4a8}.empty{color:#95a5b2}.message{background:#111820;border-left:4px solid #66727d;border-radius:6px;margin:0 0 12px;overflow:hidden}.message.received{border-left-color:#70d28c}.message.sent{border-left-color:#75a8ff}.message header{color:#aebdca;border-bottom:1px solid #27333d;padding:10px 12px;font-size:13px}pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:13px;overflow:auto}@media (max-width:900px){.page{padding:16px;display:block}.panel{width:auto;margin-bottom:16px}}