:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.serial-debug-view{padding:0;width:100%;height:100vh;box-sizing:border-box;overflow:hidden}.content-wrapper{padding:8px;width:100%;margin:0 auto;box-sizing:border-box;min-height:calc(100vh - 16px)}.title-card{border-radius:6px;box-shadow:0 2px 12px #0000001a;border:1px solid #EBEEF5;background:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;flex-wrap:wrap;gap:16px}.header-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.header-buttons>.el-dropdown,.header-buttons>.el-button{display:flex;align-items:center;height:32px;margin:0!important}.header-buttons .el-button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 15px;border-radius:4px;margin:0!important;box-sizing:border-box}.header-buttons .el-dropdown .el-button{margin:0!important}.header-buttons .el-button .el-icon{margin-left:6px;display:flex;align-items:center;font-size:12px}.left-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.title-text{font-size:16px;font-weight:600;color:#303133;white-space:nowrap}.connection-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.baudrate-form-item{margin-bottom:0!important}.baudrate-form-item .el-form-item__label{font-size:12px;color:#606266;margin-bottom:0}.error-display-inline{padding:4px 8px;background-color:#fef0f0;border-radius:4px;border-left:3px solid #f56c6c;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.error-display-inline .error-content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.error-display-inline .error-content .el-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.error-display-inline .el-button{flex-shrink:0;opacity:.7;transition:opacity .2s ease;margin-top:2px}.error-display-inline .el-button:hover{opacity:1;background-color:#f56c6c1a}.card{border:1px solid #ebeef5;border-radius:6px;padding:16px;background-color:#fff;margin-bottom:16px;box-sizing:border-box}.panel-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#303133}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #e4e7ed;padding-bottom:8px;flex-wrap:wrap;gap:8px}.send-panel .panel-header,.receive-panel .panel-header{border-bottom:1px solid #e4e7ed;margin-bottom:6px;padding-bottom:10px}.compact-form .el-form-item{margin-bottom:12px}.format-controls-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.escape-section{display:flex;align-items:center;gap:8px;padding:4px 8px;background-color:#f5f7fa;border-radius:4px;border:1px solid #e4e7ed}.escape-inline{display:flex;align-items:center;gap:8px}.escape-title{font-size:12px;color:#606266;font-weight:500;white-space:nowrap}.packet-config-title-container{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #e4e7ed}.packet-config-title{font-size:13px;font-weight:600;color:#303133;margin:0}.packet-config-help{color:#909399;cursor:help;font-size:14px;transition:color .2s ease}.packet-config-help:hover{color:#409eff}.send-panel .data-stats .bytes-detail{color:#67c23a;font-weight:500}.loop-options{margin-top:8px;padding:12px;border:1px solid #eee;border-radius:4px;background-color:#fafafa}.receive-data-area{height:280px;max-height:280px;overflow:auto;border:1px solid #dcdfe6;padding:8px;font-family:Courier New,Courier,monospace;font-size:12px;background-color:#fafafa;white-space:nowrap;word-break:keep-all;border-radius:4px;box-sizing:border-box}.receive-data-area::-webkit-scrollbar{width:8px!important;height:8px!important}.receive-data-area::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important;box-shadow:inset 0 0 2px #0000001a!important}.receive-data-area::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important;transition:background-color .3s ease!important}.receive-data-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.receive-data-area::-webkit-scrollbar-corner{background:#f1f1f1!important}.receive-data-area{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.log-message{margin-bottom:4px;line-height:1.4;word-wrap:break-word}.log-message.tx{color:#409eff}.log-message.rx{color:#67c23a}.timestamp{color:#909399;margin-right:6px;font-size:11px}.direction{font-weight:700;margin-right:6px;min-width:30px;display:inline-block}.data-payload{display:inline;word-break:break-all}.error-text{color:#f56c6c;margin-left:6px;font-style:italic}.controls-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.sequence-send-controls,.timed-send-controls{background-color:#f9f9f9;padding:12px;border-radius:6px;border:1px solid #ebeef5;min-height:120px}.sequence-send-controls h4,.timed-send-controls h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#303133}.command-list{border:1px solid #dcdfe6;border-radius:4px;max-height:320px;overflow-y:auto}.command-compact-grid{border:1px solid #dcdfe6;border-radius:4px;max-height:320px;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;background:#fafafa}.command-compact-btn{width:120px;height:36px;font-size:12px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.command-compact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #409eff4d;background:#66b1ff}.command-compact-btn:active{transform:translateY(0);box-shadow:0 2px 6px #409eff33}.command-list::-webkit-scrollbar{width:8px!important}.command-list::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important;box-shadow:inset 0 0 2px #0000001a!important}.command-list::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important;transition:background-color .3s ease!important}.command-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.command-list{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.command-item{padding:12px 16px;border-bottom:1px solid #ebeef5;display:grid!important;grid-template-columns:auto minmax(120px,1fr) minmax(150px,2fr) minmax(80px,.8fr) auto!important;align-items:center;gap:12px;transition:background-color .2s}.command-item:hover{background-color:#f5f7fa}.command-item:last-child{border-bottom:none}.command-select{display:flex;justify-content:center;align-items:center}.command-name{font-weight:600;font-size:13px;color:#409eff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.command-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#67c23a;font-size:12px;font-family:Courier New,monospace;min-width:0}.command-format{display:flex;align-items:center;gap:6px;font-size:11px;color:#909399;white-space:nowrap}.format-text{text-transform:uppercase;background-color:#f5f7fa;padding:2px 6px;border-radius:3px;font-weight:500}.command-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.checksum-badge{font-size:10px;font-weight:500;background-color:#f0f9eb;color:#67c23a;padding:2px 6px;border-radius:3px;border:1px solid #c2e7b0;display:inline-flex;align-items:center;white-space:nowrap}.checksum-badge-small{font-size:9px;font-weight:500;background-color:#f0f9eb;color:#67c23a;padding:1px 4px;border-radius:3px;margin-left:6px;white-space:nowrap;display:inline-flex;align-items:center;border:1px solid #c2e7b0}.checksum-icon{margin-right:3px;font-size:10px}.checksum-icon-small{margin-right:2px;font-size:8px}.sequence-selection-list{margin-bottom:12px}.sequence-list-header{font-weight:600;margin-bottom:8px;font-size:12px}.sequence-list-content{display:flex;flex-wrap:wrap;gap:6px}.sequence-item{padding:4px 8px;background-color:#f0f7ff;border-radius:4px;border-left:3px solid #409EFF;font-size:12px}.sequence-empty-tip{font-size:12px;color:#909399;text-align:center;margin:12px 0}.timed-command-container{display:flex;flex-direction:column;gap:8px}.timed-command-info{background-color:#eef5fe;padding:8px;border-radius:4px;border-left:3px solid #409EFF}.timed-command-name{margin:0;font-size:12px;color:#409eff;font-weight:600;word-break:break-word}.timed-command-controls{display:flex;flex-direction:column;gap:8px}.timed-command-placeholder{font-size:12px;text-align:center;color:#909399;margin:16px 0}.filter-config{background-color:#f8f9fa;padding:12px;border-radius:4px;margin-bottom:8px;border-left:2px solid #409EFF}.filter-input-group{display:flex;gap:8px;align-items:center}.filter-input-group .el-input{flex:1;min-width:0}.filter-status{display:flex;align-items:center;margin-left:8px}.filter-count{margin-left:8px;font-size:12px;color:#606266}.button-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.messages-count{font-size:12px;color:#606266;padding:4px 8px;background-color:#f5f7fa;border-radius:3px;white-space:nowrap}.count-number{font-weight:600;color:#409eff}.data-stats{display:flex;align-items:center;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e4e7ed;white-space:nowrap}.stat-item{font-weight:600;font-size:12px}.rx-stat{color:#67c23a}.tx-stat{color:#409eff}.no-data-placeholder{text-align:center;padding:24px;color:#909399;font-style:italic}.module-info{margin-bottom:16px}.connection-card{background-color:#f8f9fa;border:1px solid #e4e7ed}.error-display{padding:8px 12px;background-color:#fef0f0;border-radius:4px;border-left:3px solid #f56c6c}.packet-config-section{margin:16px 0 8px}.packet-config-form{margin-top:8px}.status-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.send-panel,.receive-panel{min-height:500px;display:flex;flex-direction:column;height:100%}.main-content{margin-bottom:0}@media screen and (max-width: 1200px){.content-wrapper{padding:6px}.card{padding:12px}.receive-data-area{height:240px;max-height:240px}.command-list{max-height:280px}.receive-data-area::-webkit-scrollbar,.command-list::-webkit-scrollbar,.command-compact-grid::-webkit-scrollbar{width:6px;height:6px}.main-scrollbar .el-scrollbar__bar.is-vertical{width:6px}.main-scrollbar .el-scrollbar__bar.is-horizontal{height:6px}.main-scrollbar .el-scrollbar__track.is-vertical{width:10px}.main-scrollbar .el-scrollbar__track.is-horizontal{height:10px}}@media screen and (max-width: 992px){.controls-container{grid-template-columns:1fr;gap:12px}.command-item{grid-template-columns:auto minmax(100px,1fr) minmax(120px,2fr) minmax(60px,.8fr) auto;gap:8px;padding:10px 12px}.command-format,.command-actions{justify-content:flex-start}.main-content .el-col{margin-bottom:12px}.send-panel,.receive-panel{min-height:auto}.command-compact-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;padding:10px}.command-compact-btn{width:100px;height:32px;font-size:11px}}@media screen and (max-width: 768px){.controls-container{grid-template-columns:1fr;gap:12px}.command-item{grid-template-columns:auto minmax(100px,1fr) minmax(120px,2fr) minmax(60px,.8fr) auto;gap:8px;padding:10px 12px}.command-format,.command-actions{justify-content:flex-start}.main-content .el-col{margin-bottom:12px}.send-panel,.receive-panel{min-height:auto}.main-scrollbar .el-scrollbar__bar.is-vertical{width:5px}.main-scrollbar .el-scrollbar__bar.is-horizontal{height:5px}.main-scrollbar .el-scrollbar__track.is-vertical{width:8px}.main-scrollbar .el-scrollbar__track.is-horizontal{height:8px}.command-compact-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;padding:8px}.command-compact-btn{width:90px;height:30px;font-size:10px}}@media screen and (max-width: 640px){.content-wrapper{padding:4px}.card{padding:8px;margin-bottom:8px}.card-header{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0}.header-buttons{width:100%;justify-content:flex-start;gap:8px;margin-left:0}.header-buttons>.el-dropdown,.header-buttons>.el-button{margin:0!important}.header-buttons .el-button{font-size:12px;padding:0 12px;height:28px;margin:0!important}.header-buttons .el-dropdown .el-button{margin:0!important}.left-section{width:100%;justify-content:space-between}.connection-controls{width:100%;justify-content:flex-start;gap:8px}.baudrate-form-item .el-select{width:100px!important}.error-display-inline{max-width:100%;width:100%}.status-tags{align-self:stretch}.panel-header{flex-direction:column;align-items:flex-start;gap:8px}.data-stats{align-self:stretch;justify-content:center}.receive-data-area{height:200px;max-height:200px;font-size:11px}.command-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.command-name,.command-content{width:100%;white-space:normal;overflow:visible;text-overflow:initial}.command-format{width:100%}.command-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.button-group{flex-direction:column;align-items:stretch;gap:8px}.filter-input-group{flex-direction:column;gap:8px}.filter-input-group .el-input{width:100%}.send-panel,.receive-panel{min-height:auto}.main-content .el-col{margin-bottom:16px}.packet-config-form .el-row .el-col{margin-bottom:8px}.command-compact-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;padding:6px;max-height:280px}.command-compact-btn{width:80px;height:28px;font-size:9px;padding:0 4px}}@media screen and (max-width: 576px){.content-wrapper{padding:2px}.card{padding:6px;border-radius:4px}.card-header{gap:8px}.left-section{flex-direction:column;align-items:flex-start;gap:8px}.connection-controls{flex-direction:column;align-items:flex-start;gap:6px}.title-text{font-size:14px}.baudrate-form-item .el-select{width:80px!important}.receive-data-area{height:180px;max-height:180px;padding:6px;font-size:10px}.timestamp{font-size:10px}.direction{font-size:11px}.command-actions .el-button{font-size:12px;padding:4px 8px}.sequence-send-controls,.timed-send-controls{padding:8px;min-height:auto}.loop-options{padding:8px}.main-content .el-col{margin-bottom:12px}.panel-title{font-size:13px}.compact-form .el-form-item{margin-bottom:8px}.filter-config{padding:8px}.receive-data-area::-webkit-scrollbar,.command-list::-webkit-scrollbar,.command-compact-grid::-webkit-scrollbar{width:4px;height:4px}.command-list{max-height:200px}.main-scrollbar .el-scrollbar__bar.is-vertical{width:4px}.main-scrollbar .el-scrollbar__bar.is-horizontal{height:4px}.main-scrollbar .el-scrollbar__track.is-vertical{width:6px}.main-scrollbar .el-scrollbar__track.is-horizontal{height:6px}.command-compact-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px;padding:4px;max-height:200px}.command-compact-btn{width:70px;height:24px;font-size:8px;padding:0 2px}.command-compact-btn:hover{transform:translateY(-1px)}}.main-scrollbar{height:100vh;width:100%}.main-scrollbar .el-scrollbar__bar{opacity:.6!important;transition:opacity .3s ease!important;z-index:1!important}.main-scrollbar .el-scrollbar__bar:hover{opacity:1!important}.main-scrollbar .el-scrollbar__bar.is-vertical{right:2px!important;width:8px!important}.main-scrollbar .el-scrollbar__bar.is-horizontal{bottom:2px!important;height:8px!important}.main-scrollbar .el-scrollbar__thumb{background:linear-gradient(180deg,#d0d0d0,#c1c1c1,#b8b8b8)!important;border-radius:6px!important;transition:all .3s ease!important;box-shadow:0 1px 3px #0000001a!important}.main-scrollbar .el-scrollbar__thumb:hover{background:linear-gradient(180deg,#b8b8b8,#a8a8a8,#999)!important;box-shadow:0 2px 6px #00000026!important}.main-scrollbar .el-scrollbar__track{background-color:#f8f8f8!important;border-radius:6px!important;border:1px solid #ebebeb!important}.main-scrollbar .el-scrollbar__track.is-vertical{width:12px!important}.main-scrollbar .el-scrollbar__track.is-horizontal{height:12px!important}.main-scrollbar .el-scrollbar__view{height:auto;min-height:100vh}.smart-hex-input.hex-formatted :deep(.el-textarea__inner::placeholder){background:linear-gradient(45deg,#a0a8bd,#c8d0e7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}.smart-hex-input.hex-formatted :deep(.el-textarea__inner:focus){transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.smart-hex-input.hex-formatted :deep(.el-textarea__inner){font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.smart-hex-input-container .validation-message{animation:fadeInUp .2s ease-out;backdrop-filter:blur(1px)}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}.smart-hex-input.hex-formatted :deep(.el-textarea__inner){word-spacing:.2em}.smart-hex-input.hex-formatted :deep(.el-textarea__inner){--hex-digit-color: #2c5aa0;--hex-alpha-color: #5a7fc7;color:var(--hex-digit-color)}@media (prefers-color-scheme: dark){.smart-hex-input.hex-formatted :deep(.el-textarea__inner){background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-color:#4a4a6a;color:#7dd3fc;--hex-digit-color: #7dd3fc;--hex-alpha-color: #93c5fd}.smart-hex-input.hex-formatted :deep(.el-textarea__inner:focus){border-color:#60a5fa;box-shadow:0 0 12px #60a5fa4d}.smart-hex-input-container .validation-message{background-color:#422006;border-left-color:#f59e0b;color:#fbbf24}}@media (prefers-contrast: high){.smart-hex-input.hex-formatted :deep(.el-textarea__inner){border-width:3px;font-weight:600}}@media (prefers-reduced-motion: reduce){.smart-hex-input.hex-formatted :deep(.el-textarea__inner),.smart-hex-input.hex-formatted :deep(.el-input__inner){transition:none}.smart-hex-input-container .validation-message{animation:none}}@media screen and (max-width: 480px){.smart-hex-input.hex-formatted :deep(.el-textarea__inner){font-size:11px;letter-spacing:.1px;word-spacing:.1em;line-height:1.4}.smart-hex-input-container .validation-message{font-size:10px;padding:1px 6px}}@media (pointer: coarse){.smart-hex-input.hex-formatted :deep(.el-textarea__inner){font-size:14px;line-height:1.5;padding:10px 12px}}.advanced-options-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.advanced-btn{border-color:#409eff!important;color:#409eff!important;background:#ecf5ff!important;min-width:88px;height:28px;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-shrink:0}.advanced-btn:hover{background:#409eff!important;border-color:#409eff!important;color:#fff!important}.advanced-btn:disabled{background:#f5f7fa!important;border-color:#e4e7ed!important;color:#c0c4cc!important}.advanced-status-inline{display:flex;align-items:center;gap:6px;background-color:#f0f9eb;padding:0 10px;height:28px;border-radius:4px;border-left:3px solid #67c23a;min-width:0;flex-shrink:1;white-space:nowrap;box-sizing:border-box}.status-main{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#529b2e;white-space:nowrap}.status-icon{font-size:12px;color:#67c23a;flex-shrink:0}.status-text{font-weight:500;font-size:11px;color:#529b2e;white-space:nowrap}.status-range{font-size:10px;color:#909399;font-family:Courier New,monospace;white-space:nowrap;flex-shrink:0}.advanced-status{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:120px}.advanced-status .el-tag{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;height:auto;line-height:1.2;white-space:nowrap}.advanced-status .el-tag .el-icon{font-size:12px}.loop-options .advanced-status-inline{background-color:#e1f3d8;padding:4px 8px;border-radius:3px;border-left:3px solid #67c23a;font-size:11px;color:#529b2e;margin-top:4px}.loop-options .el-button--primary.is-plain{border-color:#409eff;color:#409eff;background:#ecf5ff;min-width:88px;display:flex;align-items:center;justify-content:center;gap:4px}.loop-options .el-button--primary.is-plain:hover{background:#409eff;border-color:#409eff;color:#fff}.loop-options .el-button--primary.is-plain:disabled{background:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc}.loop-options+div{background-color:#f0f9ff;padding:6px 12px;border-radius:4px;border-left:3px solid #409eff}@media screen and (max-width: 768px){.advanced-options-row{flex-direction:column;align-items:stretch;gap:8px}.advanced-status-inline{justify-content:flex-start;flex-wrap:wrap;gap:4px}.status-main{justify-content:flex-start}.advanced-btn{width:100%!important;min-width:auto!important}.advanced-status{align-items:flex-start;text-align:left;min-width:auto}.loop-options .el-form-item:last-child>div{flex-direction:column;align-items:flex-start;gap:8px}.advanced-status{width:100%}.loop-options .el-button--primary.is-plain{width:100%;min-width:auto}}@media screen and (max-width: 576px){.advanced-status .el-tag{font-size:10px}.loop-options+div{padding:4px 8px}.status-text{font-size:10px}.status-range{font-size:9px}.status-icon{font-size:10px}}.main-checksum-preview-container{background-color:#fafcff;border:1px solid #e1e8ff;border-radius:4px;padding:8px 10px;font-family:Courier New,monospace;font-size:11px;width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.main-preview-item{display:flex;align-items:center;gap:4px;flex-shrink:0}.main-preview-label{font-weight:500;color:#606266;font-size:10px;white-space:nowrap}.main-preview-value{font-family:Courier New,monospace;padding:1px 4px;border-radius:2px;font-weight:500;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.main-preview-value.original{background-color:#f0f9eb;color:#67c23a}.main-preview-value.checksum{background-color:#e6f7ff;color:#1890ff}.main-preview-value.final{background-color:#fdf6ec;color:#e6a23c}.main-preview-value:hover{cursor:help}@media screen and (max-width: 768px){.main-checksum-preview-container{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 8px}.main-preview-item{width:100%;justify-content:space-between}.main-preview-value{max-width:calc(100% - 50px)}}@media screen and (max-width: 576px){.main-checksum-preview-container{padding:4px 6px;font-size:10px}.main-preview-label{font-size:9px}.main-preview-value{font-size:9px;padding:1px 3px;max-width:calc(100% - 40px)}}.send-bytes-stats{text-align:right;color:#606266;font-size:14px;margin:-8px 0 0;padding-right:3px}.send-bytes-stats .count-number{font-weight:600;color:#409eff}.send-bytes-stats .bytes-detail{color:#67c23a;margin-left:4px;font-size:.9em}.send-panel{position:relative}.command-compact-grid::-webkit-scrollbar{width:8px!important;height:8px!important}.command-compact-grid::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important;box-shadow:inset 0 0 2px #0000001a!important}.command-compact-grid::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important;transition:background-color .3s ease!important}.command-compact-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.command-compact-grid::-webkit-scrollbar-corner{background:#f1f1f1!important}.command-compact-grid{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}#app{margin:0;padding:0;font-weight:400;width:100%;height:100vh;overflow:hidden}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}main{flex:1;width:100%;overflow-x:hidden}@media (max-width: 768px){#app{min-height:100vh}main{padding:0}}#app[data-v-990502d7]{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}.checksum-options-container[data-v-39eaa76a]{background-color:#f8f9fa;padding:0 15px 15px;border-radius:4px;margin-top:10px}[data-v-39eaa76a] .el-divider__text{font-size:13px;color:#606266;background-color:#f8f9fa}[data-v-39eaa76a] .el-divider--horizontal{margin:15px 0}.checksum-form-item[data-v-39eaa76a]{margin-bottom:15px!important}.checkbox-container[data-v-39eaa76a]{display:flex;align-items:center;gap:10px}.switch-label[data-v-39eaa76a]{font-size:12px;color:#606266}.checksum-preview-container[data-v-39eaa76a]{background-color:#fafcff;border:1px solid #e1e8ff;border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;width:100%}.preview-item[data-v-39eaa76a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:2px 0}.preview-item[data-v-39eaa76a]:last-child{margin-bottom:0}.preview-label[data-v-39eaa76a]{font-weight:500;color:#606266;min-width:70px;font-size:11px}.preview-value[data-v-39eaa76a]{font-family:Courier New,monospace;padding:2px 6px;border-radius:3px;font-weight:500;font-size:11px;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-value.original[data-v-39eaa76a]{background-color:#f0f9eb;color:#67c23a}.preview-value.checksum[data-v-39eaa76a]{background-color:#e6f7ff;color:#1890ff}.preview-value.final[data-v-39eaa76a]{background-color:#fdf6ec;color:#e6a23c}.preview-value[data-v-39eaa76a]:hover{cursor:help}.virtual-scroll-container{position:relative;height:380px;overflow:auto!important;border:1px solid #dcdfe6;background-color:#fafafa;font-family:Courier New,Courier,monospace;font-size:12px;border-radius:4px}.virtual-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.virtual-scroll-container::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important;box-shadow:inset 0 0 2px #0000001a!important}.virtual-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important;transition:background-color .3s ease!important}.virtual-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.virtual-scroll-container::-webkit-scrollbar-corner{background:#f1f1f1!important}.virtual-scroll-container{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.virtual-scroll-container .spacer,.virtual-scroll-container .visible-items{width:100%}.virtual-scroll-container .log-message{display:flex;align-items:center;padding:2px 8px;line-height:1.4;box-sizing:border-box;white-space:nowrap;overflow:visible;min-width:fit-content}.virtual-scroll-container .log-message.tx{color:#409eff}.virtual-scroll-container .log-message.rx{color:#67c23a}.virtual-scroll-container .timestamp{color:#909399;margin-right:6px;font-size:11px;flex-shrink:0}.virtual-scroll-container .direction{font-weight:700;margin-right:6px;min-width:30px;flex-shrink:0}.virtual-scroll-container .data-payload{flex:1;white-space:nowrap;overflow:visible;min-width:0;word-break:keep-all;font-family:Courier New,Courier,monospace}.virtual-scroll-container .error-text{color:#f56c6c;margin-left:6px;font-style:italic;flex-shrink:0}.virtual-scroll-container .no-data-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#909399;font-style:italic}@media screen and (max-width: 768px){.virtual-scroll-container{font-size:11px}.virtual-scroll-container::-webkit-scrollbar{width:6px!important;height:6px!important}.virtual-scroll-container .log-message{padding:1px 6px}.virtual-scroll-container .timestamp{font-size:10px}}.performance-scrollbar[data-v-c45df82c]{padding:0 4px;border-radius:6px}.performance-content[data-v-c45df82c]{padding:0 16px}.metrics-section[data-v-c45df82c],.config-section[data-v-c45df82c],.presets-section[data-v-c45df82c],.help-section[data-v-c45df82c]{margin-bottom:24px}.metrics-section h4[data-v-c45df82c],.config-section h4[data-v-c45df82c],.presets-section h4[data-v-c45df82c],.help-section h4[data-v-c45df82c]{margin:0 0 16px;font-size:14px;font-weight:600;color:#303133;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.config-tip[data-v-c45df82c]{font-size:11px;color:#909399;margin-top:4px;line-height:1.2}.preset-buttons[data-v-c45df82c]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px;width:100%;align-items:stretch;justify-items:stretch}.preset-btn[data-v-c45df82c]{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;height:50px!important;padding:8px 16px!important;text-align:left!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important;border:none!important;outline:none!important}.preset-btn .el-icon[data-v-c45df82c]{flex-shrink:0!important;width:16px!important;height:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-content[data-v-c45df82c]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1.2!important;min-width:0!important;flex:1!important}.btn-title[data-v-c45df82c]{font-size:13px!important;font-weight:500!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.btn-subtitle[data-v-c45df82c]{font-size:11px!important;opacity:.8!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dialog-footer[data-v-c45df82c]{display:flex;justify-content:flex-end;gap:12px}@media screen and (max-width: 768px){.preset-buttons[data-v-c45df82c]{grid-template-columns:1fr}.preset-btn[data-v-c45df82c]{justify-content:center;text-align:center}.btn-content[data-v-c45df82c]{align-items:center}}[data-v-c45df82c] .el-dialog{margin-top:5vh}[data-v-c45df82c] .el-dialog__body{padding:20px 0}[data-v-c45df82c] .el-scrollbar__bar{opacity:.6!important;transition:opacity .3s!important}[data-v-c45df82c] .el-scrollbar__bar:hover{opacity:1!important}[data-v-c45df82c] .el-scrollbar__thumb{background-color:#c1c1c1!important;border-radius:4px!important;transition:background-color .3s ease!important}[data-v-c45df82c] .el-scrollbar__thumb:hover{background-color:#a8a8a8!important}[data-v-c45df82c] .el-scrollbar__track{background-color:#f1f1f1!important;border-radius:4px!important}.performance-scrollbar[data-v-c45df82c] .el-scrollbar__view{border-radius:6px}@media screen and (max-width: 768px){[data-v-c45df82c] .el-scrollbar__bar.is-vertical{width:6px!important}[data-v-c45df82c] .el-scrollbar__bar.is-horizontal{height:6px!important}}@media screen and (max-width: 576px){[data-v-c45df82c] .el-scrollbar__bar.is-vertical{width:4px!important}[data-v-c45df82c] .el-scrollbar__bar.is-horizontal{height:4px!important}}.switch-label[data-v-c3555dec]{margin-left:10px;font-size:12px;color:#606266}.config-tip[data-v-c3555dec]{font-size:11px;color:#909399;margin-top:4px;line-height:1.2}.preview-container[data-v-c3555dec]{background-color:#f8f9fa;border:1px solid #e4e7ed;border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px}.preview-item[data-v-c3555dec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 0}.preview-item[data-v-c3555dec]:last-child{margin-bottom:0}.preview-label[data-v-c3555dec]{font-weight:500;color:#606266;min-width:80px}.preview-value[data-v-c3555dec]{font-family:Courier New,monospace;padding:2px 6px;border-radius:3px;font-weight:500}.preview-value.original[data-v-c3555dec]{background-color:#f0f9eb;color:#67c23a}.preview-value.first[data-v-c3555dec]{background-color:#e1f3d8;color:#529b2e}.preview-value.last[data-v-c3555dec]{background-color:#fdf6ec;color:#e6a23c}.preview-value.count[data-v-c3555dec]{background-color:#f4f4f5;color:#409eff;font-weight:600}.dialog-footer[data-v-c3555dec]{display:flex;justify-content:flex-end;gap:12px}[data-v-c3555dec] .el-divider__text{font-size:13px;color:#606266}[data-v-c3555dec] .el-select-dropdown__item{padding:8px 20px}.converter-dialog[data-v-b49d509c] .el-dialog{max-height:90vh;overflow:hidden}.converter-dialog[data-v-b49d509c] .el-dialog__body{max-height:75vh;overflow-y:auto;padding:20px}.converter-tabs[data-v-b49d509c]{min-height:500px}.tool-description[data-v-b49d509c]{background-color:#f5f7fa;padding:12px 16px;border-radius:6px;margin-bottom:24px;border-left:4px solid #409EFF}.converter-form[data-v-b49d509c]{max-width:600px}.converter-input[data-v-b49d509c]{font-family:Consolas,Monaco,monospace}.bin-container[data-v-b49d509c]{display:flex;flex-direction:column}.bin-display[data-v-b49d509c]{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:8px;background-color:#f5f7fa;border-radius:4px}.bit-box[data-v-b49d509c]{width:24px;height:24px;border:1px solid #dcdfe6;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff;font-family:Consolas,Monaco,monospace;font-weight:700}.bit-box.active[data-v-b49d509c]{background-color:#409eff;color:#fff;border-color:#409eff}.bit-position[data-v-b49d509c]{position:absolute;bottom:-18px;font-size:10px;color:#909399}.additional-info[data-v-b49d509c]{margin-top:24px;padding:16px;background-color:#f5f7fa;border-radius:6px}.info-title[data-v-b49d509c]{font-weight:700;margin-bottom:12px;color:#303133}.info-row[data-v-b49d509c]{display:flex;margin-bottom:8px}.info-label[data-v-b49d509c]{width:180px;color:#606266}.info-value[data-v-b49d509c]{font-weight:700;color:#303133;font-family:Consolas,Monaco,monospace}.dialog-footer[data-v-b49d509c]{display:flex;justify-content:flex-end;gap:12px}.float-tabs[data-v-b49d509c]{margin-top:16px}.bit-display[data-v-b49d509c]{margin-top:16px;padding:16px;background-color:#f5f7fa;border-radius:6px;border:1px solid #e4e7ed}.bit-section[data-v-b49d509c]{margin-bottom:16px}.bit-section[data-v-b49d509c]:last-child{margin-bottom:0}.section-label[data-v-b49d509c]{font-size:12px;font-weight:600;color:#606266;margin-bottom:8px;text-align:center}.bits[data-v-b49d509c]{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.bit-section.mantissa .bits[data-v-b49d509c]{max-width:100%;justify-content:flex-start}.bit-display.double .bit-section.mantissa .bits[data-v-b49d509c]{max-width:260px;margin:0 auto}.bit-box.small[data-v-b49d509c]{width:18px;height:18px;font-size:10px}.bit-section.sign .section-label[data-v-b49d509c]{color:#f56c6c;background-color:#fef0f0;padding:4px 8px;border-radius:4px;display:inline-block}.bit-section.sign .bit-box.active[data-v-b49d509c]{background-color:#f56c6c;border-color:#f56c6c}.bit-section.exponent .section-label[data-v-b49d509c]{color:#e6a23c;background-color:#fdf6ec;padding:4px 8px;border-radius:4px;display:inline-block}.bit-section.exponent .bit-box.active[data-v-b49d509c]{background-color:#e6a23c;border-color:#e6a23c}.bit-section.mantissa .section-label[data-v-b49d509c]{color:#67c23a;background-color:#f0f9eb;padding:4px 8px;border-radius:4px;display:inline-block}.bit-section.mantissa .bit-box.active[data-v-b49d509c]{background-color:#67c23a;border-color:#67c23a}.float-analysis[data-v-b49d509c]{margin-top:20px;padding:16px;background-color:#fafcff;border-radius:6px;border:1px solid #e1e8ff}.analysis-title[data-v-b49d509c]{font-weight:600;margin-bottom:12px;color:#303133;font-size:14px}.analysis-item[data-v-b49d509c]{display:flex;margin-bottom:8px;align-items:flex-start}.analysis-item[data-v-b49d509c]:last-child{margin-bottom:0}.item-label[data-v-b49d509c]{width:120px;color:#606266;font-size:12px;flex-shrink:0}.item-value[data-v-b49d509c]{flex:1;color:#303133;font-family:Consolas,Monaco,monospace;font-size:12px;word-break:break-all;line-height:1.4}@media screen and (max-width: 768px){.converter-dialog[data-v-b49d509c] .el-dialog{width:95%!important;margin:5vh auto!important}.bit-display[data-v-b49d509c]{padding:12px}.bits[data-v-b49d509c]{gap:1px}.bit-box[data-v-b49d509c]{width:20px;height:20px;font-size:11px}.bit-box.small[data-v-b49d509c]{width:16px;height:16px;font-size:9px}.bit-display.double .bit-section.mantissa .bits[data-v-b49d509c]{max-width:170px}.analysis-item[data-v-b49d509c]{flex-direction:column;align-items:flex-start}.item-label[data-v-b49d509c]{width:auto;margin-bottom:4px;font-weight:600}.item-value[data-v-b49d509c]{width:100%}}@media screen and (max-width: 480px){.bit-box[data-v-b49d509c]{width:18px;height:18px;font-size:10px}.bit-box.small[data-v-b49d509c]{width:14px;height:14px;font-size:8px}.bit-display.double .bit-section.mantissa .bits[data-v-b49d509c]{max-width:120px}.section-label[data-v-b49d509c]{font-size:11px}.analysis-title[data-v-b49d509c]{font-size:13px}}.dialog-footer[data-v-7f13bff5]{display:flex;justify-content:flex-end}.smart-hex-input-container[data-v-756fd6d3]{position:relative;width:100%}.smart-hex-input[data-v-756fd6d3],.smart-hex-input[data-v-756fd6d3] .el-input,.smart-hex-input[data-v-756fd6d3] .el-textarea{width:100%}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner{font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;letter-spacing:.5px;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e1e8ff;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner:focus,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 8px #409eff33;background:linear-gradient(135deg,#f5f7ff,#fff)}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner{color:#2c5aa0;text-shadow:0 1px 1px rgba(44,90,160,.1)}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner::placeholder,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner::placeholder{color:#a0a8bd;font-style:italic;font-family:Inter,sans-serif}.validation-message[data-v-756fd6d3]{margin-top:4px;padding:2px 8px;background-color:#fdf6ec;border-left:3px solid #e6a23c;border-radius:3px;font-size:11px}@media screen and (max-width: 768px){.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner{font-size:12px;letter-spacing:.3px}}@media screen and (max-width: 576px){.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea__inner{font-size:11px;letter-spacing:.2px}}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input.is-disabled .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea.is-disabled .el-textarea__inner{background:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc}.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-input.is-readonly .el-input__inner,.smart-hex-input.hex-formatted[data-v-756fd6d3] .el-textarea.is-readonly .el-textarea__inner{background:#fafcff;border-color:#d3e3fd}.smart-hex-input.hex-formatted.is-error[data-v-756fd6d3] .el-input__inner,.smart-hex-input.hex-formatted.is-error[data-v-756fd6d3] .el-textarea__inner{border-color:#f56c6c;box-shadow:0 0 6px #f56c6c33}