:root{color:#e8edf2;font-synthesis:none;text-rendering:optimizelegibility;background:#091015;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -10%,#26bc912e,#0000 32rem),#091015;min-width:320px;min-height:100vh;margin:0}.shell{flex-direction:column;width:min(980px,100% - 2rem);min-height:100vh;margin:0 auto;padding-bottom:1rem;display:flex}.topbar{border-bottom:1px solid #24313a;justify-content:space-between;align-items:center;min-height:4.25rem;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:.75rem;display:flex}.topbar-actions{align-items:center;gap:1rem;display:flex}.language-switch{color:#cbd5dc;font:inherit;cursor:pointer;background:#111a21;border:1px solid #34444e;border-radius:999px;padding:.4rem .75rem;font-size:.76rem}.language-switch:hover{color:#62e4bd;border-color:#42d6aa}.language-switch:focus-visible{outline-offset:2px;outline:2px solid #62e4bd}.brand-mark{color:#62e4bd;border:1px solid #42d6aa;border-radius:.45rem;place-items:center;width:2rem;height:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;display:grid;box-shadow:0 0 1.5rem #42d6aa2e}.subtitle,.muted{color:#8898a5}.status-card{color:#adbac4;background:#111a21;border:1px solid #24313a;border-radius:.65rem;align-items:center;gap:.6rem;margin:.9rem 0;padding:.75rem 1rem;font-size:.84rem;display:flex}.station-attach{background:#122b24d1;border:1px solid #267b62;border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding:1rem;display:flex}.station-attach.hidden{display:none}.station-attach-copy{gap:.25rem;font-size:.84rem;display:grid}.station-attach-controls{gap:.5rem;display:flex}.station-attach-input,.station-attach-button{min-height:2.5rem;font:inherit;border:1px solid #34444e;border-radius:.5rem}.station-attach-input{color:#e8edf2;letter-spacing:.12em;text-transform:uppercase;background:#091015;width:10rem;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.station-attach-button{color:#8aefd0;cursor:pointer;background:#173d32;border-color:#42d6aa;padding:.5rem .9rem}.station-attach-input:focus-visible,.station-attach-button:focus-visible{outline-offset:2px;outline:2px solid #62e4bd}.station-attach-input:disabled,.station-attach-button:disabled{cursor:wait;opacity:.6}.status-dot{background:#e2ab45;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 .8rem #e2ab4573}@media (max-width:640px){.station-attach{flex-direction:column;align-items:stretch}.station-attach-input{flex:1;width:auto;min-width:0}}.status-dot.connected{background:#42d6aa;box-shadow:0 0 .8rem #42d6aa73}.status-dot.ended{background:#e96a74;box-shadow:0 0 .8rem #e96a7473}.content.empty{text-align:center;place-content:center;min-height:28rem;display:grid}.content.empty h1{margin-bottom:.4rem;font-size:clamp(1.5rem,4vw,2.5rem)}.content.empty p{color:#8898a5;max-width:34rem;margin:0;line-height:1.6}.target,.panel-heading,.stream-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.target{padding:.65rem 0 1rem}.history-window-notice{color:#e2c47f;background:#211b10;border:1px solid #6f5829;border-radius:.55rem;margin-bottom:.75rem;padding:.65rem .8rem;font-size:.8rem}h1,h2,p{margin-top:0}.target h1{letter-spacing:.025em;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.25rem,3vw,1.8rem)}.target-heading{flex-wrap:wrap;align-items:baseline;gap:.75rem;min-width:0;display:flex}.eyebrow{color:#62e4bd;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:750}.read-only-badge,.stream-status,.count{color:#9fb0bc;letter-spacing:.08em;background:#121d24;border:1px solid #34444e;border-radius:999px;font-size:.68rem;font-weight:750}.read-only-badge,.stream-status{padding:.38rem .65rem}.stream-status.connected{color:#62e4bd;border-color:#267b62}.stream-status.ended{color:#f18d96;border-color:#7a4147}.content:not(.empty),.streams{flex-direction:column;flex:1;min-height:0;display:flex}.stream{background:#0d161ce0;border:1px solid #24313a;border-radius:.8rem;flex-direction:column;flex:1;min-height:max(30rem,100vh - 14rem);padding:.75rem;display:flex;box-shadow:0 1rem 3rem #00000029}.stream-toolbar{padding-bottom:.65rem}.stream-tabs{gap:.4rem;min-width:0;padding:.1rem;display:flex;overflow-x:auto}.stream-tab{color:#91a2ae;cursor:pointer;text-align:left;background:#111a21;border:1px solid #2b3b45;border-radius:.55rem;flex:none;gap:.12rem;padding:.48rem .7rem;display:grid}.stream-tab:hover{border-color:#3c806d}.stream-tab:focus-visible{outline-offset:2px;outline:2px solid #62e4bd}.stream-tab.active{color:#d9f8ee;background:#10251f;border-color:#42d6aa}.stream-tab-kind{font-size:.7rem;font-weight:750}.stream-tab-id{color:#71828e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.stream-tab.active .stream-tab-id{color:#62e4bd}.stream-layout{flex:1;grid-template-columns:minmax(12rem,14.5rem) minmax(0,1fr);gap:.75rem;min-height:0;display:grid}.panel{background:#0a1319;border:1px solid #24313a;border-radius:.65rem;min-width:0;min-height:0;padding:1rem}.panel h2{color:#cbd5dc;margin-bottom:.8rem;font-size:.88rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin:0;display:grid}.handshake-panel{overflow-y:auto}.handshake-panel .details-grid{grid-template-columns:1fr}.detail{background:#111c23;border-radius:.45rem;min-width:0;padding:.65rem .75rem}.detail dt{color:#738591;text-transform:uppercase;margin-bottom:.28rem;font-size:.68rem}.detail dd{overflow-wrap:anywhere;color:#d4dce2;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.panel-heading h2{margin:0}.count{text-align:center;min-width:1.8rem;padding:.15rem .45rem}.table-wrap{flex:1;min-height:0;margin-top:.8rem;overflow:auto}.frames-panel{flex-direction:column;display:flex;overflow:hidden}table{border-collapse:collapse;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}th,td{text-align:left;vertical-align:top;border-top:1px solid #1f2c34;padding:.7rem .65rem}th{z-index:1;color:#70818c;letter-spacing:.08em;text-transform:uppercase;background:#0a1319;font-size:.65rem;position:sticky;top:0}.sequence{color:#71818c}.direction{white-space:nowrap;text-transform:uppercase;min-width:3.25rem;font-weight:750}.direction-send{color:#e2ab45}.direction-receive{color:#62e4bd}.method{color:#aab9e8;white-space:nowrap}.payload{color:#acbac4;overflow-wrap:anywhere;min-width:22rem}@media (max-width:760px){.stream{min-height:0}.stream-layout{grid-template-columns:minmax(0,1fr)}.handshake-panel{overflow:visible}.frames-panel{height:max(26rem,100vh - 12rem)}}@media (max-width:620px){.shell{width:min(100% - 1rem,980px)}.subtitle{display:none}.target{align-items:flex-end}.read-only-badge{flex:none}.stream{padding:.65rem}.stream-toolbar{align-items:flex-end}}