.firmware-workspace { container: firmware-device / inline-size; }
.firmware-workspace, .firmware-evidence, .firmware-console, .firmware-tools, .firmware-history { min-width: 0; }
.firmware-heading, .firmware-response-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-12, 12px); }
.firmware-device { margin-top: var(--space-16, 16px); border: 1px solid var(--field-line, #41413e); border-radius: var(--radius-panel, 12px); background: var(--surface, #171716); overflow: hidden; }
.firmware-nameplate { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: var(--space-16, 16px) var(--space-24, 24px); border-bottom: 1px solid var(--line-strong, #343431); }
.firmware-nameplate h3 { margin: 0; font-size: 13px; font-weight: 500; }
.firmware-link-state { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted, #b6b6ae); }
.firmware-link-state i { width: 8px; height: 8px; flex-shrink: 0; border: 1px solid var(--quiet, #82827b); border-radius: 50%; background: var(--surface-raised, #20201e); }
.firmware-device[data-connected="true"] .firmware-link-state i { background: #c9d8bd; border-color: #c9d8bd; }
.firmware-device-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .85fr); gap: var(--space-24, 24px); align-items: center; padding: var(--space-24, 24px); }
.firmware-product { min-width: 0; margin: 0; }
.firmware-product img { display: block; width: 100%; height: auto; background: #0b0b0b; border-radius: var(--radius, 6px); }
.firmware-device-effect { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 4px 0; }
.firmware-device-effect svg { width: 62px; height: 52px; flex-shrink: 0; fill: none; stroke: var(--muted, #b6b6ae); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.firmware-device-effect > span { min-width: 0; }
.firmware-device-effect .small-copy { display: block; margin: 0; font-size: 11px; }
.firmware-device-effect strong { display: block; margin-top: 4px; font-size: 13px; font-weight: 500; }
.firmware-device-effect[data-active="true"] svg, .firmware-device-effect[data-active="true"] strong { color: #d0e2bf; stroke: #d0e2bf; }
.firmware-device-effect[data-active="false"] .firmware-effect-record { opacity: .3; }
.firmware-device[data-execution="failed"] .firmware-display { border-color: #9c5d4f; }
.firmware-device[data-connected="false"] .firmware-product img { opacity: .55; }
.firmware-instrument { min-width: 0; padding-left: var(--space-24, 24px); border-left: 1px solid var(--line-strong, #343431); }
.firmware-display { padding: 12px; background: var(--background, #0b0b0b); border: 1px solid var(--line-strong, #343431); border-radius: var(--radius, 6px); }
.firmware-display > span { display: block; margin-bottom: 8px; color: var(--muted, #b6b6ae); }
.firmware-display output { display: block; color: var(--text, #eaeae7); font: 18px/1.45 "SFMono-Regular", Consolas, "Liberation Mono", monospace; overflow-wrap: anywhere; white-space: pre-wrap; font-variant-numeric: tabular-nums; }
.firmware-device[data-solved="true"] .firmware-display output { color: #d0e2bf; }
.firmware-readings { display: grid; gap: 12px; margin: 20px 0 0; }
.firmware-readings > div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 12px; }
.firmware-readings dt { color: var(--muted, #b6b6ae); font-size: 12px; }
.firmware-readings dd { min-width: 0; margin: 0; font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; font-variant-numeric: tabular-nums; }
.firmware-reading-data dd { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: 12px; }
.firmware-downloads { display: grid; margin: 16px 0 0; padding: 0; list-style: none; }
.firmware-downloads li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 4px 16px; padding-block: 12px; border-bottom: 1px solid var(--line-strong, #343431); min-width: 0; }
.firmware-download-link { font-size: 14px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.firmware-download-name { display: block; grid-column: 1 / -1; margin: 0; color: var(--muted, #b6b6ae); font-size: 12px; overflow-wrap: anywhere; }
.firmware-downloads p { grid-column: 1 / -1; margin: 0; max-width: 75ch; }
.firmware-download-type { color: var(--muted); font: 12px/1.5 ui-monospace, monospace; }
.firmware-guidance p { max-width: 75ch; white-space: pre-line; }
.firmware-guidance h3 { margin: 24px 0 8px; font-size: 14px; }
.firmware-command-example { padding: 12px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line-strong, #343431); border-radius: var(--radius, 6px); font-size: 12px; line-height: 1.65; }
.firmware-console form { max-width: 780px; }
.firmware-console fieldset { border: 0; padding: 0; margin: 16px 0 0; min-width: 0; }
.firmware-console label, .firmware-tools label { display: block; color: var(--muted, #b6b6ae); font-size: 12px; margin: 16px 0 8px; }
.firmware-console :is(input, textarea, select), .firmware-tools :is(input, textarea, select) { display: block; width: 100%; box-sizing: border-box; min-width: 0; border: 1px solid var(--field-line, #41413e); border-radius: var(--radius, 6px); padding: 11px 12px; color: var(--text, #eaeae7); background: var(--surface, #171716); font: inherit; caret-color: var(--text, #eaeae7); }
.firmware-console :is(input, textarea)::placeholder, .firmware-tools :is(input, textarea)::placeholder { color: var(--quiet, #92928a); opacity: 1; }
.firmware-console textarea, .firmware-tools textarea { resize: vertical; min-height: 100px; font: 13px/1.65 "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.firmware-console input[type="file"] { font-size: 12px; overflow: hidden; }
.firmware-console input::file-selector-button { margin-right: 12px; padding: 6px 10px; border: 1px solid var(--field-line, #41413e); border-radius: var(--radius, 6px); color: var(--text, #eaeae7); background: var(--surface-raised, #20201e); cursor: pointer; }
.firmware-field > p { margin: 8px 0 0; }
.firmware-fields { margin-bottom: 20px; }
.firmware-response-heading { margin-top: 24px; }
.firmware-response-heading h3 { margin: 0; }
.firmware-response { margin: 12px 0 0; min-height: 85px; max-height: 440px; padding: 16px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line-strong, #343431); border-radius: var(--radius, 6px); background: var(--surface, #171716); color: var(--text, #eaeae7); font: 12px/1.7 "SFMono-Regular", Consolas, "Liberation Mono", monospace; scrollbar-color: var(--field-line, #41413e) var(--surface, #171716); }
.firmware-console [data-error="true"] { color: #ffad9d; }
.firmware-console :is(input, textarea, select):disabled, .firmware-console fieldset:disabled button, .firmware-reset button:disabled { opacity: .55; cursor: wait; }
.firmware-console :focus-visible, .firmware-tools :focus-visible, .firmware-evidence :focus-visible, .firmware-history :focus-visible { outline: 2px solid var(--focus, #eaeae7); outline-offset: 3px; }
.firmware-console ::selection, .firmware-tools ::selection, .firmware-guidance ::selection { background: #dae3d0; color: #1c281e; }
.firmware-tools { border-top: 1px solid var(--line-strong, #343431); padding-top: 16px; }
.firmware-tools > summary, .firmware-history > summary { min-height: 44px; padding-block: 8px; cursor: pointer; font-size: 15px; }
.firmware-tools form { max-width: 780px; }
.firmware-tools button { margin-top: 12px; }
.firmware-tools h3 { margin: 28px 0 8px; }
.firmware-history { border-top: 1px solid var(--line-strong, #343431); padding-top: 16px; }
.firmware-history ol { margin: 0; padding: 0; list-style: none; }
.firmware-history li { padding-block: 16px; border-bottom: 1px solid var(--line-strong, #343431); }
.firmware-history li > p { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.firmware-history li summary { padding: 8px 0 0; color: var(--muted, #b6b6ae); font-size: 12px; cursor: pointer; }
.firmware-history .firmware-response { max-height: 270px; }
.firmware-result p { max-width: 75ch; }
@container firmware-device (max-width: 600px) { .firmware-device-body { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; } .firmware-product { width: min(100%, 340px); justify-self: center; } .firmware-instrument { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--line-strong, #343431); } .firmware-nameplate { padding: 16px; } }
@media (max-width: 420px) { .firmware-readings > div { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 12px; } .firmware-display output { font-size: 16px; } .firmware-console :is(input, textarea, select) { font-size: 14px; } }