body:has(.serial-tool){height:100dvh}.serial-tool{flex:1 1 0;gap:14px;min-height:0;padding:20px 28px}.serial-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.serial-heading h1{margin:0;font-size:22px;font-weight:650}.serial-heading p{color:var(--text-faint);margin:2px 0 0;font-size:12px}.serial-heading a{white-space:nowrap;font-size:12px}.serial-tool .note{flex-shrink:0;margin:0}.serial-connection{flex-shrink:0;padding:12px 16px}.serial-connection-main{align-items:center;gap:12px;display:flex}.serial-port-field{flex-direction:row;flex:1;align-items:center;min-width:120px}.serial-port-field label{white-space:nowrap}.serial-port-field select{max-width:360px;min-height:38px}.serial-settings-caption{color:var(--cyan);font:11px var(--sans);margin-left:10px}#serialSettingsOpen{font:12px var(--mono);white-space:nowrap;min-height:38px;padding:8px 12px}#serialSettingsOpen:disabled{opacity:1;color:var(--text-dim);border-color:var(--border-soft);background:0 0}#serialPort:disabled{opacity:1;color:var(--text-dim)}.serial-connection-main>button{min-height:38px;padding:8px 16px;font-size:12px}.serial-connection-foot{color:var(--text-faint);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.serial-counters{white-space:nowrap;font-family:var(--mono);align-items:center;gap:18px;display:flex}.serial-counters b{color:var(--text);font-weight:500}#serialRxBytes{color:var(--green-text)}#serialTxBytes{color:var(--purple)}#serialMessage:empty{display:none}#serialMessage{margin:6px 0 0;font-size:12px}.serial-workspace{flex:1;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:0;display:grid}.serial-controls{min-width:0;overflow-y:auto}.serial-controls .panel-h{z-index:1;background:var(--panel);letter-spacing:.5px;gap:7px;padding:9px 12px;position:sticky;top:0}.serial-controls .panel-h button{min-height:27px;font:10px var(--sans);letter-spacing:0;white-space:nowrap;padding:4px 7px}#serialCommandsQuick{margin-left:auto}#serialScheduleQuick[data-running=true]{color:var(--yellow-text);border-color:color-mix(in srgb, var(--yellow) 40%, transparent)}.serial-controls .panel-b{gap:10px;padding:12px 14px}.serial-modes{border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.serial-modes button{border-color:#0000;flex:1;min-height:32px;padding:5px 6px;font-size:12px}.serial-modes button[aria-pressed=true]{color:var(--cyan);background:var(--accent-dim);border-color:color-mix(in srgb, var(--cyan) 30%, transparent)}.serial-tool input,.serial-tool select{min-height:36px;padding:8px 10px;font-size:12px}.serial-tool textarea{min-height:64px;font-size:13px}.serial-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.serial-two>*{min-width:0}.serial-tool .field{gap:5px}.serial-tool label{font-size:11px}.serial-send-row{gap:8px;display:flex}.serial-send-row>button{min-height:38px;padding:8px 12px;font-size:12px}#serialSend{flex:1}.serial-at-state{background:var(--bg-1);border:1px solid var(--border-soft);color:var(--text-dim);overflow-wrap:anywhere;border-radius:7px;padding:8px 10px;font-size:12px}.serial-at-state[data-state=ok]{color:var(--green-text);border-color:color-mix(in srgb, var(--green) 30%, transparent)}.serial-at-state[data-state=error]{color:var(--red-text);border-color:color-mix(in srgb, var(--red) 30%, transparent)}.serial-at-blocked{border:1px solid color-mix(in srgb, var(--yellow) 35%, transparent);background:#ffd36b0d;border-radius:7px;padding:9px}.serial-at-blocked p{color:var(--yellow-text);margin:0 0 8px;font-size:11px}.serial-section{border-top:1px solid var(--border-soft);padding-top:10px}.serial-section>summary{cursor:pointer;color:var(--text-dim);font-size:12px}.serial-section>summary>span{float:right;color:var(--text-faint);padding-top:2px;font-size:10px}.serial-section-body{padding-top:12px}.serial-section-body button{padding-inline:12px;font-size:12px}.serial-log-panel{flex-direction:column;min-width:0;min-height:0;scroll-margin-top:72px;display:flex}.serial-log-title{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.serial-log-title h2{margin:0;font-size:13px;font-weight:600}#serialLogCount{font:10px var(--mono);color:var(--text-faint)}.serial-log-title .check{font-size:11px}.serial-log-title button,.serial-log-tools button,.serial-log-footer button{min-height:32px;padding:5px 10px;font-size:11px}.serial-log-tools{border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.serial-log-tools select{width:auto;max-width:125px}#serialSearch{flex:1;min-width:80px}.serial-log{background:var(--code-bg);overflow-anchor:none;flex:1;min-height:100px;padding:4px 0;overflow:auto}.serial-empty{text-align:center;min-height:100%;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;padding:28px 16px;display:flex}.serial-empty-icon{color:var(--cyan);font:32px var(--mono);border:1px solid var(--border);background:var(--panel);border-radius:16px;place-items:center;width:60px;height:60px;margin-bottom:16px;display:grid}.serial-empty strong{color:var(--text-dim);font-size:14px;font-weight:500}.serial-empty p{margin:8px 0 20px;font-size:12px;line-height:1.9}.serial-empty>div{font:10px var(--mono);gap:18px;display:flex}.serial-empty>div span:first-child{color:var(--purple)}.serial-empty>div span:nth-child(2){color:var(--green-text)}.serial-entry{color:var(--code-text);border-bottom:1px solid #ffffff0b}.serial-entry>summary{cursor:pointer;font:12px/1.7 var(--mono);grid-template-columns:88px 38px minmax(0,1fr) auto;align-items:start;gap:8px;padding:7px 14px;list-style:none;display:grid}.serial-entry>summary::-webkit-details-marker{display:none}.serial-entry>summary:hover{background:#ffffff09}.serial-entry[open]>summary{background:var(--panel)}.serial-entry .serial-ts{color:var(--code-ts)}.serial-kind{color:var(--yellow-text);font-size:10px;font-weight:650}.serial-entry[data-kind=rx] .serial-kind{color:var(--green-text)}.serial-entry[data-kind=tx] .serial-kind{color:var(--purple)}.serial-entry[data-kind=error] .serial-kind{color:var(--red-text)}.serial-entry[data-kind=urc] .serial-kind{color:var(--gold)}.serial-preview{overflow-wrap:anywhere;white-space:pre-wrap}.serial-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:10px;overflow:hidden}.serial-entry[data-error=true] .serial-meta{color:var(--red-text)}.serial-entry-body{background:var(--bg-1);padding:8px 14px 12px}.serial-entry-body p{font:11px/1.6 var(--mono);color:var(--text-dim);overflow-wrap:anywhere;margin:0 0 8px}.serial-entry-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 var(--mono);color:var(--code-text);margin:5px 0 10px}.serial-entry-body .serial-body-label{color:var(--text-faint);font:10px var(--sans)}.serial-entry-actions{gap:8px;display:flex}.serial-entry-actions button{min-height:26px;padding:4px 8px;font-size:10px}.serial-retention{color:var(--text-faint);border-top:1px solid var(--border-soft);flex-shrink:0;margin:0;padding:7px 12px;font-size:11px}.serial-retention[data-dropped=true]{color:var(--yellow-text)}.serial-log-footer{border-top:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.serial-log-footer select{flex:1;width:auto;min-width:80px}.serial-older{margin:8px auto;font-size:11px;display:block}.serial-settings-dialog{background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-2);border-radius:12px;padding:22px}.serial-settings-dialog::backdrop{background:#000000a6}.serial-dialog-head{justify-content:space-between;align-items:center;display:flex}.serial-dialog-head h2{margin:0;font-size:18px}.serial-settings-dialog .stack{gap:14px}.serial-mobile-jump{display:none}@media (width<=1050px){.serial-tool{padding:16px}.serial-workspace{grid-template-columns:280px minmax(0,1fr)}.serial-connection-main{gap:8px}.serial-port-field label{display:none}.serial-meta{max-width:100px}}@media (width<=760px){body:has(.serial-tool){height:auto;min-height:100dvh}.serial-tool{flex:1 0 auto;gap:12px;min-height:auto;padding:18px 12px;display:flex}.serial-heading h1{font-size:20px}.serial-heading p{font-size:11px}.serial-connection{padding:12px}.serial-connection-main{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.serial-port-field{grid-area:2/1/auto/-1}.serial-port-field select{max-width:none}#serialSettingsOpen{grid-area:1/2}.serial-connection-main>.status{justify-self:start}.serial-connection-main>#serialConnect,.serial-connection-main>#serialDisconnect{grid-area:3/1}.serial-connection-main>.serial-mobile-jump{grid-area:3/2;display:block}.serial-connection-foot{flex-wrap:wrap;gap:6px;font-size:10px}.serial-workspace{flex-direction:column;min-height:auto;display:flex}.serial-controls{overflow:visible}.serial-controls .panel-h{position:static}.serial-log-panel{height:70dvh;min-height:420px}.serial-log-tools{flex-wrap:wrap;gap:6px;padding:8px}.serial-log-tools #serialSearch{flex:1 0 100%;order:4}.serial-log-tools #serialLatest{margin-left:auto}.serial-log-tools select{max-width:none}.serial-log-title{gap:8px;padding:10px}.serial-entry>summary{grid-template-columns:78px 32px minmax(0,1fr);gap:5px;padding:7px 10px;font-size:10px}.serial-meta{white-space:normal;grid-column:3;max-width:none}.serial-log-footer{flex-wrap:wrap;gap:6px;padding:8px}.serial-log-footer select{flex:1 0 calc(100% - 60px);order:3}#serialExport{order:4}#serialClear{margin-left:auto}}.serial-encoding{align-items:center;gap:8px;display:flex}.serial-encoding label{flex:1}.serial-encoding select{width:90px}.serial-encoding button{white-space:nowrap;padding:5px 7px;font-size:11px}.serial-body-panel{border:1px solid var(--cyan);background:var(--accent-dim);border-radius:8px;padding:12px}.serial-body-panel strong{color:var(--cyan);font-size:13px}.serial-body-panel button{padding:8px;font-size:12px}.serial-recording{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.serial-recording button{min-height:30px;padding:5px 8px;font-size:11px}.serial-recording .hint{flex:1;min-width:100px;font-size:11px}#serialArchiveState[data-error=true],#serialRecordState[data-error=true]{color:var(--red-text)}#serialQueueState:empty,.serial-mobile-tabs{display:none}.serial-entry[data-kind=line] .serial-kind{color:var(--green-text)}.serial-entry[data-id=tail]{opacity:.85}.serial-entry[data-id=tail] .serial-preview:after{content:" ▍";color:var(--cyan)}.serial-control-keys{flex-wrap:wrap}#serialFile{max-width:100%}@media (width<=760px){.serial-mobile-tabs{z-index:10;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-1);border-radius:9px;gap:4px;padding:5px;display:flex;position:sticky;top:60px}.serial-mobile-tabs button{min-height:42px;color:var(--text-dim);background:0 0;border:0;border-radius:5px;flex:1;padding:10px}.serial-mobile-tabs button[aria-pressed=true]{color:var(--cyan);background:var(--accent-dim)}.serial-workspace{scroll-margin-top:120px}.serial-workspace[data-mobile=send] .serial-log-panel,.serial-workspace[data-mobile=log] .serial-controls{display:none}.serial-workspace .serial-log-panel{height:calc(100dvh - 140px);min-height:420px}.serial-entry>summary{grid-template-columns:84px 34px minmax(0,1fr);font-size:12px}.serial-entry-body pre{font-size:12px}.serial-log-title .spacer{display:none}.serial-log-title h2{flex:1}.serial-tool label{font-size:12px}.serial-controls .panel-b{gap:10px}.serial-recording{padding:8px}.serial-log-panel{scroll-margin-top:120px}body:has(.serial-tool) #fbFab{width:36px;height:36px;top:11px;bottom:auto;right:110px}}