*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app{color:#d1d5db;background:#0a0b0f;flex-direction:column;height:100svh;font-family:ui-monospace,Consolas,monospace;display:flex}.app-header{border-bottom:1px solid #374151;flex-shrink:0;align-items:baseline;gap:16px;padding:10px 16px;display:flex}.app-title{letter-spacing:.12em;text-transform:uppercase;color:#22c55e;font-size:17px;font-weight:700}.app-subtitle{color:#9ca3af;font-size:14px}.pane-chain{grid-area:2/1/auto/span 2}.pane-label{letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #4b5563;flex-shrink:0;padding:6px 12px 4px;font-size:12px}.placeholder{color:#6b7280}.send-btn{letter-spacing:.08em;color:#22c55e;cursor:pointer;background:#052e16;border:1px solid #166534;border-radius:4px;padding:4px 14px;font-family:ui-monospace,Consolas,monospace;font-size:11px;transition:background .15s,border-color .15s}.send-btn:hover:not(:disabled){background:#14532d;border-color:#22c55e}.send-btn:disabled{opacity:.4;cursor:not-allowed}.signal-chain{flex-direction:column;gap:6px;padding:8px 12px 10px;display:flex}.chain-svg{width:100%;height:auto;display:block}.chain-meta{text-align:center;height:18px;font-size:13px}.meta-idle{color:#6b7280}.meta-active{color:#22c55e}.meta-done{color:#86efac}.meta-error{color:#ef4444}.tx-page,.rx-page{color:#d1d5db;background:#0a0b0f;flex-direction:column;height:100svh;font-family:ui-monospace,Consolas,monospace;display:flex}.tx-layout{flex:1;display:flex;overflow:hidden}.tx-main,.rx-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-thread{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.msg-bubble{word-break:break-word;border-radius:10px;max-width:78%;padding:8px 12px;font-size:13px;line-height:1.5}.msg-bubble.tx{color:#86efac;background:#052e16;border:1px solid #166534;align-self:flex-end}.msg-bubble.rx{color:#d1d5db;background:#141923;border:1px solid #374151;align-self:flex-start}.msg-text{white-space:pre-wrap}.msg-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.msg-ts{color:#4b5563;font-size:10px}.msg-type-badge{letter-spacing:.1em;text-transform:uppercase;color:#6b7280;background:#1f2937;border-radius:3px;padding:1px 5px;font-size:9px}.msg-rs{color:#f59e0b;background:#1c1108;border-radius:3px;padding:1px 5px;font-size:10px}.msg-image{object-fit:contain;border-radius:6px;max-width:100%;max-height:280px;margin-bottom:6px;display:block}.msg-file-link{color:#60a5fa;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.msg-file-link:hover{color:#93c5fd;text-decoration:underline}.msg-hex{color:#6b7280;letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:11px}.msg-telemetry{border-collapse:collapse;width:100%;font-size:12px}.msg-telemetry td{vertical-align:top;padding:2px 8px 2px 0}.telem-key{color:#9ca3af;white-space:nowrap}.telem-val{color:#d1d5db;font-weight:500}.msg-cmd{color:#c4b5fd;background:#1a1030;border-radius:4px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:12px}.compose-area{background:#0d0f17;border-top:1px solid #1f2937;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px 12px;display:flex}.compose-tabs{gap:4px;display:flex}.compose-tab{letter-spacing:.1em;text-transform:uppercase;color:#4b5563;cursor:pointer;background:0 0;border:1px solid #1f2937;border-radius:3px;padding:3px 12px;font-family:ui-monospace,monospace;font-size:10px;transition:background .12s,border-color .12s,color .12s}.compose-tab:hover{color:#9ca3af;border-color:#374151}.compose-tab.active{color:#22c55e;background:#052e16;border-color:#166534}.compose-row{align-items:flex-end;gap:8px;display:flex}.compose-textarea{color:#d1d5db;resize:none;background:#111827;border:1px solid #1f2937;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;transition:border-color .12s}.compose-textarea:focus{border-color:#374151}.compose-textarea:disabled{opacity:.5;cursor:not-allowed}.compose-textarea::placeholder{color:#374151}.file-compose{flex-direction:column;flex:1;gap:5px;display:flex}.attach-btn{color:#9ca3af;cursor:pointer;text-align:left;background:#111827;border:1px solid #1f2937;border-radius:6px;padding:8px 14px;font-family:ui-monospace,monospace;font-size:12px;transition:border-color .12s,color .12s}.attach-btn:hover:not(:disabled){color:#d1d5db;border-color:#374151}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.attach-label{color:#4b5563;padding:0 2px;font-size:11px}.status-bar{border-radius:4px;padding:6px 10px;font-size:12px}.status-bar.error{color:#ef4444;background:#1c0a0a;border:1px solid #7f1d1d}.status-bar.done{color:#22c55e;background:#052e16;border:1px solid #166534}.status-bar.busy{color:#f59e0b;background:#1c1108;border:1px solid #78350f}.app-header{background:#0a0b0f;border-bottom:1px solid #1f2937;flex-shrink:0;align-items:center;gap:14px;padding:8px 14px;display:flex}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.conn-ok{background:#22c55e;box-shadow:0 0 6px #22c55e88}.conn-off{background:#4b5563}.conn-label{color:#6b7280;font-size:12px}.diag-toggle{letter-spacing:.08em;color:#6b7280;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:3px;padding:3px 10px;font-family:ui-monospace,monospace;font-size:10px}.diag-toggle:hover{color:#9ca3af;border-color:#4b5563}.tx-layout.with-diag{background:#374151;gap:1px}.diag-panel{background:#0a0b0f;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.diag-meta{border-bottom:1px solid #1f2937;flex-shrink:0;padding:6px 12px}.conn-badge{border-radius:3px;padding:2px 8px;font-size:11px}.conn-badge.ok{color:#22c55e;background:#052e16;border:1px solid #166534}.conn-badge.off{color:#6b7280;background:#1f2937;border:1px solid #374151}.frame-list{flex-direction:column;flex:1;gap:4px;padding:8px 12px;display:flex;overflow-y:auto}.frame-row{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;display:flex}.frame-ts{color:#4b5563;flex-shrink:0}.frame-type{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.frame-text{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.frame-rs{color:#f59e0b;font-size:10px}.dev-split{height:100svh;display:flex;overflow:hidden}.dev-half{flex:1;min-width:0;overflow:hidden}.dev-divider{background:#374151;flex-shrink:0;width:1px}