.serialConsole_demo__4A0l_{display:flex;flex-direction:column;align-items:center}.serialConsole_console__C0ieO{position:relative;z-index:1;width:100%;max-width:370px;padding:15px;border:1px solid #b8bbb0;border-radius:8px;color:#484e46;background:linear-gradient(120deg,#e5e7dd,#d2d5c9);box-shadow:inset 1px 2px 2px #fffff5,inset -1px -2px 2px #aeb2a2,0 3px 0 #a8ad9d,0 10px 16px -12px #0006;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.serialConsole_bottom__2YBcu,.serialConsole_controls__tYZJZ,.serialConsole_switchGroup__z7FVx{display:flex;align-items:center;gap:9px}.serialConsole_bottom__2YBcu,.serialConsole_controls__tYZJZ{justify-content:space-between}.serialConsole_switchLabel__xHGOi{font-size:9px;letter-spacing:.04em}.serialConsole_toggle__XTaqt{width:39px;height:21px;padding:2px;border:1px solid #818a77;border-radius:4px;background:#545d4e;box-shadow:inset 0 2px 3px #0006}.serialConsole_toggle__XTaqt span{display:block;width:16px;height:15px;border:1px solid #bbbfb0;border-radius:2px;background:repeating-linear-gradient(90deg,#e3e5d8 0 3px,#bfc4b4 3px 4px);box-shadow:1px 1px 2px #0005;transition:transform .14s}.serialConsole_toggle__XTaqt[aria-checked=true]{background:#79934d}.serialConsole_toggle__XTaqt[aria-checked=true] span{transform:translateX(16px)}.serialConsole_presets__6rURb button,.serialConsole_reset__JVCfQ{padding:5px 10px;border:1px solid #a1a795;border-radius:3px;background:linear-gradient(#f0f1e7,#d4d8c8);box-shadow:0 1px 0 #a2a995,inset 0 1px 0 #fffff8;font:inherit}.serialConsole_reset__JVCfQ{color:#794c40}.serialConsole_reset__JVCfQ span{display:none}.serialConsole_screen__HEhi3{margin:12px 0;padding:10px 12px;border:3px solid #676f5c;border-radius:4px;background:linear-gradient(120deg,#263728,#142219);box-shadow:0 1px 0 #f9fbea,inset 0 2px 5px #0007}.serialConsole_entry__wwBsc{display:flex;gap:12px;align-items:center;min-height:20px}.serialConsole_entry__wwBsc>span{color:#8da283;font-size:10px}.serialConsole_entry__wwBsc strong{color:#bcdaa0;font-size:12px;font-weight:500;letter-spacing:.06em}.serialConsole_entry__wwBsc[data-direction=lpfk-to-host] strong{color:#eed79d}.serialConsole_status__XoTg6{color:#69745d;font-size:9px}.serialConsole_console__C0ieO button{cursor:pointer}.serialConsole_console__C0ieO button:disabled{opacity:.45;cursor:not-allowed}.serialConsole_console__C0ieO button:not(:disabled):active{transform:translateY(1px)}.serialConsole_console__C0ieO button:focus-visible{outline:2px solid #4779b5;outline-offset:3px}.serialConsole_cable__Peknz{position:relative;flex:none;width:7px;height:68px;background:linear-gradient(90deg,#777c70,#b7bcae 40%,#888f7f 75%,#646d5d);box-shadow:2px 0 3px #0002}.serialConsole_connector__XfCtl{position:absolute;top:2px;left:-5px;width:17px;height:13px;border-radius:0 0 4px 4px;background:repeating-linear-gradient(0deg,#89917f 0 2px,#bbc1af 2px 4px);box-shadow:inset 2px 0 2px #fff4}.serialConsole_packet__IaCEO{position:absolute;z-index:2;left:50%;top:0;transform:translate(-50%,-50%);padding:4px 8px;border:1px solid #718366;border-radius:3px;white-space:nowrap;color:#ddedc5;background:#263626;box-shadow:0 2px 5px #0003;font:10px/1.4 ui-monospace,monospace;animation:serialConsole_transmit__m_b7N 1s linear both}.serialConsole_packet__IaCEO[data-direction=lpfk-to-host]{animation-name:serialConsole_receive__CblHI;color:#eed79d}.serialConsole_endpoint__iI1Qg{padding:20px;border:1px solid #a5ad98;border-radius:6px;background:#dfe3d5;color:#45543a}@keyframes serialConsole_transmit__m_b7N{0%{top:5%;opacity:0}15%,85%{opacity:1}to{top:100%;opacity:0}}@keyframes serialConsole_receive__CblHI{0%{top:100%;opacity:0}15%,85%{opacity:1}to{top:5%;opacity:0}}@media (prefers-reduced-motion:reduce){.serialConsole_toggle__XTaqt span{transition:none}.serialConsole_packet__IaCEO{animation-name:none;top:50%}}.serialConsole_presets__6rURb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.serialConsole_presets__6rURb button{padding:7px 3px;white-space:nowrap;font-size:10px}.serialConsole_presets__6rURb button[aria-pressed=true]{color:#eef5df;border-color:#657654;background:linear-gradient(#81966a,#657951);box-shadow:inset 0 1px 2px #0003}.serialConsole_bottom__2YBcu{justify-content:flex-end;margin-top:8px;min-height:13px}.lp-anatomy{--lp-case:color-mix(in srgb,var(--figure-bg) 20%,#d6d5c9);--lp-case-light:color-mix(in srgb,var(--figure-bg) 20%,#eeede3);--lp-panel:color-mix(in srgb,var(--figure-bg) 20%,#dcdcd1);--lp-side-light:color-mix(in srgb,var(--figure-bg) 18%,#b9baad);--lp-side-dark:color-mix(in srgb,var(--figure-bg) 18%,#8a8e81);--lp-recess:#8d9283;--lp-socket:#50584a;--lp-key:color-mix(in srgb,var(--figure-bg) 15%,#b1b3a7);--lp-key-light:color-mix(in srgb,var(--figure-bg) 15%,#d0d0c3);--lp-key-side:color-mix(in srgb,var(--figure-bg) 15%,#8c9181);background:var(--figure-bg)}.lp-stage{position:relative}.lp-svg{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.lp-key{cursor:pointer;outline:none;transform:translate(0);transition:transform .1s cubic-bezier(.2,.7,.2,1)}.lp-key[data-down]{transform:translate(var(--lp-key-x),var(--lp-key-y));transition-duration:35ms}.lp-hit{fill:transparent;stroke:transparent;vector-effect:non-scaling-stroke}.lp-key:focus-visible:not([data-pointer-focus]) .lp-hit{stroke:var(--figure-ink);stroke-width:1.5px}.lp-key-code{fill:#394033;opacity:0;pointer-events:none}.lp-svg[data-codes] .lp-key-code{opacity:1}.lp-led-lit{opacity:0;transition:opacity .1s ease-out}.lp-key[data-lit] .lp-led-lit{opacity:var(--lp-brightness)}.lp-control-panel{position:absolute;right:12px;bottom:12px;z-index:1}.lp-control-panel summary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;cursor:pointer;color:var(--figure-muted);list-style:none}.lp-control-panel summary::-webkit-details-marker{display:none}.lp-control-panel summary:focus-visible{outline:2px solid var(--figure-ink);outline-offset:2px}.lp-controls{position:absolute;right:0;bottom:44px;width:280px;max-width:calc(100vw - 88px);flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 12px;border:.5px solid var(--figure-line);border-radius:var(--radius);background:var(--figure-bg);box-shadow:0 4px 16px #00000012}.lp-brightness,.lp-controls{display:flex;align-items:center}.lp-brightness{gap:8px;width:100%;font-size:12px;color:var(--figure-muted)}.lp-brightness input{flex:1;min-width:0;width:100px;height:24px;accent-color:var(--figure-ink)}.lp-brightness input:focus-visible{outline:2px solid var(--figure-ink);outline-offset:3px;border-radius:3px}.lp-brightness output{min-width:4ch;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.lp-key,.lp-led-lit{transition:none}}