:root{font-family:Segoe UI,Microsoft YaHei UI,Noto Sans SC,sans-serif;color-scheme:dark;color:#e7eaf2;background:#10131b;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #10131b;--panel: #171b25;--panel-raised: #1c212d;--panel-inset: #121620;--border: #272d3a;--border-soft: #222734;--text: #e7eaf2;--text-dim: #8a91a1;--text-muted: #626a7a;--accent: #aa9cff;--accent-strong: #927fff;--accent-soft: rgba(153, 135, 255, .12);--green: #62d9a1;--green-soft: rgba(98, 217, 161, .1);--red: #ff858b;--input: #11151e;--shadow: 0 20px 60px rgba(0, 0, 0, .12)}:root[data-theme=light]{color-scheme:light;color:#242936;background:#f4f5f8;--bg: #f4f5f8;--panel: #fff;--panel-raised: #f6f7fb;--panel-inset: #f3f4f8;--border: #e1e4eb;--border-soft: #e9ebf0;--text: #242936;--text-dim: #697080;--text-muted: #969cab;--accent: #715cf0;--accent-strong: #6149e7;--accent-soft: rgba(113, 92, 240, .09);--green: #13885b;--green-soft: rgba(19, 136, 91, .09);--red: #d34b56;--input: #fafbfc;--shadow: 0 18px 50px rgba(28, 35, 50, .055)}*{box-sizing:border-box}body{margin:0;min-width:800px;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{max-width:1440px;min-height:100vh;margin:0 auto;padding:0 56px 24px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(153,135,255,.15);border-radius:11px;font-size:24px;transform:rotate(-8deg)}.brand-mark span{transform:rotate(8deg)}.brand-name{color:var(--text);font-weight:700;font-size:15px;letter-spacing:.12em}.brand-name span{color:var(--accent);font-size:12px;letter-spacing:.15em;margin-left:3px}.brand-subtitle{color:var(--text-muted);font:9px DM Mono,monospace;letter-spacing:.13em;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:14px}.connection-chip{display:inline-flex;align-items:center;gap:9px;color:var(--text-dim);font-size:12px}.connection-chip i,.status-dot,.operation-state i{width:7px;height:7px;border-radius:50%;background:#697080}.connection-chip.online{color:var(--green)}.connection-chip.online i,.status-dot.live,.operation-state.ready i{background:var(--green);box-shadow:0 0 9px color-mix(in srgb,var(--green) 55%,transparent)}.connection-chip b{border:1px solid var(--border);border-radius:5px;padding:2px 5px;color:var(--text-dim);font:10px DM Mono,monospace}.icon-button{border:1px solid var(--border);color:var(--text-dim);background:var(--panel);cursor:pointer}.theme-button{width:34px;height:34px;border-radius:10px;font-size:18px}.theme-button:hover{color:var(--accent);border-color:var(--accent)}.backend-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.backend-option{border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:7px;padding:4px 10px;font-size:12px;letter-spacing:.02em}.backend-option:hover:not(:disabled){color:var(--accent)}.backend-option.selected{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.intro-row{padding:37px 0 30px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font:10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow-line{width:17px;height:1px;background:var(--accent)}.intro-row h1{margin:12px 0 6px;font-size:27px;letter-spacing:-.045em;font-weight:600}.intro-row h1 span{color:var(--accent)}.intro-row p{margin:0;font-size:12px;color:var(--text-dim)}.intro-badge{display:flex;align-items:center;gap:9px;color:var(--text-muted);font:10px DM Mono,monospace;padding-bottom:4px;letter-spacing:.05em}.intro-badge span{color:var(--accent);border:1px solid var(--border);padding:5px 7px;border-radius:5px}.intro-badge i{width:3px;height:3px;background:var(--text-muted);border-radius:50%}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.operations-column{display:grid;align-content:start;gap:18px;min-width:0}.operations-column>*{min-width:0}.protocol-nav{display:flex;gap:5px;width:fit-content;margin:-14px 0 17px;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--panel-inset)}.protocol-nav button{padding:8px 13px;border:1px solid transparent;border-radius:6px;color:var(--text-muted);background:transparent;font-size:10px;cursor:pointer}.protocol-nav button:hover{color:var(--accent)}.protocol-nav button.active{color:var(--accent);border-color:var(--border);background:var(--panel)}.sidebar{display:grid;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.connection-panel{padding:19px}.transport-switch{display:flex;gap:4px;margin:-6px 0 14px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-inset)}.transport-switch button{flex:1;min-height:28px;border:1px solid transparent;border-radius:5px;color:var(--text-muted);background:transparent;font-size:10px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.transport-switch button:hover:not(:disabled){color:var(--accent)}.transport-switch button.selected{color:var(--accent);border-color:var(--border);background:var(--panel)}.transport-switch button:disabled{opacity:.45;cursor:not-allowed}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:19px}.section-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;font-size:20px}.usb-icon{color:var(--accent);background:var(--accent-soft)}.section-heading h2,.panel-title-row h2,.operation-heading h2,.history-title h2{margin:0;font-size:13px;font-weight:600}.section-heading p,.panel-title-row p,.history-title p{margin:4px 0 0;color:var(--text-muted);font-size:10px}.section-heading .status-dot{margin-left:auto}.field-label{display:block;color:var(--text-dim);font-size:10px;margin-bottom:7px}.device-index-heading{display:flex;align-items:center;justify-content:space-between}.device-index-heading .field-label{margin-bottom:7px}.device-refresh{padding:0 0 7px}.device-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:22px;margin-top:7px}.device-list-label,.device-list-empty{color:var(--text-muted);font-size:9px}.device-index-option{padding:3px 7px;border:1px solid var(--border);border-radius:5px;color:var(--text-dim);background:var(--panel-raised);font:10px DM Mono,monospace;cursor:pointer}.device-index-option:hover,.device-index-option.selected{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.input-with-suffix{display:flex;align-items:center;border:1px solid var(--border);background:var(--input);border-radius:7px;overflow:hidden;height:36px}.input-with-suffix:focus-within,.hex-field:focus-within{border-color:var(--accent)}.input-with-suffix input{min-width:0;width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:var(--text);font:12px DM Mono,monospace}.input-with-suffix span{color:var(--text-muted);font:9px DM Mono,monospace;padding:0 10px;letter-spacing:.08em;white-space:nowrap}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.45}.speed-label{margin-top:17px}.speed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.speed-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text-dim);background:var(--input);cursor:pointer;text-align:left}.speed-option:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.speed-option.selected{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 57%,var(--border));background:var(--accent-soft)}.speed-option strong{font:11px DM Mono,monospace}.speed-option span{font-size:9px;color:var(--text-muted)}.device-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border-soft);margin-top:15px;padding-top:12px}.device-meta div{display:flex;flex-direction:column;gap:3px}.device-meta span{color:var(--text-muted);font-size:9px}.device-meta b{color:var(--text-dim);font:10px DM Mono,monospace}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid transparent;border-radius:7px;padding:0 13px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{color:#151222;background:var(--accent)}.button.primary:not(:disabled):hover{background:var(--accent-strong)}.button.secondary{color:var(--text);background:var(--panel-raised);border-color:var(--border)}.button.secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.connect-button{width:100%;height:38px;margin-top:15px}.connect-button span{font-size:15px}.disconnect-button{color:var(--red)!important;background:color-mix(in srgb,var(--red) 12%,var(--panel))!important;border-color:color-mix(in srgb,var(--red) 25%,transparent)!important}.connection-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;color:var(--text-muted);font-size:9px}.connection-note span,.info-strip>span{display:grid;place-items:center;flex:0 0 14px;width:14px;height:14px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:50%;font:9px Georgia,serif}.connection-note.warning{justify-content:flex-start;text-align:left;line-height:1.5}.connection-note.warning span{color:var(--red);border-color:color-mix(in srgb,var(--red) 60%,transparent)}.scan-panel{padding:17px 18px 16px}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start}.panel-title-row p{margin-top:5px}.tiny-symbol{color:var(--accent);font-size:20px;line-height:1}.scan-range{display:grid;grid-template-columns:1fr 17px 1fr;align-items:end;gap:5px;margin:15px 0 12px}.scan-range input,.hex-field input,.hex-field textarea,select{width:100%;min-width:0;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:6px;outline:0}.scan-range input{height:34px;padding:0 8px;font:11px DM Mono,monospace}.range-divider{color:var(--text-muted);text-align:center;padding-bottom:9px}.full-button{width:100%}.choose-port-button{margin-top:7px}.scan-results{margin-top:13px;padding-top:12px;border-top:1px solid var(--border-soft)}.result-caption{display:flex;justify-content:space-between;color:var(--text-dim);font-size:9px}.result-caption span:last-child{color:var(--text-muted);font:9px DM Mono,monospace}.address-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.address-pills button{padding:4px 7px;border:1px solid color-mix(in srgb,var(--green) 23%,var(--border));color:var(--green);background:var(--green-soft);border-radius:5px;font:10px DM Mono,monospace;cursor:pointer}.empty-result{color:var(--text-muted);font-size:10px;margin-top:10px}.operations-panel{min-height:519px;padding:20px 23px 23px}.operation-heading{display:flex;align-items:center;justify-content:space-between}.small-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:5px}.operation-heading h2{font-size:17px}.operation-state{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px}.operation-state i{width:6px;height:6px}.operation-state.ready{color:var(--green)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:17px}.tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:10px 12px 11px;margin-bottom:-1px;color:var(--text-muted);border:0;border-bottom:2px solid transparent;background:transparent;font-size:10px;cursor:pointer}.tabs button span{font-size:13px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--accent)}.tab-content{padding-top:20px}.operation-description{display:flex;align-items:center;gap:10px;margin-bottom:19px}.mode-glyph{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:17px}.operation-description h3{margin:0;font-size:12px;font-weight:600}.operation-description p{margin:4px 0 0;color:var(--text-muted);font-size:9px}.protocol-tag{margin-left:auto;padding:5px 7px;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font:8px DM Mono,monospace;letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px;row-gap:18px}.form-field label{display:block;margin-bottom:7px;color:var(--text-dim);font-size:10px}.hex-field{display:flex;align-items:center;overflow:hidden;min-height:36px;border:1px solid var(--border);background:var(--input);border-radius:6px}.hex-field>span{flex:0 0 auto;color:var(--accent);font:8px DM Mono,monospace;padding:0 9px;border-right:1px solid var(--border)}.hex-field input,.hex-field textarea{height:34px;border:0;border-radius:0;padding:0 10px;background:transparent;font:11px DM Mono,monospace}.form-field small{display:block;margin-top:6px;color:var(--text-muted);font-size:9px}.button-pair{display:flex;gap:7px}.button-pair .button{flex:1}.action-field small{text-align:right}.info-strip,.warning-strip{display:flex;align-items:flex-start;gap:9px;margin-top:22px;padding:10px 11px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.info-strip>span{margin-top:1px}.info-strip p,.warning-strip p{margin:0;color:var(--text-dim);font-size:9px;line-height:1.65}.full-width{width:100%}.stream-input{align-items:stretch}.stream-input>span{display:flex;align-items:flex-start;padding-top:12px}.hex-field textarea{height:auto;min-height:91px;resize:vertical;line-height:1.8;padding:8px 10px}.raw-action-row{display:flex;align-items:flex-end;gap:12px;margin-top:17px}.raw-action-row .form-field{width:155px}.raw-action-row>.button{min-width:130px;margin-bottom:0}.raw-action-row>.button span{font-size:16px}select{height:36px;padding:0 9px;font-size:10px}.eeprom-actions{margin-top:20px;max-width:330px}.warning-strip{margin-top:17px;border-color:color-mix(in srgb,#e5ad5c 18%,var(--border));background:color-mix(in srgb,#e5ad5c 5%,var(--panel))}.warning-strip>span{flex:0 0 14px;color:#e5ad5c;text-align:center;font-weight:700}.transfer-output{margin-top:19px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.output-heading{display:flex;justify-content:space-between;padding:8px 11px;color:var(--text-dim);background:var(--panel-raised);font-size:9px}.output-heading span:last-child{color:var(--text-muted);font:9px DM Mono,monospace}.output-data{display:flex;flex-direction:column;gap:7px;padding:11px}.output-data code{overflow-wrap:anywhere;color:var(--accent);font:10px/1.7 DM Mono,monospace}.output-data code.ascii{color:var(--text-dim)}.history-panel{margin-top:17px}.operations-column .history-panel{margin-top:0}.spi-page{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;min-width:0}.spi-page>*{min-width:0}.spi-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.spi-hero h2{margin:8px 0 6px;font-size:19px;letter-spacing:-.03em}.spi-hero p{margin:0;color:var(--text-dim);font-size:11px;line-height:1.6}.spi-guide-badge{flex:0 0 auto;padding:7px 10px;border:1px solid color-mix(in srgb,#e5ad5c 28%,var(--border));border-radius:6px;color:#e5ad5c;background:color-mix(in srgb,#e5ad5c 7%,var(--panel));font-size:9px}.spi-backend-notice{margin-top:0;margin-bottom:0;padding:12px 14px;border-color:color-mix(in srgb,#e5ad5c 25%,var(--border));background:color-mix(in srgb,#e5ad5c 5%,var(--panel))}.spi-backend-notice>span{flex-basis:17px;font-size:13px}.spi-backend-notice p{font-size:10px}.spi-backend-notice strong{color:var(--text)}.spi-console{padding:20px 23px}.spi-connect-row{display:flex;align-items:flex-end;gap:12px;margin:0 0 17px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.spi-device-index{display:flex;align-items:center;gap:10px}.spi-device-index label{color:var(--text-dim);font-size:10px}.spi-device-index input{width:95px;height:34px;padding:0 8px;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:6px;font:11px DM Mono,monospace}.spi-connected{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--green);font-size:10px}.spi-connected i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px color-mix(in srgb,var(--green) 55%,transparent)}.spi-connect-button{min-width:125px;margin-left:auto}.spi-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}.spi-data-field{grid-row:span 2}.spi-data-field .hex-field{align-items:stretch}.spi-data-field .hex-field>span{display:flex;align-items:flex-start;padding-top:12px}.spi-data-field textarea{height:93px;resize:vertical;padding-top:8px;line-height:1.7}.spi-mode-limit{display:flex;gap:10px;margin-top:16px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:7px;background:var(--accent-soft)}.spi-mode-limit strong{flex:0 0 auto;color:var(--accent);font-size:9px}.spi-mode-limit span{color:var(--text-dim);font-size:9px;line-height:1.7}.spi-console-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px}.spi-console-actions>.button{min-width:150px}.spi-console-actions>.button span{font-size:15px}.spi-result{margin-top:17px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.spi-result-heading,.spi-result-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:9px 11px;border-bottom:1px solid var(--border-soft)}.spi-result-heading{color:var(--text-dim);background:var(--panel-raised);font-size:9px}.spi-result-heading strong{color:var(--green)}.spi-result-heading span,.spi-result-row code{color:var(--text-muted);font:9px DM Mono,monospace}.spi-result-row:last-child{border-bottom:0}.spi-result-row>span{flex:0 0 115px;color:var(--text-muted);font-size:9px}.spi-result-row code{overflow-wrap:anywhere;text-align:right;color:var(--accent)}.spi-section{padding:20px 23px}.spi-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.spi-section-number{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:9px;color:var(--accent);background:var(--accent-soft);font:11px DM Mono,monospace}.spi-section-heading h3{margin:1px 0 5px;font-size:13px;font-weight:600}.spi-section-heading p{margin:0;color:var(--text-muted);font-size:10px;line-height:1.6}.spi-table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:7px}.spi-table{width:100%;border-collapse:collapse;font-size:10px}.spi-table th,.spi-table td{padding:10px 12px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;line-height:1.6}.spi-table tr:last-child td{border-bottom:0}.spi-table th{color:var(--text-muted);background:var(--panel-raised);font-size:9px;font-weight:500;white-space:nowrap}.spi-table td{color:var(--text-dim)}.spi-table td:first-child{color:var(--text);white-space:nowrap}.spi-table .mono{font-family:DM Mono,monospace;color:var(--accent)}.mode-table td{white-space:nowrap}.spi-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.spi-note-grid>div{padding:12px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.spi-note-grid strong{color:var(--text);font-size:10px}.spi-note-grid p{margin:6px 0 0;color:var(--text-dim);font-size:9px;line-height:1.7}.spi-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.spi-checklist>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.spi-checklist b{flex:0 0 100px;color:var(--accent);font:10px DM Mono,monospace}.spi-checklist span{color:var(--text-dim);font-size:9px;line-height:1.65}.spi-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:spi-step}.spi-steps li{position:relative;display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;padding:11px 10px 11px 36px;border-bottom:1px solid var(--border-soft);counter-increment:spi-step}.spi-steps li:last-child{border-bottom:0}.spi-steps li:before{content:counter(spi-step,decimal-leading-zero);position:absolute;left:0;top:11px;color:var(--accent);font:10px DM Mono,monospace}.spi-steps strong{color:var(--text);font-size:10px}.spi-steps span{color:var(--text-dim);font-size:9px;line-height:1.7}.spi-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.spi-example{min-width:0;padding:14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-raised)}.spi-example:last-child{grid-column:1 / -1}.spi-example-label{color:var(--accent);font:8px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.spi-example h4{margin:7px 0;color:var(--text);font-size:11px}.spi-example p,.spi-example small{color:var(--text-dim);font-size:9px;line-height:1.7}.spi-example p{margin:0}.spi-example code{color:var(--accent);font:9px DM Mono,monospace}.spi-example pre{overflow-x:auto;margin:10px 0 7px;padding:10px;border:1px solid var(--border);border-radius:5px;background:var(--panel-inset);line-height:1.8}.spi-example pre code{white-space:pre}.spi-example small{display:block;color:var(--text-muted)}.spi-safety{margin-top:14px}.spi-safety p{font-size:10px}.ch224-page{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;min-width:0}.ch224-page>*{min-width:0}.page-connect-hint{padding:0 2px;color:var(--text-muted);font-size:9px;line-height:1.6}.page-connect-hint .hint-link{padding:0 3px;font-size:9px;text-decoration:underline;text-underline-offset:2px}.ch224-section{padding:20px 23px}.ch224-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.ch224-section-title>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:8px;font:10px DM Mono,monospace}.ch224-section-title h3{margin:1px 0 5px;font-size:12px}.ch224-section-title p{margin:0;color:var(--text-muted);font-size:9px;line-height:1.6}.ch224-action-row,.ch224-request-row{display:flex;align-items:flex-end;gap:10px}.ch224-address-control{display:grid;gap:6px;min-width:170px}.ch224-address-control label,.ch224-request-row label{color:var(--text-dim);font-size:10px}.ch224-address-control select,.ch224-request-row select{min-width:160px}.ch224-address-control small{color:var(--text-muted);font-size:8px}.ch224-action-row .button:last-child,.ch224-request-row .button{margin-left:auto}.ch224-notice{margin-top:13px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:7px;color:var(--text-dim);background:var(--panel-raised);font-size:9px;line-height:1.6}.ch224-snapshot{display:grid;gap:15px;margin-top:15px;min-width:0}.ch224-snapshot>*{min-width:0}.ch224-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ch224-metric-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:11px 12px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.ch224-metric-grid span{color:var(--text-muted);font-size:8px}.ch224-metric-grid b{overflow-wrap:anywhere;color:var(--text);font-size:10px;font-weight:600}.ch224-metric-grid b.good{color:var(--green)}.ch224-metric-grid b.bad{color:var(--red)}.ch224-protocol-flags h4,.ch224-pdo-list h4,.ch224-subheading h4{margin:0 0 9px;color:var(--text-dim);font-size:10px}.ch224-protocol-flags>div{display:flex;flex-wrap:wrap;gap:6px}.ch224-protocol-flags span{padding:5px 7px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:8px}.ch224-protocol-flags span b{margin-right:6px;color:var(--text-dim);font:8px DM Mono,monospace}.ch224-protocol-flags span.flag-on{border-color:color-mix(in srgb,var(--green) 40%,var(--border));color:var(--green);background:var(--green-soft)}.ch224-protocol-flags span.flag-on b{color:var(--green)}.ch224-pdo-list{display:grid;gap:8px}.ch224-pdo-list h4{margin-bottom:2px}.ch224-pdo-card{padding:11px 12px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.ch224-pdo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ch224-pdo-heading b{color:var(--text);font-size:9px}.ch224-pdo-heading span{color:var(--green);font-size:8px}.ch224-pdo-card>p{margin:7px 0;color:var(--accent);font:10px DM Mono,monospace}.ch224-pdo-card details{border-top:1px solid var(--border-soft);padding-top:7px}.ch224-pdo-card summary{color:var(--text-muted);font-size:8px;cursor:pointer}.ch224-field-list{display:grid;gap:4px;margin-top:8px}.ch224-field-list>div{display:grid;grid-template-columns:75px minmax(0,1fr) 65px;gap:8px;color:var(--text-dim);font-size:8px}.ch224-field-list code,.ch224-field-list b{color:var(--accent);font:8px DM Mono,monospace}.ch224-subheading{display:flex;justify-content:space-between;gap:12px}.ch224-subheading span{color:var(--text-muted);font-size:8px}.ch224-register-table-wrap{min-width:0;max-height:460px;overflow:auto;border:1px solid var(--border-soft);border-radius:7px}.ch224-register-dump .ch224-register-table-wrap{max-height:190px}.ch224-register-table{width:100%;border-collapse:collapse;font-size:8px}.ch224-register-table th,.ch224-register-table td{padding:7px 8px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;line-height:1.5}.ch224-register-table th{position:sticky;top:0;color:var(--text-muted);background:var(--panel-raised);font-weight:500;white-space:nowrap}.ch224-register-table tbody tr{cursor:pointer}.ch224-register-table tbody tr:hover,.ch224-register-table tbody tr.selected{background:var(--accent-soft)}.ch224-register-table td{color:var(--text-dim)}.ch224-register-table td:first-child,.ch224-register-table td:nth-child(3),.ch224-register-table td:nth-child(4){white-space:nowrap}.ch224-register-table code{color:var(--accent);font:8px DM Mono,monospace}.ch224-register-table .bit-string{letter-spacing:.1em}.ch224-register-map{display:grid;gap:9px;margin-top:15px}.ch224-register-map .ch224-register-table-wrap{max-height:212px}.ch224-register-map-table{width:100%;min-width:680px;border-collapse:collapse;font-size:8px}.ch224-register-map-table th,.ch224-register-map-table td{padding:8px 10px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;line-height:1.6}.ch224-register-map-table th{position:sticky;top:0;color:var(--text-muted);background:var(--panel-raised);font-weight:500;white-space:nowrap}.ch224-register-map-table tbody tr{cursor:pointer}.ch224-register-map-table tbody tr:hover{background:var(--accent-soft)}.ch224-register-map-table td{color:var(--text-dim)}.ch224-register-map-table td:first-child,.ch224-register-map-table code{font-family:DM Mono,monospace;white-space:nowrap}.ch224-register-map-table td code{color:var(--accent);font-size:8px}.ch224-register-map-table tr.write-only td:nth-child(2) .badge-write{color:#e5ad5c;background:color-mix(in srgb,#e5ad5c 12%,var(--panel))}.badge-read,.badge-write{display:inline-block;padding:2px 6px;border-radius:4px;font-size:8px;white-space:nowrap}.badge-read{color:var(--green);background:var(--green-soft)}.badge-write{color:var(--accent);background:var(--accent-soft)}.ch224-request-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;max-width:900px}.ch224-request-field{display:grid;gap:6px}.ch224-request-field label{color:var(--text-dim);font-size:10px}.ch224-request-field select{min-width:240px}.ch224-support-line{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-raised)}.ch224-support-line b{flex:0 0 auto;font-size:9px}.ch224-support-line span{color:var(--text-dim);font-size:9px;line-height:1.6}.ch224-support-line.ok b{color:var(--green)}.ch224-support-line.blocked{border-color:color-mix(in srgb,#e5ad5c 25%,var(--border));background:color-mix(in srgb,#e5ad5c 5%,var(--panel))}.ch224-support-line.blocked b{color:#e5ad5c}.ch224-header-card,.ch224-cap-summary{display:grid;gap:10px;padding:13px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-raised)}.ch224-header-card h4,.ch224-cap-summary h4,.ch224-param-table h4{margin:0;color:var(--text-dim);font-size:10px}.ch224-header-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ch224-header-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px 9px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel)}.ch224-header-grid span{color:var(--text-muted);font-size:8px}.ch224-header-grid b{overflow-wrap:anywhere;color:var(--text);font:9px DM Mono,monospace}.ch224-param-table{display:grid;gap:9px;min-width:0}.ch224-param-table>*{min-width:0}.ch224-param-table-inner{width:100%;min-width:880px;border-collapse:collapse;font-size:8px}.ch224-param-table-inner th,.ch224-param-table-inner td{padding:8px 9px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;line-height:1.6;white-space:normal}.ch224-param-table-inner th{position:sticky;top:0;color:var(--text-muted);background:var(--panel-raised);font-weight:500;white-space:nowrap}.ch224-param-table-inner td{color:var(--text-dim)}.ch224-param-table-inner td:first-child,.ch224-param-table-inner code{font-family:DM Mono,monospace}.ch224-param-table-inner td code{color:var(--accent);font-size:8px}.ch224-param-cell>div{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:7px;align-items:baseline}.ch224-param-cell>div+div{margin-top:4px}.ch224-param-cell b{color:var(--text);white-space:nowrap}.ch224-param-cell b.on{color:var(--green)}.ch224-none{color:var(--text-muted)}.ch224-safety-note{margin-top:15px}.ch224-request-result{display:grid;gap:6px;margin-top:13px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));border-radius:7px;background:var(--green-soft)}.ch224-request-result b{color:var(--green);font-size:10px}.ch224-request-result span{color:var(--text-dim);font-size:9px;line-height:1.6}.ch224-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;max-width:720px}.ch224-manual-actions{grid-column:1 / -1;max-width:340px}.ch224-write-warning{margin-top:15px}.ch224-write-warning p{font-size:9px}.ch224-bit-detail{margin-top:15px;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--panel-inset)}.ch224-bit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch224-bit-heading span{color:var(--text-muted);font:8px DM Mono,monospace}.ch224-bit-heading h4{margin:5px 0 0;color:var(--text);font-size:10px}.ch224-bit-heading>code{color:var(--accent);font:11px DM Mono,monospace;letter-spacing:.13em}.ch224-bit-detail>p{margin:8px 0 11px;color:var(--text-dim);font-size:9px;line-height:1.6}.ch224-bit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ch224-bit-grid>div{display:grid;grid-template-columns:auto 20px minmax(0,1fr);align-items:start;gap:6px;padding:8px;border:1px solid var(--border-soft);border-radius:5px}.ch224-bit-grid b{color:var(--text-muted);font:8px DM Mono,monospace}.ch224-bit-grid strong{color:var(--text-dim);font:9px DM Mono,monospace}.ch224-bit-grid .set strong{color:var(--green)}.ch224-bit-grid span{color:var(--text-muted);font-size:8px;line-height:1.5}.ch224-flow ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:ch224-step}.ch224-flow li{display:grid;grid-template-columns:165px minmax(0,1fr);gap:14px;position:relative;padding:11px 8px 11px 35px;border-bottom:1px solid var(--border-soft);counter-increment:ch224-step}.ch224-flow li:last-child{border-bottom:0}.ch224-flow li:before{content:counter(ch224-step,decimal-leading-zero);position:absolute;left:3px;top:11px;color:var(--accent);font:9px DM Mono,monospace}.ch224-flow li b{color:var(--text);font-size:9px}.ch224-flow li span{color:var(--text-dim);font-size:9px;line-height:1.7}.history-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--border-soft)}.history-title{display:flex;align-items:center;gap:10px}.history-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:17px}.history-title h2{font-size:12px}.history-title p{font-size:9px}.history-actions{display:flex;align-items:center;gap:13px}.history-actions>span{color:var(--text-muted);font-size:9px}.text-button{border:0;background:transparent;color:var(--accent);font-size:9px;cursor:pointer}.text-button.clear-button{color:var(--text-muted)}.history-empty{display:flex;flex-direction:column;align-items:center;padding:24px 12px 26px}.history-empty>span{color:var(--text-muted);font-size:20px}.history-empty p{margin:7px 0 4px;color:var(--text-dim);font-size:10px}.history-empty small{color:var(--text-muted);font-size:9px}.history-table-wrap{overflow:auto;max-height:250px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px 17px;border-bottom:1px solid var(--border-soft);font-size:10px;white-space:nowrap}th{position:sticky;top:0;color:var(--text-muted);background:var(--panel);font-size:9px;font-weight:500}td{color:var(--text)}tr:last-child td{border-bottom:0}.mono{font-family:DM Mono,monospace;font-size:9px}.muted-cell{color:var(--text-dim)}.result-badge{padding:3px 6px;border-radius:4px;font-size:8px}.result-badge.ok{color:var(--green);background:var(--green-soft)}.result-badge.failed{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.footer{display:flex;justify-content:space-between;padding:17px 2px 0;color:var(--text-muted);font-size:8px}.footer span:first-child{font:8px DM Mono,monospace;letter-spacing:.11em}.footer i{color:var(--accent);font-style:normal}.site-filing{padding:9px 2px 0;text-align:center;color:var(--text-muted);font-size:8px;line-height:1.6}.site-filing a{color:inherit;text-decoration:none}.site-filing a:hover{color:var(--text-dim);text-decoration:underline}.toast{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;max-width:min(480px,calc(100vw - 48px));padding:12px 15px;color:var(--text);background:var(--panel);border:1px solid color-mix(in srgb,var(--red) 32%,var(--border));border-radius:9px;box-shadow:var(--shadow);font-size:11px;z-index:5}.toast span{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;color:#fff;background:var(--red);border-radius:50%;font-weight:700}.mlx-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.mlx-field{display:grid;gap:6px}.mlx-field>label{color:var(--text-dim);font-size:10px}.mlx-field select{min-width:220px}.mlx-field input[type=range]{width:200px;accent-color:var(--accent);height:34px}.mlx-toggle-field{justify-items:flex-start}.mlx-unit-toggle{display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;height:36px}.mlx-unit-toggle button{padding:0 16px;border:0;color:var(--text-muted);background:var(--input);font:12px DM Mono,monospace;cursor:pointer}.mlx-unit-toggle button.active{color:var(--accent);background:var(--accent-soft)}.mlx-switch{position:relative;width:52px;height:28px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--input);cursor:pointer;transition:background .18s,border-color .18s}.mlx-switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);transition:transform .18s,background .18s}.mlx-switch.on{border-color:color-mix(in srgb,var(--green) 45%,var(--border));background:var(--green-soft)}.mlx-switch.on i{transform:translate(24px);background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 55%,transparent)}.mlx-toolbar .button{margin-left:auto}.mlx-toolbar .button+.button{margin-left:0}.mlx-readout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:15px 18px;border:1px solid var(--border-soft);border-radius:9px;background:var(--panel-raised)}.mlx-readout-main{display:flex;flex-direction:column;gap:4px}.mlx-readout-main span{color:var(--text-muted);font-size:9px}.mlx-readout-main b{color:var(--text-dim);font:700 30px/1.1 DM Mono,monospace;letter-spacing:-.02em}.mlx-readout-main b.good{color:var(--green)}.mlx-readout-main small{color:var(--text-muted);font:9px DM Mono,monospace}.mlx-chart{margin-top:15px;padding:13px 14px 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel-inset)}.mlx-chart-empty{color:var(--text-muted);font-size:10px;text-align:center;padding:28px 12px}.mlx-chart-head{display:flex;justify-content:space-between;color:var(--text-dim);font-size:9px;margin-bottom:6px}.mlx-chart svg{width:100%;height:180px;display:block}.mlx-chart-grid{stroke:var(--border-soft);stroke-width:1}.mlx-chart-label{fill:var(--text-muted);font:8px DM Mono,monospace}.mlx-chart-line{stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.mlx-chart-area{fill:var(--accent-soft);stroke:none}.mlx-chart-dot{fill:var(--accent)}.lis3dh-readonly-field{display:grid;gap:2px;align-content:center;min-height:36px;padding:5px 10px;border:1px solid var(--border);border-radius:7px;background:var(--input)}.lis3dh-readonly-field b{color:var(--accent);font:11px/1.2 DM Mono,monospace}.lis3dh-readonly-field small{color:var(--text-muted);font-size:8px;line-height:1.3}.lis3dh-live{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:16px;align-items:stretch}.lis3dh-live-main{display:grid;gap:10px;align-content:start;min-width:0;padding:14px 15px;border:1px solid var(--border-soft);border-radius:9px;background:var(--panel-raised)}.lis3dh-live-head{display:flex;align-items:center;justify-content:space-between}.lis3dh-live-head span{color:var(--text-muted);font-size:9px}.lis3dh-live-head b{color:var(--text-muted);font:9px DM Mono,monospace}.lis3dh-live-head b.good{color:var(--green)}.lis3dh-axis-card.is-x{--axis-color: var(--accent)}.lis3dh-axis-card.is-y{--axis-color: var(--green)}.lis3dh-axis-card.is-z{--axis-color: #e5ad5c}.lis3dh-axis-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lis3dh-axis-card{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--border-soft);border-radius:7px;background:var(--panel-inset)}.lis3dh-axis-card>span{color:var(--axis-color);font:8px DM Mono,monospace;letter-spacing:.08em}.lis3dh-axis-card>b{color:var(--text);font:700 19px/1.1 DM Mono,monospace}.lis3dh-axis-card>b em{color:var(--text-muted);font-size:9px;font-style:normal}.lis3dh-axis-card>small{color:var(--text-muted);font:8px DM Mono,monospace}.lis3dh-axis-card>i{height:4px;margin-top:3px;border-radius:2px;background:var(--border-soft);overflow:hidden}.lis3dh-axis-card>i>em{display:block;height:100%;border-radius:2px;background:var(--axis-color);transition:width .1s linear}.lis3dh-live-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:4px;color:var(--text-muted);font-size:9px}.lis3dh-live-meta b{color:var(--text-dim);font:10px DM Mono,monospace}.lis3dh-live-meta .text-button{margin-left:auto}.lis3dh-scene{position:relative;display:grid;place-items:center;min-height:272px;padding:10px;border:1px solid var(--border);border-radius:10px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),var(--panel-inset);perspective:720px;overflow:hidden}.lis3dh-world{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-26deg)}.lis3dh-axis{position:absolute;left:0;top:0;width:184px;height:2px;margin:-1px 0 0 -92px;border-radius:2px;opacity:.92;background:linear-gradient(90deg,color-mix(in srgb,var(--axis-color) 12%,transparent),var(--axis-color) 50%,color-mix(in srgb,var(--axis-color) 12%,transparent))}.lis3dh-axis.is-z{transform:rotate(-90deg)}.lis3dh-axis.is-y{transform:rotateY(90deg)}.lis3dh-axis-label{position:absolute;left:0;top:0;color:var(--axis-color);font:9px/1 DM Mono,monospace}.lis3dh-axis-label.is-x,.lis3dh-axis.is-x{--axis-color: var(--accent)}.lis3dh-axis-label.is-y,.lis3dh-axis.is-y{--axis-color: var(--green)}.lis3dh-axis-label.is-z,.lis3dh-axis.is-z{--axis-color: #e5ad5c}.lis3dh-axis-label.is-x{transform:translate3d(96px,-5px,0)}.lis3dh-axis-label.is-y{transform:translate3d(5px,-5px,96px)}.lis3dh-axis-label.is-z{transform:translate3d(5px,-102px,0)}.lis3dh-origin{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.lis3dh-vec-dot{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .1s linear,opacity .1s linear}.lis3dh-vec-tip{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,var(--accent) 55%,transparent 72%);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,transparent);transition:transform .1s linear}.lis3dh-scene-legend{position:absolute;left:8px;right:8px;bottom:7px;color:var(--text-muted);font:8px DM Mono,monospace;text-align:center}.lis3dh-scene-legend b{color:var(--accent)}.lis3dh-hint{margin-top:12px;padding:9px 11px;border:1px dashed color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:7px;color:var(--text-muted);background:color-mix(in srgb,var(--accent) 4%,var(--panel));font-size:9px;line-height:1.65}.lis3dh-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;align-items:end}.lis3dh-config-grid .mlx-field select{width:100%;min-width:0}.lis3dh-switch-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:36px}.lis3dh-check{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:9px;cursor:pointer}.lis3dh-check input{width:13px;height:13px;accent-color:var(--accent)}.lis3dh-axes-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lis3dh-axes-row>span{color:var(--text-muted);font-size:9px}.lis3dh-axes-row .button{margin-left:auto}.lis3dh-readmodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.lis3dh-readmode{display:grid;gap:4px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-raised);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.lis3dh-readmode b{color:var(--text);font-size:10px}.lis3dh-readmode span{color:var(--text-muted);font-size:8px;line-height:1.55}.lis3dh-readmode:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.lis3dh-readmode.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--panel-raised))}.lis3dh-readmode.active b{color:var(--accent)}.lis3dh-readmode:disabled{opacity:.55;cursor:not-allowed}.lis3dh-readmode-params{display:flex;flex-wrap:wrap;align-items:end;gap:10px 14px;margin-top:10px;padding:10px 12px;border:1px dashed var(--border);border-radius:8px;background:var(--panel-inset)}.lis3dh-readmode-params .mlx-field{min-width:150px}.lis3dh-readmode-params .mlx-field select,.lis3dh-readmode-params .mlx-field input{width:100%;min-width:0}.lis3dh-readmode-params .mlx-field input[type=number]{height:36px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);font:11px DM Mono,monospace}.lis3dh-readmode-params>p{flex:1 1 260px;margin:0;color:var(--text-muted);font-size:8.5px;line-height:1.65}.lis3dh-outputmode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lis3dh-outputmode button{min-width:0;padding:0 6px;font-size:8.5px;white-space:nowrap}.lis3dh-fifo-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:36px}.lis3dh-fifo-row>span{color:var(--text-muted);font-size:9px}.lis3dh-fifo-row select{min-width:190px}.lis3dh-fifo-row input[type=number]{width:56px;height:32px;padding:0 7px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);font:11px DM Mono,monospace}.lis3dh-fifo-row .text-button{margin-left:auto}.lis3dh-config-result{margin-top:14px}.lis3dh-field-list{display:grid;gap:5px;margin-top:11px}.lis3dh-field-list>div{display:grid;grid-template-columns:62px 76px 110px minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 8px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-raised);font-size:8px}.lis3dh-field-list>div.set{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.lis3dh-field-list b{color:var(--text-muted);font-family:DM Mono,monospace}.lis3dh-field-list strong{color:var(--text);font-weight:600}.lis3dh-field-list em{color:var(--accent);font:9px DM Mono,monospace;font-style:normal}.lis3dh-field-list span{color:var(--text-muted);line-height:1.5}.lis3dh-perf-table{min-width:560px}.badge-rw{display:inline-block;padding:2px 6px;border-radius:4px;color:var(--accent);background:var(--accent-soft);font-size:8px;white-space:nowrap}.bus-config-panel{padding:17px 18px 16px}.bus-config-current{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.bus-mode-badge{flex:0 0 auto;padding:4px 6px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));border-radius:5px;color:var(--green);background:var(--green-soft);font:8px DM Mono,monospace;white-space:nowrap}.bus-mode-badge.fixed{color:#e5ad5c;border-color:color-mix(in srgb,#e5ad5c 28%,var(--border));background:color-mix(in srgb,#e5ad5c 6%,var(--panel))}.bus-config-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;color:var(--text-muted);font-size:9px}.bus-config-meta b{color:var(--text-dim);font:10px DM Mono,monospace}.bus-config-meta.muted{font-style:italic}.bus-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.bus-config-grid .field-label{margin-bottom:5px}.bus-config-grid select{width:100%}.bus-pin-details{margin-top:9px;color:var(--text-muted);font-size:9px;line-height:1.55}.bus-pin-details summary{color:var(--text-dim);cursor:pointer}.bus-pin-list{display:grid;gap:3px;margin:6px 0 0;padding-left:16px}.bus-config-field{margin-top:12px}.bus-config-field select{width:100%}.bus-freq-label{margin-top:13px}.bus-freq-presets{display:flex;gap:6px;margin-top:7px}.bus-freq-presets button{flex:1;min-height:25px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);background:var(--input);font:9px DM Mono,monospace;cursor:pointer}.bus-freq-presets button:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.bus-freq-presets button.selected{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 57%,var(--border));background:var(--accent-soft)}.bus-freq-presets button:disabled{opacity:.45;cursor:not-allowed}.bus-scheme-detail{display:flex;flex-wrap:wrap;gap:11px;margin-top:8px;color:var(--text-muted);font-size:9px}.bus-scheme-detail b{color:var(--accent);font:10px DM Mono,monospace}.bus-config-error{margin-top:9px;color:var(--red);font-size:9px;line-height:1.5}.bus-config-actions{margin-top:13px}.bus-config-subactions{display:flex;gap:7px;margin-top:7px}.bus-config-subactions .button{flex:1;min-height:31px;padding:0 8px;font-size:10px}.bus-config-note{align-items:flex-start;justify-content:flex-start;text-align:left;line-height:1.55}@media(max-width:1050px){.app-shell{padding:0 28px 22px}.workspace{grid-template-columns:275px minmax(0,1fr);gap:13px}.operations-panel{padding:18px}}@media(max-width:820px){body{min-width:360px}.app-shell{padding:0 16px 20px}.intro-row{padding:28px 0 22px}.intro-row h1{font-size:22px}.intro-badge{display:none}.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.operations-panel{min-height:0}.protocol-nav{margin-top:-8px}.history-actions{gap:8px}.history-actions>span{display:none}.footer{gap:8px;font-size:7px}}@media(max-width:540px){.sidebar{grid-template-columns:1fr}.connection-panel{order:0}.bus-config-panel,.scan-panel{order:1}.bus-config-grid,.form-grid{grid-template-columns:1fr}.tabs{justify-content:space-between}.tabs button{padding-right:7px;padding-left:7px;font-size:9px}.operation-state{font-size:8px}.history-heading{padding:13px}.history-title p,.footer span:nth-child(2){display:none}.footer{justify-content:space-between}th,td{padding:9px}.protocol-tag{font-size:7px}.protocol-nav{width:100%;margin-bottom:13px}.protocol-nav button{flex:1;padding-right:7px;padding-left:7px}.ch224-section{padding:16px 14px}.ch224-action-row,.ch224-request-row{align-items:stretch;flex-direction:column}.ch224-action-row>.button,.ch224-request-row>.button{width:100%;margin-left:0}.ch224-address-control select,.ch224-request-row select{width:100%}.ch224-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch224-manual-grid{grid-template-columns:1fr}.ch224-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch224-param-table-inner{min-width:900px}.ch224-manual-actions{grid-column:auto;max-width:none}.ch224-bit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch224-flow li{grid-template-columns:1fr;gap:4px}.mlx-toolbar .button{width:100%;margin-left:0}.mlx-field select,.mlx-field input[type=range]{width:100%}.mlx-readout{flex-direction:column;align-items:flex-start}.ch224-field-list>div{grid-template-columns:55px minmax(0,1fr) 42px}.ch224-register-table{min-width:700px}.ch224-register-map-table{min-width:680px}.spi-hero{align-items:flex-start;flex-direction:column;gap:12px;padding:17px}.spi-console{padding:16px 14px}.spi-connect-row{align-items:stretch;flex-direction:column}.spi-connect-button{width:100%;margin-left:0}.spi-transfer-grid{grid-template-columns:1fr}.spi-data-field{grid-row:auto}.spi-console-actions{align-items:stretch;flex-direction:column-reverse}.spi-console-actions>.button{width:100%}.spi-result-heading,.spi-result-row{flex-direction:column;gap:6px}.spi-result-row>span{flex-basis:auto}.spi-result-row code{text-align:left}.spi-section{padding:16px 14px}.spi-note-grid,.spi-checklist,.spi-example-grid{grid-template-columns:1fr}.spi-example:last-child{grid-column:auto}.spi-steps li{grid-template-columns:1fr;gap:4px;padding-right:0}.spi-checklist b{flex-basis:82px}.spi-table{min-width:520px}.mode-table{min-width:540px}}@media(max-width:1180px){.lis3dh-live{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:980px){.lis3dh-live{grid-template-columns:1fr}.lis3dh-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.lis3dh-axis-cards,.lis3dh-config-grid{grid-template-columns:1fr}.lis3dh-field-list>div{grid-template-columns:1fr;gap:3px}.lis3dh-scene{min-height:236px}.lis3dh-axes-row .button{width:100%;margin-left:0}}