main.microblue-open{grid-template-columns:minmax(0,1fr) 350px!important}main.microblue-open>#component-sidebar{display:none!important}.microblue-panel{padding:16px;min-width:0;overflow:auto;background:#fff;font-size:13px}.microblue-panel[hidden]{display:none}.microblue-panel button,.microblue-panel input,.microblue-panel select{font-size:13px}.mb-heading{display:flex;align-items:center;justify-content:space-between;font-size:19px;margin-bottom:14px;color:#147add}.mb-close{font-size:22px!important;border:0;padding:0 7px}.mb-connection{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:5px;margin-bottom:10px}.mb-connection [data-connected=true]{color:#168365}.microblue-panel>select{width:100%;margin-bottom:12px}.mb-tabs{display:flex;border-bottom:1px solid #dbe5ee;gap:6px;margin-bottom:14px}.mb-tabs button{flex:1;border:0;border-radius:6px 6px 0 0;padding:10px}.mb-tabs [aria-selected=true]{background:#e8f3ff;color:#087bf7;border-bottom:3px solid #087bf7}.mb-drive-tools,.mb-command-tools,.mb-widget-tools{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.mb-drive-tools select{flex:1}.mb-drive-halves{display:flex;flex-direction:column;gap:16px}.mb-drive-halves.reversed{flex-direction:column-reverse}.mb-drive-control{padding:6px 10px 12px;border-bottom:1px solid #e1e8ef;text-align:center}.mb-widget-title{display:flex;align-items:center;gap:8px;margin:7px 0 10px}.mb-widget-title small{font-size:10px;color:#718699;min-width:25px}.mb-widget-title span{flex:1;text-align:center;font-weight:500}.mb-joystick{width:184px;height:184px;border-radius:27px;background:#edf0f3;position:relative;margin:8px auto;display:grid;place-items:center;touch-action:none;cursor:grab}.mb-joystick:before,.mb-joystick:after{content:'';position:absolute;background:#dce3e9}.mb-joystick:before{width:1px;height:80%}.mb-joystick:after{width:80%;height:1px}.mb-stick{width:45px;height:45px;border-radius:50%;background:#0781ff;box-shadow:0 3px 8px #087bf730;z-index:1;pointer-events:none}.mb-coordinates{color:#6c8295;font-size:11px;display:block}.mb-widget{padding:7px 8px 12px;border-bottom:1px solid #edf0f4}.mb-command-button{background:#087fff;color:white;border-color:#087fff;width:100%}.mb-command-button.pressed{background:#0051b8;transform:translateY(1px)}.mb-widget input[type=range]{width:calc(100% - 36px);accent-color:#0781ff;vertical-align:middle}.mb-widget output{font-size:12px;margin-left:7px}.mb-switch{appearance:none;width:48px;height:26px;border-radius:20px;background:#e3e8ed;position:relative;cursor:pointer;display:block;margin:auto;padding:0}.mb-switch:before{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.mb-switch:checked{background:#0781ff}.mb-switch:checked:before{left:24px}.mb-text-send{display:flex;gap:6px}.mb-text-send input{width:100%;background:#f1f3f5}.mb-text-send button{background:#087fff;color:white}.mb-reading{display:block!important;font-size:24px!important;color:#176b84;text-align:center;padding:12px;background:#edf7fa;border-radius:8px;overflow-wrap:anywhere}.mb-widget-tools{margin-top:10px}.mb-widget-tools button{font-size:11px;padding:4px 6px}.mb-actions{margin-top:15px}.mb-actions select{width:100%}.mb-monitor{margin-top:15px;color:#527086}.mb-monitor summary{cursor:pointer}.mb-monitor pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;background:#f5f8fb;padding:8px}.mb-footnote,.mb-empty{color:#698092;font-size:11px;line-height:1.5}.mb-dpad{display:grid;grid-template-columns:repeat(3,48px);justify-content:center;gap:5px;margin:12px}.mb-dpad button{font-size:24px;background:#edf0f3;color:#087fff}.mb-dpad button:first-child{grid-column:2}.mb-dpad button:nth-child(2){grid-column:1}.mb-dialog{border:1px solid #bacdde;border-radius:12px;max-width:520px;padding:24px;color:#203448}.mb-dialog::backdrop{background:#18344766}.mb-dialog label{display:block;margin:14px 0}.mb-dialog label input,.mb-dialog label select{display:block;width:100%;margin-top:5px}.mb-dialog h2{font-size:19px;margin-top:0}.mb-dialog pre{white-space:pre-wrap;max-height:50vh;overflow:auto;font-size:12px}.mb-dialog button{margin:5px}.mb-error{color:#b52e31}.mb-body{min-height:220px}@media(max-width:760px){main.microblue-open{grid-template-columns:minmax(0,1fr)!important}.microblue-panel{position:fixed;right:44px;top:var(--mb-top,145px);bottom:0;width:min(350px,calc(100vw - 44px));z-index:29;box-shadow:-4px 0 20px #1234}}

main.microblue-open>#microblue-panel:not([hidden]){display:flex!important}


.mb-actions{margin:0 0 12px}.mb-drive-halves>.mb-command-list{max-height:32vh;overflow:auto}

.mb-builder-open{width:100%;margin-top:8px;background:#eaf5f8;color:#176b84;border-color:#b6d9e3}.mb-builder{width:min(660px,calc(100vw - 48px));max-width:660px;max-height:85vh;overflow:auto}.mb-builder p{font-size:13px;line-height:1.5}.mb-builder-tools{display:flex;flex-wrap:wrap;gap:5px}.mb-builder pre{background:#f3f7fa;padding:12px;border-radius:7px;white-space:pre;overflow:auto}.mb-builder .mb-primary{background:#087fff;color:white}

.microblue-panel{display:flex!important;flex-direction:column;gap:0}.microblue-panel[hidden]{display:none!important}.microblue-panel .mb-body{flex:1;min-height:220px}.microblue-panel .mb-tabs{position:sticky;bottom:-16px;order:20;flex-shrink:0;background:#fff;margin:12px -16px -16px;padding:7px 5px;border-top:1px solid #dbe5ee;border-bottom:0;z-index:3}.mb-tabs button{font-size:11px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:4px}.mb-tabs [aria-selected=true]{border-bottom:0;background:#e8f3ff;color:#087bf7}.mb-tabs button:before{content:'';height:18px;width:20px;border:1.5px solid currentColor;border-radius:4px}.mb-tabs [data-icon=drive]:before{border-radius:50%;width:18px}.mb-tabs [data-icon=console]:before{content:'>_';border:0;font:16px monospace}.mb-tabs [data-icon=more]:before{content:'...';border:0;font:bold 20px monospace}.mb-console-send{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:5px;margin:12px 0}.mb-console-send input{width:100%;min-width:0}.mb-body .mb-monitor pre{max-height:50vh;min-height:180px}.mb-connection{align-items:flex-start}.mb-connection span{line-height:1.4}.mb-connection-mode{margin:0 0 10px}.mb-body .mb-builder-open{margin-bottom:12px}

.mb-share-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto}.mb-share-dialog h2{padding-right:60px}.mb-share-close{position:absolute;right:16px;top:16px}.mb-share-qr{background:#fff;padding:12px;margin:16px auto;width:min(100%,340px);box-sizing:border-box}.mb-share-qr svg{display:block;width:100%;height:auto}.mb-share-dialog textarea{display:block;width:100%;box-sizing:border-box;font-size:12px;overflow-wrap:anywhere;margin:8px 0}.mb-share-dialog p{line-height:1.45}

/* A single scroll area above navigation, including on short/zoomed displays. */
.microblue-panel{padding:0;min-height:0;max-height:calc(100dvh - var(--mb-top,145px));overflow:hidden;box-sizing:border-box}
.mb-scroll{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;box-sizing:border-box}
.mb-scroll>select{width:100%;margin-bottom:12px}
.microblue-panel .mb-body{flex:none;min-height:0}
.mb-drive-halves>.mb-command-list{max-height:none;overflow:visible}
.microblue-panel .mb-tabs{position:static;flex:0 0 auto;order:0;margin:0;padding:7px 5px;z-index:auto}

.mb-tabs button:before{display:none!important}.mb-tabs button svg{width:24px;height:24px;flex:none;pointer-events:none}

.mb-stepper{display:flex;align-items:center;justify-content:center;gap:12px}.mb-stepper button{min-width:42px}.mb-swatches{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.mb-swatches button{width:28px;height:28px;border:2px solid #a7b7c4;border-radius:50%;padding:0}.mb-swatches [aria-pressed=true]{outline:3px solid #087fff;outline-offset:2px}.mb-bar{width:100%;height:24px;accent-color:#087fff}.mb-led{display:block;width:40px;height:40px;border-radius:50%;border:1px solid #9aafbf;margin:10px auto}.mb-led.on{box-shadow:0 0 12px #73c68c88}.mb-chart{display:block;width:100%;height:auto;margin-top:10px}.mb-dialog{max-height:90dvh;overflow:auto}.mb-widget-settings textarea{display:block;width:100%;min-height:100px;box-sizing:border-box}