:root{color:#18201e;background:var(--page-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111716;--muted:#64706b;--line:#d4dad6;--paper:#fff;--canvas:#f5f7f4;--page-background:#edf0ed;--mobile-background:#f8faf8;--mobile-surface:#fbfcfb;--toolbar-surface:#f8faf7;--control-surface:#e8ece8;--inverse-surface:#111716;--inverse-surface-hover:#202a27;--on-inverse:#f8fbf9;--on-accent:#101814;--green:#21b86c;--green-bright:#55e39a;--coral:#ef654a;--yellow:#e4bf22;--blue:#278ba1;font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:var(--page-background);min-width:320px}body{background:var(--page-background);min-width:320px;min-height:100dvh;margin:0}button,textarea,select,input{font:inherit}button,select,input[type=range],summary{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #278ba140}button:disabled{cursor:not-allowed;opacity:.48}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.segmented-control button,.preset-control button,.primary-action,.secondary-action,.tool-button,.icon-button{transition:color .16s,background-color .16s,border-color .16s,box-shadow .18s,transform .12s}.primary-action,.secondary-action,.tool-button,.icon-button{position:relative;overflow:hidden}.primary-action:after,.secondary-action:after,.tool-button:after,.icon-button:after{content:"";opacity:0;pointer-events:none;background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.tool-button:active:not(:disabled),.icon-button:active:not(:disabled),.segmented-control button:active:not(:disabled),.preset-control button:active:not(:disabled){transform:scale(.97)}.primary-action:active:not(:disabled):after,.secondary-action:active:not(:disabled):after,.tool-button:active:not(:disabled):after,.icon-button:active:not(:disabled):after{animation:.46s ease-out button-ripple}.app-shell{min-height:100dvh}.app-header{min-height:84px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-right:max(24px, calc((100vw - 1440px) / 2), env(safe-area-inset-right,0px));padding-bottom:16px;padding-left:max(24px, calc((100vw - 1440px) / 2), env(safe-area-inset-left,0px));color:var(--on-inverse);background:var(--inverse-surface);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-block,.header-status,.status-item,.mode-group,.mode-description,.section-heading,.receiver-heading,.receive-actions,.audio-toolbar,.mini-heading,.telemetry-title,.app-footer,.protocol-inspector summary,.protocol-inspector summary>span,.decode-status-row,.inspector-note{align-items:center;display:flex}.brand-block{gap:12px;min-width:0}.brand-mark{width:44px;height:44px;color:var(--green-bright);background:#1b2421;border:1px solid #55e39a80;border-radius:6px;flex:0 0 44px;place-items:center;display:grid}.brand-block h1{margin:0;font-size:27px;font-weight:720;line-height:1.05}.brand-block p{color:#aeb9b4;margin:5px 0 0;font-size:12px}.header-status{flex:none;gap:10px}.status-item,.protocol-version{color:#cad2ce;white-space:nowrap;border:1px solid #35423d;border-radius:4px;align-items:center;gap:7px;min-height:30px;padding:5px 9px;font-size:12px;display:inline-flex}.protocol-version{color:var(--green-bright);border-color:#55e39a6b;font-family:Consolas,monospace;font-weight:700}.live-dot{background:var(--green-bright);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #55e39a1f}.command-bar{border-bottom:1px solid var(--line);background:var(--toolbar-surface);justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:10px max(24px,50vw - 720px);display:flex}.mode-group{gap:12px}.command-label{color:var(--muted);font-size:12px;font-weight:700}.segmented-control,.preset-control{border:1px solid var(--line);background:var(--control-surface);border-radius:6px;padding:3px;display:inline-grid}.segmented-control{grid-template-columns:repeat(2,minmax(88px,1fr))}.segmented-control button,.preset-control button{color:#5f6965;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:32px;font-size:13px;font-weight:650;display:inline-flex}.segmented-control button.active,.preset-control button.active{color:var(--ink);background:var(--paper);box-shadow:0 1px 3px #1117161f}.mode-description{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;min-width:0}.mode-description strong{color:#303a36;font-family:Consolas,monospace;font-size:12px}.mode-description span{color:var(--muted);font-size:12px}.main-content{width:min(1440px,100% - 48px);margin:24px auto 0}.diagnostics-section{display:contents}.mobile-tab-bar{display:none}.workbench{border:1px solid var(--line);background:var(--paper);border-radius:6px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);display:grid;overflow:hidden;box-shadow:0 12px 32px #1b25210f}.work-panel{min-width:0;padding:26px}.transmit-panel{border-right:1px solid var(--line)}.section-heading,.receiver-heading{justify-content:space-between;gap:18px;margin-bottom:20px}.section-index{color:var(--blue);margin-bottom:4px;font-family:Consolas,monospace;font-size:11px;font-weight:750;display:block}.section-heading h2,.receiver-heading h2{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.byte-counter,.signal-state{color:var(--muted);flex:none;font-family:Consolas,monospace;font-size:11px}.byte-counter.over-limit{color:#c44231;font-weight:700}.signal-state{align-items:center;gap:7px;display:inline-flex}.signal-state:before{content:"";background:#a8b0ac;border-radius:50%;width:7px;height:7px}.signal-state.ready{color:#147748;font-weight:700}.signal-state.ready:before{background:var(--green);animation:1.8s ease-out infinite status-pulse}.field-label,.select-field>span{color:#48534e;margin-bottom:8px;font-size:12px;font-weight:700;display:block}textarea{resize:vertical;color:#17201d;background:#fbfcfa;border:1px solid #bdc7c1;border-radius:5px;width:100%;min-height:154px;padding:15px 16px;font-size:15px;line-height:1.72}textarea:hover{border-color:#96a39c}textarea:focus{border-color:var(--blue);background:var(--paper)}.compose-options{grid-template-columns:minmax(150px,.82fr) minmax(210px,1.18fr);align-items:end;gap:16px;margin-top:16px;display:grid}.select-field{min-width:0}.select-field select{border:1px solid var(--line);color:#35403b;background:var(--paper);border-radius:5px;width:100%;height:42px;padding:0 34px 0 11px;font-size:13px}.switch-control{border:1px solid var(--line);background:var(--canvas);cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:58px;padding:8px 10px 8px 12px;display:flex;position:relative}.switch-control>span:first-child{min-width:0}.switch-control strong,.switch-control small{display:block}.switch-control strong{color:#28332f;font-size:13px}.switch-control small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#aab3ae;border-radius:12px;flex:0 0 38px;width:38px;height:22px;transition:background .18s;position:relative}.switch-track>span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.2,.9,.25,1.25);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000038}.switch-control input:checked+.switch-track{background:var(--green)}.switch-control input:checked+.switch-track>span{transform:translate(16px)}.pipeline-wrap{margin-top:22px}.mini-heading{color:#59645f;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:12px;font-weight:700}.mini-heading>span{align-items:center;gap:7px;display:inline-flex}.mini-heading>strong{color:#26312d;font-family:Consolas,monospace;font-size:11px}.stale-label{color:#b85836;font-size:11px;font-weight:650}.protocol-flow{scrollbar-width:thin;align-items:center;min-width:0;padding:8px 0 10px;display:flex;overflow-x:auto}.flow-fragment{flex:1 0 auto;align-items:center;display:flex}.flow-stage{color:#39443f;align-items:center;gap:8px;min-width:86px;display:flex}.flow-stage svg{color:var(--blue);flex:none}.flow-stage span,.flow-stage strong,.flow-stage small{display:block}.flow-stage strong{color:#252f2b;font-family:Consolas,monospace;font-size:11px}.flow-stage small{color:#7a847f;margin-top:3px;font-size:10px}.flow-arrow{color:#a5afaa;flex:none;margin:0 8px}.primary-action,.secondary-action,.tool-button{border-radius:5px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary-action{border:1px solid var(--inverse-surface);width:100%;min-height:47px;color:var(--on-inverse);background:var(--inverse-surface);margin-top:20px;font-size:14px}.primary-action:hover:not(:disabled){color:var(--green-bright);background:var(--inverse-surface-hover)}.waveform-shell{background:var(--inverse-surface);border-radius:5px;position:relative;overflow:hidden}.waveform-canvas{width:100%;height:174px;display:block}.waveform-overlay{color:#ffffffad;pointer-events:none;justify-content:space-between;gap:12px;font-family:Consolas,monospace;font-size:10px;display:flex;position:absolute;top:10px;left:12px;right:12px}audio{display:none}.audio-toolbar{border-bottom:1px solid var(--line);gap:12px;min-height:62px;padding:9px 0}.icon-button{border:1px solid var(--line);color:#36413c;background:var(--paper);border-radius:5px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--canvas);border-color:#99a69f}.icon-button.prominent{color:var(--on-accent);border-color:var(--green);background:var(--green-bright)}.icon-button.prominent.is-playing{animation:1.25s ease-in-out infinite playback-pulse}.audio-summary{flex:1;min-width:0}.audio-summary strong,.audio-summary span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-summary strong{color:#28322e;font-family:Consolas,monospace;font-size:12px}.audio-summary span{color:var(--muted);margin-top:3px;font-size:11px}.channel-lab{padding-top:18px}.preset-control{grid-template-columns:repeat(3,1fr);width:100%}.preset-control button{min-width:0;font-size:12px}.slider-grid{gap:11px;margin:16px 0;display:grid}.slider-grid label>span{color:#68736e;justify-content:space-between;gap:12px;font-size:11px;display:flex}.slider-grid label strong{color:#28322e;font-family:Consolas,monospace}input[type=range]{width:100%;height:4px;accent-color:var(--blue);margin:9px 0 0}.secondary-action{color:#26312d;background:#f7f9f6;border:1px solid #aab5af;width:100%;min-height:42px;font-size:13px}.secondary-action:hover:not(:disabled){border-color:var(--blue);background:#edf7f8}.receiver-section{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin-top:18px;padding:24px 26px}.receiver-heading{margin-bottom:18px}.receive-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.tool-button{border:1px solid var(--line);color:#35403b;background:#f8faf7;min-height:37px;padding:7px 12px;font-size:12px}.tool-button:hover:not(:disabled){background:#eef2ee;border-color:#96a39c}.tool-button.recording{color:#a9382a;background:#fff3f0;border-color:#ef8c7a;animation:1.2s ease-in-out infinite recording-pulse}.receiver-grid{border:1px solid var(--line);border-radius:5px;grid-template-columns:minmax(0,1fr) 260px;display:grid;overflow:hidden}.decoded-output{border-right:1px solid var(--line);background:#fafbf9;min-width:0;padding:18px 20px}.decoded-output.success{box-shadow:inset 4px 0 0 var(--green)}.decoded-output.error{box-shadow:inset 4px 0 0 var(--coral)}.decode-status-row{gap:11px}.decode-icon{color:#5e6a64;background:#e9ede9;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.decoded-output.success .decode-icon{color:#147748;background:#dcf6e8}.decoded-output.error .decode-icon{color:#b33f2e;background:#ffebe6}.decode-status-row>div{min-width:0}.decode-status-row strong,.decode-status-row span{display:block}.decode-status-row strong{color:#29332f;font-size:13px}.decode-status-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.decoded-message{border-top:1px dashed #ccd3cf;align-items:center;min-height:88px;margin-top:13px;padding-top:13px;display:flex}.decoded-message p{overflow-wrap:anywhere;color:#17201d;max-width:100%;margin:0;font-size:15px;line-height:1.65}.decoded-message .placeholder-copy{color:#8a938f;font-size:13px}.decoded-message .error-copy{color:#a43c2c;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:12px}.telemetry{background:#f2f5f2;padding:18px}.telemetry-title{color:#34403b;gap:8px;font-size:12px}.telemetry dl{margin:11px 0 0}.telemetry dl>div{border-bottom:1px solid #dce2de;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.telemetry dl>div:last-child{border-bottom:0}.telemetry dt{color:#6d7772;font-size:11px}.telemetry dd{color:#2f3935;margin:0;font-family:Consolas,monospace;font-size:12px;font-weight:700}.telemetry dd.positive,.telemetry dd.good{color:#13804a}.telemetry dd.warn{color:#a17800}.telemetry dd.bad{color:#b74331}.metrics-band{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.metric-item{border:1px solid var(--line);background:var(--paper);border-radius:5px;min-width:0;padding:15px 16px 14px;position:relative;overflow:hidden}.metric-item:before{background:var(--green);content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric-item.accent-coral:before{background:var(--coral)}.metric-item.accent-yellow:before{background:var(--yellow)}.metric-item.accent-blue:before{background:var(--blue)}.metric-item>span,.metric-item>strong,.metric-item>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.metric-item>span{color:var(--muted);font-size:11px}.metric-item>strong{color:#1c2522;margin-top:6px;font-family:Consolas,monospace;font-size:18px}.metric-item>small{color:#7a847f;margin-top:4px;font-size:10px}.protocol-inspector{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin-top:18px}.protocol-inspector summary{color:#313c37;justify-content:space-between;gap:16px;min-height:54px;padding:12px 16px;list-style:none}.protocol-inspector summary::-webkit-details-marker{display:none}.protocol-inspector summary>span{gap:8px;font-size:13px;font-weight:750}.protocol-inspector summary>small{color:var(--muted);font-size:11px}.protocol-inspector[open] summary{border-bottom:1px solid var(--line)}.inspector-content{padding:20px}.frame-map{grid-template-columns:1fr .72fr .92fr .82fr 1fr minmax(1.35fr, 2fr) .9fr;border:1px solid #c9d0cc;border-radius:5px;display:grid;overflow:hidden}.frame-cell{text-align:center;background:#f6f8f5;border-right:1px solid #d6ddd9;min-width:0;padding:11px 9px}.frame-cell:last-child{border-right:0}.frame-cell.sync{background:#e7f8ee}.frame-cell.payload{background:#e9f3f5}.frame-cell.crc{background:#fff2ee}.frame-cell strong,.frame-cell span,.frame-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.frame-cell strong{color:#29332f;font-family:Consolas,monospace;font-size:11px}.frame-cell span{color:#55615b;margin-top:5px;font-size:10px}.frame-cell small{color:#88918d;margin-top:3px;font-size:9px}.hex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.hex-grid>div{min-width:0}.code-label{color:#66716c;margin-bottom:7px;font-family:Consolas,monospace;font-size:10px;display:block}.hex-grid code{overflow-wrap:anywhere;color:#ccebd8;background:#18201e;border-radius:4px;min-height:76px;padding:12px;font-family:Consolas,monospace;font-size:10px;line-height:1.65;display:block}.inspector-note{color:#53605a;align-items:flex-start;gap:9px;margin-top:14px}.inspector-note svg{color:var(--blue);flex:none;margin-top:2px}.inspector-note p{margin:0;font-size:11px;line-height:1.7}.app-footer{width:min(1440px,100% - 48px);min-height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);color:#78827d;justify-content:space-between;gap:20px;margin:8px auto 0;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:10px}.app-footer span:last-child{align-items:center;gap:6px;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes button-ripple{0%{opacity:.18;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(36)}}@keyframes status-pulse{0%{box-shadow:0 0 #21b86c59}70%,to{box-shadow:0 0 0 6px #21b86c00}}@keyframes playback-pulse{0%,to{box-shadow:0 0 #21b86c33}50%{box-shadow:0 0 0 5px #21b86c1f}}@keyframes recording-pulse{0%,to{box-shadow:inset 0 0 #ef654a1a}50%{box-shadow:inset 0 0 0 2px #ef654a3d}}@keyframes mobile-view-in{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.workbench{grid-template-columns:1fr}.transmit-panel{border-right:0;border-bottom:1px solid var(--line)}.metrics-band{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){html,body{background:var(--mobile-background);overscroll-behavior-y:none}.app-shell{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));background:var(--mobile-background)}.app-header,.command-bar{padding-right:max(16px, env(safe-area-inset-right,0px));padding-left:max(16px, env(safe-area-inset-left,0px))}.app-header{min-height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);color:var(--ink);background:var(--mobile-surface);border-bottom:1px solid #e2e7e3;gap:12px;padding-bottom:0}.brand-block{gap:9px}.brand-mark{color:#168352;background:#ddf5e7;border:0;border-radius:7px;flex-basis:30px;width:30px;height:30px}.brand-mark svg{width:19px;height:19px}.brand-block h1{font-size:17px;font-weight:740}.brand-block p,.muted-on-mobile,.protocol-version,.mode-description{display:none}.header-status{gap:0}.status-item{color:#33705a;border:0;min-height:auto;padding:0;font-size:10px}.live-dot{background:var(--green);width:6px;height:6px;box-shadow:none}.command-bar{z-index:20;background:var(--toolbar-surface);border-bottom-color:#dce3de;min-height:54px;padding-top:7px;padding-bottom:7px;position:sticky;top:0;box-shadow:0 4px 14px #141f1b0a}.mode-group,.segmented-control{width:100%}.command-label{display:none}.segmented-control{background:#e8ede9;border:0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}.segmented-control button{border-radius:6px;min-height:34px;font-size:12px}.segmented-control button.active{box-shadow:0 2px 7px #1117161a}.main-content{width:100%;margin:0}.workbench{box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.work-panel,.receiver-section,.diagnostics-section{min-height:calc(100dvh - 176px - env(safe-area-inset-bottom,0px));background:var(--mobile-surface);box-shadow:none;border:0;border-radius:0;padding:22px 18px 28px;animation:.22s ease-out both mobile-view-in}.transmit-panel{border-bottom:0;border-right:0}.receiver-section{margin-top:0}.diagnostics-section{display:block}.app-shell[data-mobile-view=encode] .signal-panel,.app-shell[data-mobile-view=encode] .receiver-section,.app-shell[data-mobile-view=encode] .diagnostics-section,.app-shell[data-mobile-view=signal] .transmit-panel,.app-shell[data-mobile-view=signal] .receiver-section,.app-shell[data-mobile-view=signal] .diagnostics-section,.app-shell[data-mobile-view=receive] .workbench,.app-shell[data-mobile-view=receive] .diagnostics-section,.app-shell[data-mobile-view=inspect] .workbench,.app-shell[data-mobile-view=inspect] .receiver-section{display:none}.section-heading,.receiver-heading{margin-bottom:18px}.section-index{display:none}.section-heading h2,.receiver-heading h2{font-size:22px}.compose-options{grid-template-columns:1fr}.receiver-heading{flex-direction:column;align-items:flex-start}.receive-actions{justify-content:flex-start;width:100%}.receiver-grid{border-radius:8px;grid-template-columns:1fr}.decoded-output{border-right:0;border-bottom:1px solid var(--line)}.metrics-band{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.metric-item,.protocol-inspector{border-radius:8px}.frame-map{grid-template-columns:repeat(7,minmax(92px,1fr));overflow-x:auto}.hex-grid{grid-template-columns:1fr}.app-footer{display:none}.mobile-tab-bar{right:max(20px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));left:max(20px, env(safe-area-inset-left,0px));z-index:40;isolation:isolate;background:linear-gradient(#fffffff5,#f4f7f5e8),#f9fbfaeb;border:1px solid #fffffff5;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:60px;padding:4px;display:grid;position:fixed;overflow:hidden;box-shadow:inset 0 1px 1px #fffffffa,inset 0 -1px #4857501a,0 12px 30px #1e2b2524,0 3px 10px #1e2b251a}.mobile-tab-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff,#0000);height:1px;position:absolute;top:1px;left:26px;right:26px}.mobile-tab-bar:after{z-index:-2;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff7a,#0000 38%,#34d3990e);position:absolute;inset:2px}.mobile-tab-selection{z-index:-1;transform-origin:50%;background:radial-gradient(circle at 24% 10%,#fffc,#0000 34%),linear-gradient(145deg,#ffffffa3,#ebf2ee6b);border:1px solid #fffffff0;border-radius:999px;width:calc(25% - 2px);position:absolute;top:3px;bottom:3px;left:4px;box-shadow:inset 1px 2px 2px #fffffff5,inset -1px -2px 2px #45574e1a,-1px 0 1px #30dda366,1px 0 1px #5e70ff42,0 -1px 1px #ecb94233,0 4px 10px #24312b1f}.mobile-tab-bar[data-motion=moving] .mobile-tab-selection{will-change:translate, scale;animation:.44s linear both liquid-nav-slide}.mobile-tab-selection:before{border-radius:inherit;content:"";opacity:.56;pointer-events:none;background:linear-gradient(110deg,#34dea333,#0000 24%),linear-gradient(290deg,#626fff29,#0000 25%),linear-gradient(#ffffff6b,#0000 44%);position:absolute;inset:0}.mobile-tab-selection:after{content:"";opacity:.7;background:#ffffffe6;border-radius:999px;height:2px;position:absolute;top:3px;left:18%;right:18%;box-shadow:0 1px 5px #ffffff61}.mobile-tab-selection.at-signal{translate:100%}.mobile-tab-selection.at-receive{translate:200%}.mobile-tab-selection.at-inspect{translate:300%}.mobile-tab-bar button{z-index:1;color:#111716e0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:50px;padding:4px 2px;font-size:10px;font-weight:620;transition:color .18s,transform .12s;display:flex;position:relative}.mobile-tab-bar button svg{filter:drop-shadow(0 1px 1px #23302a24);transition:color .18s,filter .18s,transform .18s}.mobile-tab-bar button.active{color:#18a768}.mobile-tab-bar button.active svg{filter:drop-shadow(0 1px 3px #18a76838);transform:translateY(-1px)scale(1.08)}.mobile-tab-bar button:active{transform:scale(.92)}.tab-state{background:#9da4a1;border:1px solid #f7faf8;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:calc(50% + 10px)}.tab-state.ready,.tab-state.success{background:var(--green)}.tab-state.working{background:var(--yellow)}.tab-state.error{background:var(--coral)}@keyframes liquid-nav-slide{0%{translate:var(--nav-from) 0;animation-timing-function:cubic-bezier(.42,0,.35,1);scale:1}32%{translate:var(--nav-mid) 0;animation-timing-function:cubic-bezier(.3,0,.2,1);scale:1.58 .96}64%{translate:var(--nav-to) 0;animation-timing-function:ease-out;scale:.97 1.025}84%{translate:var(--nav-to) 0;animation-timing-function:ease-out;scale:1.03 .99}to{translate:var(--nav-to) 0;scale:1}}}@media (width<=480px){.work-panel,.receiver-section,.diagnostics-section{padding-left:16px;padding-right:16px}textarea{border-radius:8px;min-height:126px;font-size:14px}.select-field select,.switch-control,.waveform-shell{border-radius:8px}.waveform-canvas{height:156px}.receive-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-button{min-width:0;padding-left:8px;padding-right:8px;font-size:11px}.metrics-band{gap:8px}.metric-item{padding-left:12px;padding-right:12px}.metric-item>strong{font-size:16px}.protocol-inspector summary>small{display:none}.inspector-content{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{color:#e8efeb;background:var(--page-background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf4f0;--muted:#9ca8a1;--line:#35413b;--paper:#1a211e;--canvas:#212925;--page-background:#0f1412;--mobile-background:#111613;--mobile-surface:#151b18;--toolbar-surface:#181f1b;--control-surface:#242d28;--inverse-surface:#0c110f;--inverse-surface-hover:#17211c;--on-inverse:#f4f8f5;--on-accent:#0c1711;--green:#42cf87;--green-bright:#5ee9a2;--coral:#ff826d;--yellow:#e6c94a;--blue:#62b8c8}html,body,.app-shell{background:var(--page-background)}.app-header{color:var(--ink);background:#111714;border-bottom-color:#2d3833}.brand-mark{color:var(--green-bright);background:#14231c;border-color:#5ee9a257}.brand-block p{color:#aab6b0}.status-item,.protocol-version{color:#c6d0cb;border-color:#35423c}.protocol-version{color:var(--green-bright);border-color:#5ee9a257}.command-bar{border-bottom-color:var(--line);background:var(--toolbar-surface);box-shadow:0 4px 14px #00000029}.segmented-control,.preset-control{background:var(--control-surface)}.segmented-control button,.preset-control button{color:#aab6b0}.segmented-control button.active,.preset-control button.active{color:var(--ink);background:#303a35;box-shadow:0 1px 3px #00000057}.mode-description strong,.section-heading h2,.receiver-heading h2,.switch-control strong,.mini-heading>strong,.flow-stage strong,.audio-summary strong,.slider-grid label strong,.decode-status-row strong,.decoded-message p,.telemetry dd,.metric-item>strong,.frame-cell strong{color:var(--ink)}.field-label,.select-field>span,.mini-heading,.flow-stage,.audio-summary span,.slider-grid label>span,.telemetry-title,.protocol-inspector summary,.frame-cell span,.inspector-note{color:#b5c0ba}.flow-stage small,.flow-arrow,.decoded-message .placeholder-copy,.telemetry dt,.metric-item>small,.frame-cell small,.code-label,.app-footer{color:#87948d}textarea{color:#e7eeea;background:#141a17;border-color:#46534c}textarea:hover{border-color:#637169}textarea:focus{border-color:var(--blue);background:#18201c}.select-field select,.icon-button,.secondary-action,.tool-button{color:#c7d1cc;border-color:var(--line);background:#1b231f}.switch-control,.decoded-output,.frame-cell{background:#171e1b}.switch-track{background:#58645e}.switch-track>span{background:#f1f5f2}.primary-action{color:var(--on-accent);border-color:var(--green);background:var(--green)}.primary-action:hover:not(:disabled){color:var(--on-accent);background:var(--green-bright)}.icon-button:hover:not(:disabled),.tool-button:hover:not(:disabled){background:#26302b;border-color:#66736c}.secondary-action:hover:not(:disabled){border-color:var(--blue);background:#1d2c2d}.tool-button.recording{color:#ff9a87;background:#2b1c19;border-color:#8b4d42}.receiver-grid,.frame-map{border-color:var(--line)}.decode-icon{color:#aeb9b3;background:#28312d}.decoded-output.success .decode-icon{color:#63e6a0;background:#173325}.decoded-output.error .decode-icon{color:#ff9682;background:#38201c}.decoded-message{border-top-color:#3b4741}.decoded-message .error-copy{color:#ff9682}.telemetry{background:#202824}.telemetry dl>div{border-bottom-color:#35413b}.telemetry dd.positive,.telemetry dd.good,.signal-state.ready{color:#5cde99}.telemetry dd.warn{color:#e1c354}.telemetry dd.bad{color:#ff8a74}.protocol-inspector summary[open],.protocol-inspector[open] summary{border-bottom-color:var(--line)}.frame-cell{border-right-color:var(--line)}.frame-cell.sync{background:#173026}.frame-cell.payload{background:#172b2f}.frame-cell.crc{background:#32201c}.hex-grid code{color:#c5ebd5;background:#0c110f}.mobile-tab-bar{background:linear-gradient(#2d2f32ed,#161719f2),#18191be6;border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px #0000007a,0 12px 30px #00000057,0 3px 10px #0000003d}.mobile-tab-bar:before{background:linear-gradient(90deg,#0000,#ffffff7a,#0000)}.mobile-tab-bar:after{background:linear-gradient(105deg,#ffffff0d,#0000 38%,#54e3b509)}.mobile-tab-selection{background:radial-gradient(circle at 24% 12%,#ffffff2e,#0000 31%),linear-gradient(145deg,#6e74737a,#30343561);border-color:#ffffff3d;box-shadow:inset 1px 2px 2px #ffffff47,inset -1px -2px 2px #00000057,-1px 0 1px #4df4c066,1px 0 1px #6b73ff61,0 -1px 1px #ecb9422e,0 4px 10px #0000003d}.mobile-tab-selection:before{background:linear-gradient(110deg,#53ffc63d,#0000 24%),linear-gradient(290deg,#676fff38,#0000 25%),linear-gradient(#ffffff1c,#0000 42%)}.mobile-tab-selection:after{background:#ffffff7a;box-shadow:0 1px 5px #fff3}.mobile-tab-bar button{color:#ffffffe6}.mobile-tab-bar button svg{filter:drop-shadow(0 1px 2px #00000042)}.mobile-tab-bar button.active{color:#55e3bd}.mobile-tab-bar button.active svg{filter:drop-shadow(0 1px 4px #45e7b547)}.tab-state{border-color:#252729}}