.can-tool{gap:var(--web-host-layout-gap);min-width:0;margin-top:var(--web-host-layout-gap);grid-template-columns:minmax(255px,.72fr) minmax(0,2.25fr);display:grid}.can-monitor__toolbar{flex-wrap:nowrap;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:4.15rem;padding:.8rem 1rem;display:grid}.can-title{color:var(--text-main);font-size:var(--type-scale-body);margin:0;line-height:1.3}.can-title small{line-height:1.4}.can-state[data-state=ready]{color:color-mix(in srgb, var(--accent) 62%, var(--text-main))}.can-state[data-state=ready] i{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.can-dd .serial-dd-trigger{width:100%}#can-bitrate-dd .serial-dd-menu{max-height:none;overflow-y:visible}.can-dd .serial-dd-item:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.42}.can-dd .serial-dd-item:disabled:hover{color:var(--text-muted);background:0 0}#can-cycle-count,#can-cycle-interval,#can-dlc{-moz-appearance:textfield;appearance:textfield}#can-cycle-count::-webkit-inner-spin-button,#can-cycle-count::-webkit-outer-spin-button,#can-cycle-interval::-webkit-inner-spin-button,#can-cycle-interval::-webkit-outer-spin-button,#can-dlc::-webkit-inner-spin-button,#can-dlc::-webkit-outer-spin-button{appearance:none;margin:0}.can-option-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.can-check-row{min-width:0;height:var(--web-host-control-height);background:var(--accent-soft);color:var(--text-main);cursor:pointer;border-radius:.58rem;align-items:center;gap:.42rem;padding:0 .55rem;display:flex}.can-check-row input,.can-frame-type-item input{accent-color:var(--text-main);flex:none;margin:0}.can-check-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.66rem;overflow:hidden}.can-check-row:has(input:disabled){cursor:not-allowed;opacity:.5}.can-device-state,.can-stats{gap:.35rem;display:grid}.can-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.58rem}.can-stats div{background:var(--accent-soft);border-radius:.58rem;flex-direction:column;gap:.04rem;padding:.46rem .48rem;display:flex}.can-stats strong{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.88rem;line-height:1.2}.can-stats span{color:var(--text-muted);font-size:.58rem}.can-device-state{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));margin-top:.4rem}.can-device-counters div,.can-device-state__status{background:var(--accent-soft);border-radius:.58rem;justify-content:center;align-items:center;min-width:0;display:flex}.can-device-counters div{flex-direction:column;gap:.05rem;padding:.35rem .22rem}.can-device-state__status{padding:.46rem .4rem}.can-device-state__status strong{min-width:0;color:var(--text-main);white-space:nowrap;align-items:center;gap:.3rem;font-size:.66rem;display:inline-flex}.can-device-state__status strong i{background:#9ca3af;border-radius:50%;flex:none;width:.38rem;height:.38rem}.can-device-state__status strong b{text-overflow:ellipsis;min-width:0;overflow:hidden}.can-device-state__status strong[data-state=none]{color:#166534}.can-device-state__status strong[data-state=none] i{background:#22c55e}.can-device-state__status strong[data-state=active]{color:#a16207}.can-bus-load-meter[data-level=medium] i,.can-device-state__status strong[data-state=active] i{background:#eab308}.can-device-state__status strong[data-state=busoff],.can-device-state__status strong[data-state=passive]{color:#b91c1c}.can-bus-load-meter[data-level=high] i,.can-device-state__status strong[data-state=busoff] i,.can-device-state__status strong[data-state=passive] i{background:#ef4444}.can-device-counters{display:contents}.can-device-counters span{color:var(--text-muted);letter-spacing:.04em;font-size:.52rem}.can-device-counters strong{text-overflow:ellipsis;max-width:100%;font:600 .72rem/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.can-bus-load-card{padding-block:.85rem}.can-bus-load-value,.can-device-counters strong{color:var(--text-main);font-variant-numeric:tabular-nums}.can-bus-load-value{font:600 1rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.can-bus-load-meter{--can-bus-load:0%;background:var(--accent-soft);border-radius:999px;height:.42rem;margin-top:.72rem;overflow:hidden}.can-bus-load-meter i{width:var(--can-bus-load);border-radius:inherit;background:#22c55e;height:100%;transition:width .18s,background-color .18s;display:block}.can-bus-load-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.42rem;font-size:.58rem;display:flex}.can-monitor{flex-direction:column;min-height:36rem;display:flex;overflow:hidden}.can-filter-group{flex-wrap:nowrap;flex:18rem;justify-content:flex-end;gap:.4rem;min-width:0;display:flex}.can-toolbar-actions{white-space:nowrap;flex:none}.can-direction-dd,.can-frame-type-dd{--can-filter-width:max-content;width:var(--can-filter-width);flex:none;min-width:0}.can-direction-dd .serial-dd-trigger,.can-frame-type-dd .serial-dd-trigger{width:100%;min-width:0}.can-frame-type-menu{min-width:max-content;padding:.4rem}.can-search{flex:12rem;align-items:center;gap:.38rem;width:min(14rem,100%);min-width:8rem;display:flex;position:relative}.can-frame-type-item span{white-space:nowrap}.can-search--id{flex:0 8rem;width:8rem;min-width:7rem}.can-search--data{flex:16rem;width:min(18rem,100%);min-width:12rem}.can-search svg{fill:none;width:.9rem;stroke:var(--text-muted);stroke-width:1.7px;stroke-linecap:round;flex:none}.can-search input{background:0 0;border:0;outline:0;flex:auto;width:0;min-width:0;padding-right:1.4rem}.can-search input::-webkit-search-cancel-button{appearance:none}.can-search .serial-assistant-input-clear{right:.35rem}.can-frame-options input{accent-color:var(--text-main)}.can-table-wrap{flex-direction:column;flex:1 1 0;min-height:18rem;display:flex;position:relative;overflow:hidden}.can-table{grid-template-columns:6.2rem 3.5rem 6.6rem 5.5rem 2.6rem minmax(9rem,1fr);align-items:center;gap:.5rem;display:grid}.can-table--header{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--type-scale-label);letter-spacing:.04em;flex:none;padding:.55rem 1rem}.can-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 42%, transparent) transparent;flex:1 1 0;min-height:0;padding:.35rem 1rem .75rem;overflow:auto}.can-row{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 65%, transparent);height:1.82rem;min-height:1.82rem;color:var(--text-main);box-sizing:border-box;padding:.25rem 0;font:.7rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.can-row time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.64rem}.can-direction{text-align:center;border-radius:.32rem;justify-self:start;min-width:2.25rem;padding:.07rem .3rem;font:600 .59rem/1.45 ui-sans-serif,system-ui,sans-serif}.can-row[data-error=true] .can-direction{color:#991b1b;background:#fee2e2}.can-frame-kind{color:var(--text-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:var(--type-scale-label)}.can-frame-data{overflow-wrap:anywhere;letter-spacing:.03em;min-width:0}.can-row[data-error=true]>span:not(.can-direction):not(.can-error-counters){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.can-error-parsed{color:#b91c1c;grid-column:3/-1;align-items:center;gap:.42rem;min-width:0;font:.68rem/1.4 ui-sans-serif,system-ui,sans-serif;display:flex}.can-error-group{background:var(--accent-soft);border-radius:.42rem;flex:0 auto;align-items:baseline;gap:.24rem;min-width:0;padding:.1rem .42rem;display:inline-flex}.can-error-category{color:var(--text-main);flex:none;font:600 .61rem/1.45 ui-sans-serif,system-ui,sans-serif}.can-error-hierarchy{color:var(--text-muted);flex:none;font-size:.7rem}.can-error-subdetail{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.can-error-separator{color:var(--text-muted);opacity:.72;flex:none}.can-error-counters{white-space:nowrap;flex:none;align-items:center;gap:.3rem;min-width:max-content;display:flex;overflow:visible}.can-error-counter{width:3.4rem;min-width:3.4rem;color:var(--text-main);background:var(--accent-soft);text-align:center;vertical-align:baseline;border-radius:.32rem;padding:.07rem .3rem;font:600 .59rem/1.45 ui-sans-serif,system-ui,sans-serif;display:inline-block}.can-empty{pointer-events:none;padding:1rem;position:absolute;inset:2.1rem 0 0}.can-empty svg{width:2.6rem}.can-composer{padding:.85rem 1rem .9rem}.can-compose-fields{grid-template-columns:minmax(6.5rem,.65fr) minmax(12rem,2fr) minmax(4.5rem,.4fr);gap:.55rem;display:grid}.can-compose-actions,.can-frame-options{align-items:center;gap:.75rem;display:flex}.can-compose-actions{justify-content:space-between;margin-top:.65rem}.can-frame-options{flex-wrap:wrap;flex:auto;min-width:0}.can-frame-options label,.can-send-status{color:var(--text-muted);font-size:var(--type-scale-label)}.can-frame-options label{align-items:center;gap:.28rem;display:inline-flex}.can-send-status{overflow-wrap:anywhere;flex:14rem;min-width:10rem;min-height:1.2em;margin:0 0 0 .15rem;line-height:1.45}.can-send-status:empty{display:none}.can-send-status[data-error=true]{color:#dc2626}@media (prefers-color-scheme:dark){.can-row[data-error=true] .can-direction{color:#fca5a5;background:#ef444429}.can-error-parsed{color:#fca5a5}.can-device-state__status strong[data-state=none]{color:#86efac}.can-device-state__status strong[data-state=active]{color:#fde68a}.can-device-state__status strong[data-state=busoff],.can-device-state__status strong[data-state=passive]{color:#fca5a5}}@media (width<=980px){.can-tool{grid-template-columns:minmax(0,1fr)}.can-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.can-monitor{min-height:42rem}}@media (width<=700px){.can-sidebar{grid-template-columns:minmax(0,1fr)}.can-monitor__toolbar{flex-wrap:wrap}.can-filter-group{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:stretch}.can-search{flex:100%;width:100%;min-width:0}.can-direction-dd,.can-frame-type-dd{flex:1 1 0;width:auto}.can-direction-dd .serial-dd-trigger,.can-frame-type-dd .serial-dd-trigger{width:100%}.can-toolbar-actions{grid-area:1/2;margin-left:auto}.can-table{grid-template-columns:5.8rem 3rem 5.6rem 3rem minmax(8rem,1fr)}.can-row>:nth-child(4),.can-table>:nth-child(4){display:none}.can-table-wrap{overflow-x:auto}.can-log,.can-table--header{min-width:32rem}.can-compose-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.can-data-field{grid-area:2/1/auto/-1}.can-dlc-field{grid-area:1/2}.can-compose-actions{flex-direction:column;align-items:stretch}.can-send-control,.can-send-control .serial-assistant-send-split{width:100%}.can-send-control .serial-assistant-send-main{flex:auto}}