.can-tabs{display:flex;gap:8px;margin:18px 0;padding:6px;border:1px solid #354549;border-radius:16px;background:#142023}
.can-tabs button{flex:1;background:transparent;border-color:transparent}
.can-tabs button[aria-selected=true]{background:#173f48;border-color:#61c7d9;color:#a8edfa}
.can-tabs[hidden],#update-panel[hidden],#can-panel[hidden],#can-loss[hidden],#can-empty[hidden]{display:none}
.can-controls label{display:block;margin-bottom:6px}.can-controls select{width:100%;max-width:240px;min-height:48px;padding:10px 14px;font:inherit;color:#edf2f2;background:#263337;border:1px solid #718087;border-radius:8px;cursor:pointer}
.can-controls select:focus-visible{outline:3px solid #8dcafb;outline-offset:3px}
.can-controls .actions{align-items:stretch;margin-top:12px}
.can-controls #can-status{min-height:1.5em}
.can-stats{display:flex;flex-wrap:wrap;gap:12px 26px;color:#b5c5c9;font-size:14px}
.can-stats strong{color:#a8edfa;font-variant-numeric:tabular-nums;margin-left:6px}
.can-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}
.can-workspace>.card{margin:0;min-width:0}
.can-scroll{height:clamp(240px,50vh,580px);overflow:auto;background:#101719;border-radius:12px;padding:8px;border:1px solid #354549}
.can-frame{display:flex;align-items:center;gap:14px;min-width:460px;padding:3px 5px;font:13px/1.5 ui-monospace,Consolas,monospace;border-bottom:1px solid #ffffff06;font-variant-numeric:tabular-nums}
.can-frame strong{color:#ffcd66}.can-time{color:#90a9b0}.can-data{display:flex;gap:4px}.can-data span{display:inline-block;min-width:2ch;padding:0 3px;border-radius:3px}
.can-changed{background:#245675;color:#d8f3ff}
#can-ids{display:flex;flex-wrap:wrap;gap:6px;max-height:60vh;overflow:auto;align-content:flex-start;padding:2px}
.updater #can-ids button{min-height:40px;font:13px ui-monospace,Consolas,monospace;padding:8px 10px}
#can-ids button[aria-pressed=true]{border-color:#61c7d9;color:#a8edfa;background:#173f48}
@media(max-width:800px){.can-workspace{grid-template-columns:minmax(0,1fr)}.can-index{order:-1}#can-ids{max-height:180px}.can-frame{font-size:12px;gap:8px;min-width:405px}}