:root{color-scheme:dark;--bg:#0b1020;--panel:#141d34;--line:#ffffff12;--text:#edf3ff;--muted:#a2aec3;--accent:#64b5ff;--green:#75e6b1;--amber:#ffd283;--purple:#a899ff}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 10% 0%,#17335377,transparent 45%),radial-gradient(ellipse at 90% 8%,#32245f55,transparent 38%),var(--bg);font:15px/1.6 Inter,"Segoe UI","Noto Sans JP",system-ui,sans-serif}a{color:var(--accent)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,label.btn:focus-within{outline:2px solid var(--accent);outline-offset:4px}.wrap{max-width:1420px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;text-decoration:none;color:var(--text)}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#08111f;background:linear-gradient(135deg,#64b5ff,#b3e1ff);font-size:13px}.header-note{font-size:11px;letter-spacing:.14em;color:var(--muted)}main{padding:46px 0 60px}.hero{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;color:var(--green);letter-spacing:.12em;display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;background:var(--green);border-radius:100%}h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;line-height:1.15;margin:16px 0;overflow-wrap:anywhere}h1 span{font-weight:400;color:var(--muted)}.lead{font-size:22px;margin:14px 0 6px;font-weight:650}.intro{margin-top:8px;font-size:14px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.75}.hero-actions{display:flex;flex-direction:column;gap:10px;min-width:240px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--accent)}.primary{background:linear-gradient(135deg,#64b5ff,#aee0ff);color:#06101d}.secondary{background:#ffffff05;color:var(--text)}.danger{background:#ff81810b;color:#ffa5a5}.compact{min-height:34px;padding:5px 12px;font-size:11px}.file-input{position:absolute;width:1px;height:1px;opacity:0}.mode-banner{padding:12px 18px;background:#64b5ff0b;border:1px solid #64b5ff25;border-radius:10px;margin:18px 0 24px;font-size:13px;color:#bddfff}.mode-banner.demo{background:#ffd2830b;border-color:#ffd28330;color:var(--amber)}.message{padding:12px 18px;background:#232f49;border:1px solid var(--accent);border-radius:10px;white-space:pre-wrap;margin-bottom:16px}.message.error{border-color:#ff8181;color:#ffb7b7}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.setup,.results{display:grid;gap:20px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#162039,#11192d);padding:22px;box-shadow:0 10px 30px #00000016;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.panel-head h2{margin:0;font-size:16px;letter-spacing:-.01em}.setup h2{color:var(--accent);font-size:12px}.setup h2 span{color:var(--text);font-size:15px;margin-left:8px}.pill{font-size:10px;letter-spacing:.08em;padding:4px 8px;border:1px solid #ffffff16;border-radius:5px;color:var(--muted);white-space:nowrap}label{display:block;font-size:12px;color:var(--muted);margin:14px 0}input,textarea,select{display:block;width:100%;padding:10px 11px;margin-top:7px;background:#080f20a6;color:var(--text);border:1px solid #ffffff20;border-radius:8px;font-size:13px;min-height:42px}textarea{resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.pair>.btn{margin:14px 0}.stack{display:grid;gap:9px;margin-top:12px}.check{display:flex;gap:9px;align-items:flex-start;color:var(--text)}.check input{margin:3px 0;min-height:0;width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}.control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}summary{cursor:pointer;color:var(--accent);font-size:13px}details{margin:14px 0}details.panel{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#081020;padding:12px;border-radius:8px;font:12px/1.7 Consolas,monospace;max-height:430px;overflow:auto}.metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.metric{border:1px solid var(--line);background:#11192d;border-radius:14px;padding:20px}.metric>span{display:block;font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:29px;letter-spacing:-.035em;line-height:1.5;margin:8px 0;color:var(--accent);font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--muted)}.legend{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.legend i{width:16px;height:3px;background:var(--accent);display:inline-block}.legend i:nth-of-type(2){background:var(--purple);margin-left:9px}#plot{width:100%;height:280px;display:block}.plot-footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;color:var(--muted)}.checks{display:grid;gap:12px}.check-row{display:grid;grid-template-columns:26px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.check-row:last-child{border:0;padding-bottom:0}.check-icon{display:grid;place-items:center;align-self:start;width:24px;height:24px;border-radius:7px;background:#ffffff09;color:var(--muted);font-size:12px}.pass .check-icon{background:#75e6b118;color:var(--green)}.warn .check-icon{background:#ffd28318;color:var(--amber)}.info .check-icon{background:#64b5ff18;color:var(--accent)}.check-row strong{font-size:13px;font-weight:650}.check-row p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.7}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}th{font-weight:500;color:var(--muted);font-size:11px;padding:10px;border-bottom:1px solid #ffffff20}td{padding:13px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}td:last-child{font:11px Consolas,monospace;color:var(--muted)}.type{color:var(--accent);background:#64b5ff10;border-radius:5px;padding:4px 7px}.empty{text-align:center;color:var(--muted);padding:24px;font-size:13px}.event-list{margin-top:16px;max-height:300px;overflow:auto}.event{padding:9px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.event time{color:var(--accent);margin-right:12px;font-variant-numeric:tabular-nums}.exports{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.report-panel{border-color:#64b5ff25}.snapshot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.snapshot strong{color:var(--text)}.console-panel summary{color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 36px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.control-section h3{font-size:14px;margin:0 0 8px;color:var(--text)}.control-section>p{margin-top:6px}.request-section{margin-top:30px;padding-top:24px;border-top:1px solid #ffffff25}.epr-toggle{margin-top:22px}.epr-warning{border:1px solid #ffd28355;border-radius:10px;background:#ffd2830b;padding:12px;color:var(--amber);font-size:12px}.epr-warning p{margin:8px 0}.epr-warning .btn{width:100%;border-color:#ffd28355;color:var(--amber)}#request-hint{line-height:1.8;overflow-wrap:anywhere}
@media(max-width:1100px){.wrap{padding:0 20px}.workspace{grid-template-columns:300px minmax(0,1fr);gap:16px}.panel{padding:18px}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.metric strong{font-size:26px}.hero-actions{min-width:190px}}
@media(max-width:780px){.workspace{grid-template-columns:1fr}.setup{grid-template-columns:1fr 1fr;align-items:start}.setup .panel:last-child{grid-column:1/-1}.hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero-actions .small{grid-column:1/-1}.header-note{display:none}main{padding-top:30px}.lead{font-size:20px}.metrics{grid-template-columns:1fr 1fr 1.2fr}.metric:last-child{grid-column:auto}.metric{padding:14px}.metric strong{font-size:23px}.plot-footer{flex-direction:column}}
@media(max-width:520px){.wrap{padding:0 12px}.setup{grid-template-columns:1fr}.setup .panel:last-child{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.hero-actions{grid-template-columns:1fr}.hero-actions .small{grid-column:auto}.panel-head{flex-wrap:wrap}.panel{padding:17px}.exports .btn{flex:1 1 40%}h1{font-size:35px}header{padding:20px 0}}

.protocol-scroll{max-height:360px}.protocol-scroll td{padding:9px 10px}.protocol-scroll td:last-child{max-width:340px;white-space:normal;overflow-wrap:anywhere}#protocol-source{white-space:pre-wrap}

.connection-state{border:1px solid #64b5ff40;background:#64b5ff08;border-radius:10px;padding:12px;margin:14px 0}.connection-state>strong{display:block;color:var(--text);font-size:18px;line-height:1.4;margin:2px 0 10px;overflow-wrap:anywhere}.connection-roles{display:grid;gap:8px}.connection-role{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6}.connection-tag{flex:none;font-size:11px;font-weight:700;border:1px solid;border-radius:5px;padding:1px 7px}.connection-tag.usb{color:#b3e1ff;border-color:#64b5ff70;background:#64b5ff15}.connection-tag.hid{color:#75e6b1;border-color:#75e6b170;background:#75e6b115}.connection-tag.serial{color:#d0c3ff;border-color:#a899ff70;background:#a899ff15}.connection-state>p{margin:10px 0 0;color:var(--muted)}#browser-device-info{white-space:pre-wrap;overflow-wrap:anywhere}

.connection-check{width:100%;margin-top:14px}.record-duration{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;padding:12px}.record-duration legend{padding:0 6px;color:var(--muted);font-size:12px}.duration-timed{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-duration .check{margin:6px 0;font-size:12px;min-width:0}.check input[type=radio]{width:16px;height:16px;flex:none;accent-color:var(--accent)}.duration-value{display:flex;align-items:center;gap:8px;font-size:12px}.duration-value input{width:76px;margin:0}.duration-value input:disabled{opacity:.4}.record-duration:has(#capture-until-stop:checked) .duration-timed{color:var(--muted)}

:root{--run-bar-height:90px}.run-bar{position:sticky;top:0;z-index:30;padding:12px 16px;margin-bottom:18px;border:1px solid #64b5ff40;border-radius:12px;background:#131e32;box-shadow:0 8px 24px #0008}.run-head{display:flex;align-items:center;gap:12px}.run-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.run-identity strong{font-size:14px;overflow-wrap:anywhere}.run-head #run-values{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.run-bar details{margin:7px 0 0}.run-bar summary{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.run-bar .message{margin:10px 0 0;max-height:180px;overflow:auto;font-size:12px}.run-bar.has-error{border-color:#ff8181}.run-bar.has-error summary{color:#ffb7b7}.run-bar.is-busy #run-state{color:var(--green);border-color:#75e6b170}.setup{position:static;max-height:none;overflow:visible;grid-template-columns:1fr;gap:14px}.setup>.panel[hidden]{display:none}.setup-tabs{display:flex;gap:5px;position:sticky;top:calc(var(--run-bar-height) + 4px);z-index:2;background:#0b1020;padding:3px 0 8px}.setup-tabs .btn{flex:1;min-width:0;padding:7px 5px;font-size:11px;white-space:nowrap;min-height:38px}.setup-tabs [aria-pressed=true]{background:#64b5ff25;border-color:#64b5ff80;color:#b3e1ff}.setup .panel{padding:17px}.setup .request-section{margin-top:18px;padding-top:18px}.results>.mode-banner{margin:0}.hero{margin-bottom:18px}.hero h1{font-size:clamp(26px,3vw,36px);margin:8px 0}.hero .lead,.hero .intro,.hero .eyebrow{display:none}header{padding:16px 0}main{padding-top:18px}
@media(max-width:780px){.setup{position:static;max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0;grid-template-columns:1fr}.setup-tabs{top:calc(var(--run-bar-height) + 4px)}.setup .panel:last-child{grid-column:auto}.hero{flex-direction:row;align-items:center;gap:12px}.hero-actions{width:auto;display:flex;min-width:0}.hero-actions .small{display:none}.hero h1{font-size:26px}.run-head{flex-wrap:wrap;gap:8px}.run-identity{flex:1}.run-head #run-values{order:3;width:100%;font-size:12px}.run-bar{padding:10px 12px}.run-bar summary{font-size:11px}.setup-tabs .btn{font-size:12px}}
html{scroll-padding-top:calc(var(--run-bar-height) + 16px)}.setup{scroll-padding-top:55px}@media(max-width:520px){.hero{flex-direction:column;align-items:flex-start}.hero-actions{width:100%;flex-direction:row}.hero-actions .btn{flex:1;padding:8px 10px}}

@media(min-width:781px){.hero-actions{flex-direction:row;min-width:0;align-items:center}.hero-actions .small{display:none}}.setup{scrollbar-width:thin;scrollbar-color:#64b5ff55 transparent}

.setup .panel-head h2 span{margin-left:0}

#sweep-pause-panel{margin-top:14px}#sweep-pause-panel .primary{color:#06101d}

.control-common{scroll-margin-top:50px;margin-bottom:24px;padding:14px;border:1px solid #64b5ff45;border-radius:10px;background:#64b5ff08}.control-common .check{margin:12px 0}.control-common p:last-child{margin-bottom:0}
.control-confirm-local{margin:18px 0 14px;padding:12px;border:1px solid #64b5ff45;border-radius:10px;background:#64b5ff08}.control-confirm-local .check{margin:0}.control-confirm-local p{margin:9px 0 0}.control-confirm-local .confirmation-changed{color:var(--amber)}.control-confirm-local .confirmation-complete{color:var(--green)}#transition-panel{scroll-margin-top:140px}
.transition-graph-tools{display:flex;align-items:end;gap:14px;margin:18px 0 12px}.transition-graph-tools label{flex:1;min-width:0;margin:0}.transition-graph-tools .btn{flex-shrink:0}#transition-chart{display:block;width:100%;height:410px;border:1px solid #2b3951;border-radius:12px;background:#10192c}#transition-warnings{overflow-wrap:anywhere}@media(max-width:650px){.transition-graph-tools{flex-direction:column;align-items:stretch}}
.transition-graph-tools .transition-range-label{flex:0 1 150px}@media(max-width:650px){.transition-graph-tools .transition-range-label{flex:auto}}

.header-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.language-switch{display:inline-flex;gap:3px;border:1px solid #ffffff25;border-radius:9px;padding:3px;background:#10172c}.language-switch button{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:6px 10px;font:600 12px/1.4 system-ui;cursor:pointer}.language-switch button[aria-pressed=true]{background:#64b5ff25;color:#b3e1ff}.language-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[lang=en] .setup-tabs .btn{white-space:normal}html[lang=en] .run-head{flex-wrap:wrap}html[lang=en] .pill{letter-spacing:0}html[lang=en] .pair{gap:8px}@media(max-width:520px){.header-tools{gap:8px}.header-tools .header-note{display:none}header{gap:10px}}

/* Only long data tables/logs scroll inside their visible frames; columns follow the page. */
.results{overflow:visible;max-height:none}.table-scroll{scrollbar-gutter:stable}.protocol-scroll,.transition-scroll,.event-list,pre{scrollbar-width:auto;scrollbar-color:#7184a0 #0b1020}.protocol-scroll::-webkit-scrollbar,.transition-scroll::-webkit-scrollbar,.event-list::-webkit-scrollbar,pre::-webkit-scrollbar{width:12px;height:12px}.protocol-scroll::-webkit-scrollbar-thumb,.transition-scroll::-webkit-scrollbar-thumb,.event-list::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{background:#7184a0;border:3px solid #0b1020;border-radius:8px}.transition-scroll{max-height:380px}.transition-scroll td{padding:9px 10px}.scroll-note{font-size:11px;color:var(--muted);margin:8px 0}.transition-scroll td:last-child{white-space:normal;min-width:150px;max-width:320px}

.transition-scroll td:last-child{overflow-wrap:anywhere}.transition-scroll td details{margin:5px 0 0;font:11px/1.5 Consolas,monospace}.transition-scroll td summary{font:11px/1.5 system-ui;color:var(--accent)}
.brand{min-width:0}.brand .mark{flex-shrink:0}.brand-name{line-height:1.3}@media(max-width:560px){header{flex-wrap:wrap}.header-tools{margin-left:auto}}
/* Sweep analysis stays usable independently of the hardware controls. */
.sweep-file {position:relative;overflow:hidden;cursor:pointer;margin:0}
#sweep-analysis-panel>.exports {align-items:center}
.sweep-file input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sweep-file:focus-within {outline:2px solid #a6d9ff;outline-offset:3px}
.sweep-options {margin:20px 0;padding:14px 16px;border:1px solid #2b3951;border-radius:12px}
.sweep-options[open] summary {margin-bottom:18px}
.sweep-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.sweep-metrics>div {padding:16px;border:1px solid #2b3951;border-radius:12px;background:#10192c}
.sweep-metrics small {display:block;color:#a3b9d5;margin-bottom:8px}
.sweep-metrics strong {font-size:1.15rem;overflow-wrap:anywhere}
.sweep-warning {color:#ffd38b!important}
.sweep-plot-tools {display:flex;gap:16px;align-items:end;margin:20px 0 12px}
.sweep-plot-tools label {flex:1;margin:0}
#sweep-analysis-chart {display:block;width:100%;height:auto;border:1px solid #2b3951;border-radius:12px;background:#10192c}
#sweep-analysis-plot-info {display:flex;gap:8px 18px;flex-wrap:wrap;max-height:160px;overflow:auto;padding:8px 0}
.sweep-legend-item {overflow-wrap:anywhere}
.sweep-legend-item::before {content:"";display:inline-block;width:16px;height:3px;margin-right:7px;background:var(--series-color);vertical-align:middle}
.sweep-summary-scroll {max-height:420px;overflow:auto;margin-top:14px;border:1px solid #2b3951;border-radius:10px}
.sweep-summary-scroll table {min-width:1100px}
.sweep-summary-scroll th {position:sticky;top:0;background:#172238;z-index:1}
.sweep-summary-scroll td:nth-child(2) {max-width:280px;white-space:normal;overflow-wrap:anywhere}
.sweep-downloads {margin:24px 0 18px}
#sweep-analysis-report {max-height:none;overflow:visible;overflow-wrap:anywhere}
.sweep-section-head {margin:30px 0 14px}.sweep-section-head h3 {margin:0;font-size:16px}.sweep-section-head p {margin:6px 0}
#sweep-analysis-chart,#sweep-analysis-gallery,#sweep-analysis-report {scroll-margin-top:140px}
#sweep-analysis-chart:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
.sweep-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sweep-graph-card {min-width:0;border:1px solid #2b3951;border-radius:12px;background:#10192c;overflow:hidden}
.sweep-graph-card:has(button[aria-pressed=true]) {border-color:var(--accent)}
.sweep-graph-head {display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px}
.sweep-graph-head h4 {margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.sweep-graph-head .btn {flex-shrink:0}.sweep-gallery-chart {display:block;width:100%;height:auto}
.sweep-report {border:1px solid #64b5ff40;border-radius:12px;background:#10192c;padding:0 22px;font-size:13px;line-height:1.85}
.sweep-report-section {padding:20px 0;border-bottom:1px solid #2b3951}.sweep-report-section:last-child {border:0}
.sweep-report h4 {font-size:15px;margin:0 0 10px}.sweep-report p {margin:8px 0;white-space:pre-wrap}
.sweep-report dl {margin:0}.sweep-report dl>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;padding:8px 0}
.sweep-report dt {color:var(--muted)}.sweep-report dd {margin:0;white-space:pre-wrap;font-variant-numeric:tabular-nums}
@media(max-width:650px){.sweep-gallery{grid-template-columns:1fr}.sweep-report{padding:0 16px}.sweep-report dl>div{grid-template-columns:1fr;gap:2px}}
@media(max-width:650px){.sweep-metrics{grid-template-columns:1fr}.sweep-plot-tools{flex-direction:column;align-items:stretch}.sweep-options{padding:12px}.sweep-options .pair{grid-template-columns:1fr}}

.energy-value{display:block;font-size:24px;color:var(--green);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.session-item{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.session-item .btn{margin-right:8px}.session-list{max-height:380px;overflow:auto}.session-item p{margin:4px 0 8px}

.insight-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.insight-controls label{min-width:0}.insight-fields{margin:12px 0}.insight-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.insight-fields dt{color:var(--muted)}.insight-fields dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.protocol-pages{display:flex;align-items:center;gap:12px;margin:14px 0}.protocol-detail{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.protocol-detail h3{font-size:16px;overflow-wrap:anywhere}.protocol-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.protocol-message{font:inherit;color:var(--accent);background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 6px;cursor:pointer}.protocol-message[aria-pressed=true]{border-color:var(--accent);background:#64b5ff20}.protocol-message:focus-visible{outline:2px solid var(--accent)}.insight-warning{color:var(--yellow);font-size:13px}#diagnostic-panel h3{line-height:1.6}#diagnostic-notes{line-height:1.8}
@media(max-width:650px){.insight-controls{grid-template-columns:1fr}.insight-fields>div{grid-template-columns:1fr;gap:3px}.protocol-pages{flex-wrap:wrap}.protocol-detail{padding:12px}}

/* Entry points and disclosure: empty results never compete with the first action. */
[hidden]{display:none!important}body[data-experience="welcome"] .hero-actions{display:none}body[data-workbench="basic"] [data-pro-only]{display:none!important}.workbench-modes{display:flex;gap:10px;max-width:680px}.workbench-modes button{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:12px;color:var(--muted);padding:13px 18px;text-align:left;font:inherit;cursor:pointer;min-width:0}.workbench-modes strong,.workbench-modes span{display:block}.workbench-modes strong{font-size:15px;color:var(--text)}.workbench-modes span{font-size:11px;margin-top:5px;line-height:1.5}.workbench-modes [aria-pressed=true]{background:#64b5ff12;border-color:var(--accent);box-shadow:inset 0 0 0 1px #64b5ff30}.workbench-modes [data-workbench-mode="pro"][aria-pressed=true]{border-color:var(--amber);background:#ffd2830b}.workbench-modes button:disabled{opacity:.5;cursor:wait}.mode-note{margin:10px 0 24px;line-height:1.7}.welcome{padding:32px 0 42px}.welcome h2{font-size:28px;margin:8px 0 12px}.welcome>.muted{font-size:14px;line-height:1.8}.entry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}.entry-cards button{min-width:0;border:1px solid #64b5ff40;border-radius:18px;padding:28px;background:linear-gradient(145deg,#17243a,#10182c);color:var(--text);text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:border-color .15s,transform .15s}.entry-cards button:hover{border-color:var(--accent);transform:translateY(-3px)}.entry-cards strong{font-size:18px;line-height:1.6}.entry-cards button>span:not(.entry-icon){color:var(--muted);font-size:13px;line-height:1.9}.entry-cards b{color:var(--accent);font-size:13px;margin-top:auto;padding-top:14px}.entry-icon{font-size:32px;line-height:1.2}.entry-cards button:focus-visible,.workbench-modes button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.demo-notice{padding:14px 18px;border:1px solid var(--amber);border-radius:10px;color:var(--amber);font-size:13px;line-height:1.8}.wiring-figure{margin:16px 0 22px;padding:14px 8px;background:#0b1222;border:1px solid var(--line);border-radius:12px}.wiring-figure svg{width:100%;height:auto;display:block;overflow:visible}.wiring-figure text{fill:var(--text);font:20px system-ui}.wiring-figure .wire-name{font-size:24px;font-weight:700}.wire-path{stroke:var(--accent);stroke-width:4;fill:none}.wire-box{fill:#182840;stroke:#7184a0;stroke-width:2}.wire-meter{fill:#13334a;stroke:var(--accent);stroke-width:2}.wiring-figure figcaption{padding:6px;line-height:1.6}.connect-wizard{display:grid;gap:10px}.connect-wizard .btn{text-align:left;justify-content:flex-start;min-height:46px}.connect-wizard .done{border-color:var(--green);color:var(--green);opacity:1}.criteria-help{margin:10px 0 16px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#0b122270}.criteria-help>summary{font-size:12px;color:var(--accent);cursor:pointer}.criteria-help p{font-size:12px;line-height:1.8;color:var(--muted)}.connection-guide{line-height:1.8}.hero-actions #welcome-back{font-size:11px}.metrics:has(>.metric:not([hidden]):only-of-type){grid-template-columns:1fr}body[data-workbench="basic"] .metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}body[data-workbench="basic"] .metric:last-child{grid-column:auto}.setup-tabs{z-index:10}#connection-panel,#results{scroll-margin-top:calc(var(--run-bar-height) + 20px)}
@media(min-width:1101px){.workspace{grid-template-columns:360px minmax(0,1fr)}}
@media(max-width:780px){.entry-cards{grid-template-columns:1fr;gap:12px}.entry-cards button{padding:22px;gap:10px}.entry-icon{font-size:26px}.welcome{padding:14px 0 26px}.welcome h2{font-size:24px}.workbench-modes{width:100%}.workbench-modes button{padding:11px}.workbench-modes strong{font-size:13px}.workbench-modes span{font-size:10px}.mode-note{font-size:11px}.wiring-figure{max-width:560px;margin-inline:auto}.wiring-figure text{font-size:21px}}

#record-settings{margin:14px 0}#record-settings>summary{color:var(--accent);font-size:12px}#manual-connections>#connect-auto{width:100%;margin:12px 0}
@media(max-width:520px){.welcome .eyebrow{display:none}.welcome h2{font-size:21px}.welcome>.muted{font-size:12px}.entry-cards{margin-top:18px}.entry-cards button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px 12px;padding:17px}.entry-cards .entry-icon{grid-row:1/3;font-size:23px}.entry-cards strong{font-size:14px}.entry-cards button>span:not(.entry-icon){font-size:12px;line-height:1.7}.entry-cards b{display:none}.mode-note{margin-bottom:12px}}

.diagnostic-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.diagnostic-overview>div{padding:14px;border:1px solid var(--line);background:#0b122270;border-radius:10px;min-width:0}.diagnostic-overview span{display:block;color:var(--muted);font-size:11px}.diagnostic-overview strong{display:block;font-size:17px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.diagnostic-next-title{font-size:14px;margin:22px 0 8px}#diagnostic-next,#diagnostic-explanation{line-height:1.9}#diagnostic-options,#diagnostic-details{margin:18px 0}#diagnostic-options>summary,#diagnostic-details>summary{font-size:12px;color:var(--accent)}.simple-check{border-bottom:1px solid var(--line);padding:10px 0}.simple-check:first-child{padding-top:0}.simple-check:last-child{border:0;padding-bottom:0}.simple-check strong{font-size:14px}.simple-check p{font-size:13px;color:var(--muted);line-height:1.8;margin:5px 0 0}.retained-notice{padding:12px;border-left:3px solid var(--accent);background:#64b5ff09;line-height:1.8}#recording-panel{scroll-margin-top:calc(var(--run-bar-height) + 20px)}body[data-workbench=pro] #checks-simple,body[data-workbench=pro] .basic-only{display:none}body[data-workbench=basic] #pdo-panel table th:last-child,body[data-workbench=basic] #pdos td:last-child,body[data-workbench=basic] .pdo-flag{display:none}body[data-workbench=basic] #pdo-panel table td{font-family:inherit;font-size:12px}body[data-workbench=basic] #pdo-panel th{white-space:normal}body[data-workbench=basic] #pdo-panel table{min-width:520px}
@media(max-width:650px){.diagnostic-overview{grid-template-columns:1fr}.diagnostic-overview>div{padding:12px}.diagnostic-overview strong{font-size:18px}#diagnostic-record-now{width:100%}}
