:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1110;--bg-raised:#101715;--surface:#141b19;--surface-2:#19221f;--surface-3:#202c28;--border:#2a3833;--border-strong:#3b4d46;--text:#e6eee9;--text-soft:#b6c4bd;--muted:#83958d;--primary:#4dd7a5;--primary-dim:#1b8060;--accent:#f2b84b;--danger:#ff6b6b;--info:#62a8ff;--shadow:0 18px 44px #00000047;--radius-sm:6px;--radius:10px;--font-display:Bahnschrift, "Segoe UI Variable", "Segoe UI", sans-serif;--font-mono:"Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 62% -12%, #4dd7a512, transparent 34%), linear-gradient(180deg, #0d1311 0%, var(--bg) 70%);color:var(--text);font:14px/1.4 var(--font-display);text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}code{font-family:var(--font-mono);font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}h1{letter-spacing:.015em;font-size:21px;line-height:1.1}h1 span{color:var(--primary);font-weight:500}h2{letter-spacing:.025em;font-size:15px;font-weight:650}h3{font-size:17px;font-weight:650}small{color:var(--muted)}select,input[type=text],input[type=number],textarea,.raw-grid input{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0f1614}select{min-height:34px;padding:0 30px 0 9px}textarea{resize:vertical;font-family:var(--font-mono);padding:8px}input[type=range],input[type=checkbox]{accent-color:var(--primary)}.eyebrow{color:var(--muted);font:600 9px/1.2 var(--font-mono);letter-spacing:.16em}.muted{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.section-label{color:var(--muted);font:600 9px/1 var(--font-mono);letter-spacing:.14em;margin:15px 0 7px}.subheading{color:var(--text-soft);font:600 10px/1 var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.subheading strong{color:var(--primary);font-size:9px}.status-dot{background:currentColor;border-radius:99px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #4dd7a51a}.panel-shell{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#141b19f0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:43px;padding-bottom:10px;display:flex}.panel-heading h2{margin-top:2px}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:32px;height:32px;color:var(--text-soft);place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-3);color:var(--text)}.danger-icon:hover{color:var(--danger);border-color:#ff6b6b80}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.button.primary{background:var(--primary);color:#07100d}.button.primary:hover{background:#70e4bb}.button.secondary{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-soft)}.button.secondary:hover{background:var(--surface-3);color:var(--text)}.button.safe{color:var(--primary);background:#4dd7a517;border-color:#4dd7a542}.button.danger{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b47}.full-width{width:100%}.segmented{border:1px solid var(--border);background:#0d1412;border-radius:8px;padding:3px;display:flex}.segmented button{min-height:32px;color:var(--muted);background:0 0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.segmented.compact{padding:2px}.segmented.compact button{min-width:37px;min-height:26px;font:600 9px var(--font-mono);padding:0 8px}@media (prefers-reduced-motion:no-preference){button,input,.wheel-orbit img,.axis-track i,.dynamic-fields b{transition:all .15s}}.app-shell{height:100vh;min-height:720px;padding:10px}.app-header{border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:#101715f5;grid-template-columns:minmax(240px,1fr) auto auto minmax(260px,1fr);align-items:center;gap:18px;height:68px;padding:0 15px;display:grid}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid var(--primary-dim);width:38px;height:38px;color:var(--primary);background:#4dd7a514;border-radius:8px;place-items:center;display:grid}.header-metrics{align-items:center;gap:25px;display:flex}.metric{color:var(--muted);align-items:center;gap:8px;display:flex}.metric>div{display:grid}.metric span{letter-spacing:.06em;text-transform:uppercase;font-size:9px}.metric strong{color:var(--text-soft);font:600 11px var(--font-mono);white-space:nowrap}.connection-pill{max-width:360px;color:var(--muted);justify-self:end;align-items:center;gap:10px;display:flex}.connection-pill.state-connected,.connection-pill.state-demo{color:var(--primary)}.connection-pill.state-error{color:var(--danger)}.connection-pill.state-scanning{color:var(--accent)}.connection-pill>div{min-width:0;display:grid}.connection-pill strong{color:currentColor;font-size:12px}.connection-pill small{max-width:300px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.workspace-grid{grid-template:"device telemetry control"minmax(390px,1fr)"log log log"248px/248px minmax(520px,1fr) 324px;gap:7px;height:calc(100vh - 88px);min-height:632px;padding-top:7px;display:grid}.device-sidebar{border-radius:0 0 0 var(--radius);grid-area:device;padding:13px}.telemetry-panel{grid-area:telemetry;padding:13px 15px}.control-sidebar{border-radius:0 0 var(--radius) 0;flex-direction:column;grid-area:control;min-height:0;padding:10px;display:flex}.log-panel{border-radius:var(--radius);grid-area:log;padding:10px 12px 0}.right-tabs{flex:none;margin-bottom:8px}.control-scroll{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding-right:3px;overflow-y:auto}.telemetry-heading{min-height:37px;padding-bottom:7px}.telemetry-stage{grid-template-columns:minmax(320px,1.65fr) minmax(160px,.75fr);gap:13px;height:min(34vh,310px);min-height:228px;padding-top:10px;display:grid}.wheel-zone{border-radius:var(--radius);background:radial-gradient(circle at 65% 46%,#202d29 0,#121a18 56%,#0e1513 100%);min-width:0;position:relative;overflow:hidden}.pedal-zone{border:1px solid var(--border);border-radius:var(--radius);background:#111816;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 11px 9px;display:grid}.telemetry-lower{grid-template-columns:1.1fr .9fr;gap:13px;padding-top:10px;display:grid}.button-bank,.field-bank{min-width:0}.right-empty{min-height:160px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:9px;padding:20px;display:grid}.right-empty p{max-width:240px;font-size:12px}.empty-state{text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.empty-state p{max-width:500px;color:var(--muted)}.scan-orbit{border:1px solid var(--primary-dim);width:72px;height:72px;color:var(--primary);background:#4dd7a50f;border-radius:99px;place-items:center;display:grid;box-shadow:0 0 0 10px #4dd7a506}@media (max-width:1240px){.app-shell{min-width:980px}.app-header{grid-template-columns:1fr auto auto}.header-metrics{display:none}.workspace-grid{grid-template-columns:225px minmax(480px,1fr) 300px}}@media (max-height:820px){.app-shell{min-height:680px}.workspace-grid{grid-template-rows:minmax(360px,1fr) 215px;min-height:592px}.telemetry-stage{height:235px;min-height:220px}.telemetry-lower{display:none}}.device-summary{align-items:center;gap:10px;padding:13px 0 10px;display:flex}.device-avatar{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);background:#101614;border-radius:9px;flex:none;place-items:center;display:grid}.device-avatar.online{color:var(--primary);background:#4dd7a512;border-color:#4dd7a559}.device-summary-copy{min-width:0;display:grid}.device-summary-copy strong,.device-summary-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-summary-copy strong{font-size:12px}.device-summary-copy span{color:var(--muted);font-size:10px}.device-facts{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:1fr 1fr;gap:1px;margin:0 0 8px;display:grid;overflow:hidden}.device-facts div{background:#111816;min-width:0;padding:7px 8px}.device-facts dt{color:var(--muted);letter-spacing:.1em;font-size:8px}.device-facts dd{color:var(--text-soft);font:600 10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex;position:relative}.toggle-row>span{display:grid}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#26332e;border-radius:99px;width:34px;height:18px;position:relative}.toggle-row i:after{background:var(--muted);content:"";border-radius:50%;width:12px;height:12px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:var(--primary-dim)}.toggle-row input:checked+i:after{background:var(--primary);left:19px}.device-list,.report-list{gap:4px;max-height:calc(100vh - 330px);display:grid;overflow-y:auto}.device-row,.report-list button{border-radius:var(--radius-sm);min-height:43px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.device-row:hover,.report-list button:hover,.report-list button.selected{border-color:var(--border);background:var(--surface-2);color:var(--text-soft)}.device-row span,.report-list button>span:nth-child(2){min-width:0;display:grid}.device-row strong,.device-row small,.report-list strong,.report-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-row strong,.report-list strong{font-size:10px}.device-row small,.report-list small{font:9px var(--font-mono)}.device-row em{color:var(--primary);font:normal 8px var(--font-mono);background:#4dd7a521;border-radius:3px;padding:2px 4px}.report-direction{width:31px;height:21px;font:700 8px var(--font-mono);background:#25302d;border-radius:4px;place-items:center;display:grid}.report-direction.input{color:var(--primary)}.report-direction.output{color:var(--accent)}.report-direction.feature{color:var(--info)}.descriptor-warning{border-radius:var(--radius-sm);color:var(--accent);border:1px solid #f2b84b3d;margin:8px 0;padding:7px;font-size:9px}.empty-compact{color:var(--muted);place-items:center;gap:8px;padding:28px 8px;font-size:11px;display:grid}.sample-tag{color:var(--primary);font:9px var(--font-mono);align-items:center;gap:7px;display:flex}.sample-tag strong{color:var(--muted);padding-left:4px}.angle-readout{z-index:2;display:grid;position:absolute;top:14px;left:15px}.angle-readout span{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.12em}.angle-readout strong{color:var(--primary);font:500 32px/1.15 var(--font-mono);letter-spacing:-.06em}.angle-readout small{font:9px var(--font-mono)}.wheel-orbit{place-items:center;display:grid;position:absolute;inset:6px 5% 0 16%}.wheel-orbit:before{aspect-ratio:1;border:1px solid var(--border);content:"";border-radius:50%;width:min(40vh,275px);position:absolute;box-shadow:inset 0 0 0 20px #ffffff03,0 0 50px #4dd7a50a}.wheel-orbit img{z-index:1;filter:drop-shadow(0 15px 14px #00000061);transform-origin:50%;width:min(32vh,224px);max-width:70%}.wheel-center-line{z-index:2;background:var(--primary);width:2px;height:23px;box-shadow:0 0 8px var(--primary);position:absolute;top:2%}.wheel-limit{color:var(--muted);font:9px var(--font-mono);position:absolute;bottom:7px}.wheel-limit.left{left:8%}.wheel-limit.right{right:8%}.axis-meter{text-align:center;grid-template-rows:auto 1fr auto;gap:6px;min-width:0;display:grid}.axis-meter-head{display:grid}.axis-meter-head span{color:var(--text-soft);font-size:10px}.axis-meter-head strong{color:var(--primary);font:600 11px var(--font-mono)}.axis-track{border:1px solid var(--border-strong);background:#0a100e;border-radius:3px;justify-self:center;width:14px;min-height:110px;position:relative;overflow:hidden}.axis-track:before{background:var(--border);height:1px;box-shadow:0 34px 0 var(--border), 0 68px 0 var(--border);content:"";position:absolute;inset:25% 0 auto}.axis-track i{background:linear-gradient(180deg, var(--primary), var(--primary-dim));min-height:2px;position:absolute;bottom:2px;left:2px;right:2px}.axis-meter code{color:var(--muted);text-overflow:ellipsis;font-size:8px;overflow:hidden}.telemetry-chart{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0d1412;height:84px;margin-top:9px;padding:5px 8px 3px}.telemetry-chart svg{width:100%;height:60px;display:block}.chart-zero{stroke:#35463f;stroke-width:1px}.chart-limit{stroke:#26332e;stroke-dasharray:3 5;stroke-width:1px}.chart-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #4dd7a566)}.chart-caption{color:var(--muted);font:8px var(--font-mono);justify-content:space-between;display:flex}.chart-caption strong{color:var(--text-soft);letter-spacing:.08em;font-weight:500}.button-grid{grid-template-columns:repeat(12,minmax(20px,1fr));gap:4px;display:grid}.button-grid div{border:1px solid var(--border);height:24px;color:var(--muted);font:9px var(--font-mono);background:#101715;border-radius:4px;place-items:center;display:grid}.button-grid div.pressed{border-color:var(--primary);color:var(--primary);background:#4dd7a529;box-shadow:0 0 8px #4dd7a529}.dpad-strip{grid-template-columns:auto repeat(4,24px) 1fr;align-items:center;gap:4px;margin-bottom:7px;display:grid}.dpad-strip b{color:var(--text-soft);font-size:10px}.dpad-strip span{border:1px solid var(--border);width:24px;height:22px;color:var(--muted);border-radius:3px;place-items:center;display:grid}.dpad-strip span.pressed{border-color:var(--primary);color:var(--primary);background:#4dd7a529}.dpad-strip em{color:var(--accent);text-align:right;font-size:10px;font-style:normal;font-weight:700}.dynamic-fields{gap:5px;display:grid}.dynamic-fields>div{grid-template-columns:82px 1fr 52px;align-items:center;gap:6px;font-size:9px;display:grid}.dynamic-fields span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dynamic-fields i{background:#26332e;border-radius:99px;height:5px;overflow:hidden}.dynamic-fields b{background:var(--primary);height:100%;display:block}.dynamic-fields code{color:var(--muted);text-align:right}.output-panel,.test-panel{gap:10px;display:grid}.control-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:#111816;padding:10px}.control-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.control-grid .button{min-height:31px;padding:0 5px;font-size:10px}.advanced-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:#111816;overflow:hidden}.advanced-panel summary{min-height:35px;color:var(--text-soft);cursor:pointer;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:650;list-style-position:inside;display:flex}.advanced-panel[open] summary{border-bottom:1px solid var(--border)}.advanced-panel>select,.advanced-panel>.output-fields,.advanced-panel>.raw-grid,.advanced-panel>.raw-payload,.advanced-panel>.button{width:calc(100% - 16px);margin:8px}.advanced-panel>.output-fields+.button,.advanced-panel>.raw-payload+.button{margin-top:0}.output-fields{gap:6px;display:grid}.output-field{grid-template-columns:minmax(72px,1fr) 1fr 58px;align-items:center;gap:6px;display:grid}.output-field>span{min-width:0;display:grid}.output-field strong,.output-field small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.output-field strong{font-size:9px}.output-field small{font:8px var(--font-mono)}.number-input{width:58px;height:28px;font:9px var(--font-mono);padding:0 5px}.field-toggle{color:var(--text-soft);align-items:center;gap:6px;font-size:9px;display:flex}.raw-grid{grid-template-columns:1fr 1fr 1.3fr;gap:5px;display:grid}.raw-grid label,.raw-payload{color:var(--muted);gap:3px;font-size:8px;display:grid}.raw-grid input,.raw-grid select{width:100%;min-height:29px;font:9px var(--font-mono);padding:0 6px}.raw-payload textarea{min-height:55px}.output-feedback{border-radius:var(--radius-sm);color:var(--accent);background:#f2b84b0f;align-items:flex-start;gap:7px;padding:8px;font-size:9px;display:flex}.output-feedback svg{flex:none}.test-hero{border:1px solid var(--border);border-radius:var(--radius);background:#111816;grid-template-columns:66px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.test-score{border:1px solid var(--primary-dim);text-align:center;border-radius:50%;place-content:center;width:62px;height:62px;display:grid}.test-score strong{color:var(--primary);font:600 17px var(--font-mono)}.test-score span{color:var(--muted);font-size:7px}.test-hero h3{margin:2px 0;font-size:13px}.test-hero p{color:var(--muted);font-size:9px}.test-actions{grid-template-columns:1fr .8fr 34px;gap:5px;display:grid}.test-steps{gap:4px;max-height:330px;display:grid;overflow-y:auto}.test-step{border-radius:var(--radius-sm);background:#111816;border:1px solid #0000;grid-template-columns:24px 1fr 51px;align-items:center;gap:6px;min-height:42px;padding:4px 7px;display:grid}.test-step.active{background:#f2b84b0f;border-color:#f2b84b66}.test-step.pass{border-color:#4dd7a538}.test-step.fail{border-color:#ff6b6b52}.step-index{background:var(--surface-3);width:20px;height:20px;color:var(--muted);font:9px var(--font-mono);border-radius:50%;place-items:center;display:grid}.test-step.active .step-index{color:var(--accent);background:#f2b84b29}.test-step.pass .step-index{color:var(--primary);background:#4dd7a524}.test-step.fail .step-index{color:var(--danger);background:#ff6b6b24}.test-step>span:nth-child(2){min-width:0;display:grid}.test-step strong,.test-step small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.test-step strong{font-size:9px}.test-step small{font-size:8px}.test-step code{color:var(--muted);text-align:right;font-size:9px}.sequence-editor textarea{width:calc(100% - 16px);min-height:180px;margin:8px;font-size:8px}.editor-footer{justify-content:space-between;align-items:center;gap:6px;padding:0 8px 8px;display:flex}.editor-footer span{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.editor-footer .button{min-height:29px}.log-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;height:42px;display:flex}.log-toolbar h2{margin-top:1px}.log-filters{align-items:center;gap:5px;display:flex}.search-field{border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--muted);background:#0d1412;align-items:center;gap:5px;padding:0 7px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:155px;font-size:10px}.log-count{min-width:58px;color:var(--muted);font:9px var(--font-mono);text-align:right}.log-table{border-top:1px solid var(--border);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;height:calc(100% - 42px);overflow:auto}.log-row{min-width:930px;min-height:24px;color:var(--muted);border-bottom:1px solid #2a383394;grid-template-columns:100px 42px 58px 60px minmax(360px,1fr) minmax(170px,.6fr);align-items:center;gap:7px;font-size:9px;display:grid}.log-row>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-row code,.log-row time{font:9px var(--font-mono)}.log-row b{font:700 8px var(--font-mono)}.log-head{z-index:1;min-height:24px;color:var(--text-soft);font:600 8px var(--font-mono);letter-spacing:.08em;background:#111816;position:sticky;top:0}.direction-in b{color:var(--primary)}.direction-out b{color:var(--accent)}.direction-sys b{color:var(--info)}.log-empty{min-height:100px;color:var(--muted);font:10px var(--font-mono);place-items:center;display:grid}.mode-switch{min-width:226px}.mode-switch button{min-height:36px;padding:0 13px;font-size:12px}.production-shell{height:calc(100vh - 88px);min-height:632px;padding-top:7px}.production-device-strip{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:#121917;grid-template-columns:42px minmax(230px,1fr) 130px 130px 142px;align-items:center;gap:13px;height:72px;padding:0 18px;display:grid}.production-device-strip.connected{border-color:#4dd7a573}.production-connection-icon{color:var(--danger)}.production-device-strip.connected .production-connection-icon{color:var(--primary)}.production-connection-copy{gap:2px;display:grid}.production-connection-copy strong{font-size:20px;line-height:1.1}.production-connection-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.production-quick-state{border-left:1px solid var(--border);gap:3px;padding-left:14px;display:grid}.production-quick-state span{color:var(--muted);font-size:11px}.production-quick-state b{color:var(--primary);font-size:16px}.production-scan{border:1px solid var(--primary-dim);min-height:44px;color:var(--text);background:#4dd7a517;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.production-scan:hover{background:#4dd7a529}.production-waiting{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);text-align:center;align-content:center;place-items:center;gap:10px;height:calc(100% - 79px);margin-top:7px;display:grid}.production-waiting div{border:2px solid var(--border-strong);width:88px;height:88px;color:var(--muted);border-radius:99px;place-items:center;display:grid}.production-waiting h2{font-size:28px}.production-waiting p{color:var(--muted);font-size:15px}.production-grid{grid-template-columns:minmax(330px,.95fr) minmax(410px,1.15fr) 370px;gap:7px;height:calc(100% - 79px);padding-top:7px;display:grid}.production-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);min-width:0}.production-card-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.production-card-title strong{font-size:20px}.production-card-title span{color:var(--primary);font-size:12px;font-weight:700}.production-wheel-card{flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.production-wheel-value{font:700 clamp(38px, 4vw, 62px) var(--font-display);text-align:center;padding-top:16px}.production-wheel-stage{min-height:0;color:var(--muted);text-align:center;flex:1;grid-template-columns:40px minmax(210px,1fr) 40px;align-items:center;padding:0 12px;font-weight:700;display:grid}.production-wheel-stage img{object-fit:contain;filter:drop-shadow(0 18px 18px #00000061);width:min(100%,410px);max-height:42vh;margin:auto;transition:transform 70ms linear}.production-center-scale{background:linear-gradient(90deg, #35504a, var(--primary) 50%, #35504a);border-radius:99px;height:14px;margin:0 22px;position:relative}.production-center-scale:after{content:"";opacity:.75;background:#fff;width:2px;height:24px;position:absolute;top:-5px;left:50%}.production-center-scale i{background:var(--accent);border-radius:3px;width:6px;height:28px;position:absolute;top:-7px;transform:translate(-50%);box-shadow:0 0 14px #f2b84ba6}.production-wheel-foot{color:var(--muted);justify-content:space-between;padding:14px 22px 18px;font-size:11px;display:flex}.production-wheel-foot b{color:var(--text-soft)}.production-input-card{flex-direction:column;display:flex;overflow:hidden}.production-input-visuals{grid-template-columns:minmax(120px,.75fr) minmax(220px,1.25fr);align-items:center;gap:15px;min-height:220px;padding:14px 16px;display:grid}.production-input-visuals>img{object-fit:contain;filter:drop-shadow(0 10px 14px #0000004d);width:100%;max-height:210px}.production-bars{gap:12px;display:grid}.production-input-bar{grid-template-columns:42px 1fr 52px;align-items:center;gap:9px;display:grid}.production-input-bar strong{font-size:15px}.production-input-bar>div{border:1px solid var(--border-strong);background:#0c1210;border-radius:3px;height:18px;overflow:hidden}.production-input-bar i{background:var(--primary);height:100%;transition:width 70ms linear;display:block}.production-input-bar b{font:700 15px var(--font-mono);text-align:right}.production-input-bar.missing b{color:var(--danger);font:600 11px var(--font-display)}.production-input-bar.missing i{background:0 0}.production-shifter-row{border:1px solid var(--border);background:#111816;border-radius:7px;grid-template-columns:106px 1fr;align-items:center;gap:14px;margin:0 16px;padding:10px;display:grid}.production-shifter-row img{object-fit:cover;border-radius:4px;width:106px;height:76px}.production-shifter-row div{gap:2px;display:grid}.production-shifter-row span,.production-shifter-row small{color:var(--muted);font-size:11px}.production-shifter-row strong{font-size:26px}.production-dpad-strip{grid-template-columns:auto repeat(4,30px) 1fr;align-items:center;gap:5px;margin:12px 16px 0;display:grid}.production-dpad-strip b{margin-right:5px;font-size:12px}.production-dpad-strip span{border:1px solid var(--border-strong);width:30px;height:28px;color:var(--muted);border-radius:4px;place-items:center;display:grid}.production-dpad-strip span.pressed{border-color:var(--primary);color:var(--primary);background:#4dd7a529;box-shadow:0 0 8px #4dd7a52e}.production-dpad-strip em{color:var(--accent);text-align:right;font-size:12px;font-style:normal;font-weight:800}.production-button-grid{grid-template-columns:repeat(12,1fr);gap:5px;margin-top:auto;padding:14px 16px 18px;display:grid}.production-button-grid span{aspect-ratio:1;border:1px solid var(--border-strong);min-width:25px;color:var(--muted);font:700 11px var(--font-mono);border-radius:4px;place-items:center;display:grid}.production-button-grid span.pressed{border-color:var(--accent);background:var(--accent);color:#17130a;box-shadow:0 0 10px #f2b84b66}.production-button-grid em{color:var(--muted);text-align:center;grid-column:1/-1;font-style:normal}.production-action-column{grid-template-rows:minmax(385px,1fr) auto;gap:7px;min-height:0;display:grid}.production-test-card{padding:14px;overflow:auto}.factory-test{align-content:start;gap:10px;min-height:100%;display:grid}.factory-heading{justify-content:space-between;align-items:center;min-height:34px;display:flex}.factory-heading span{font-size:20px;font-weight:800}.factory-heading strong{background:var(--surface-3);min-width:70px;color:var(--muted);text-align:center;border-radius:4px;padding:7px 9px}.factory-test.state-running .factory-heading strong{color:var(--accent);background:#f2b84b29}.factory-test.state-pass .factory-heading strong{color:var(--primary);background:#4dd7a52b}.factory-test.state-fail .factory-heading strong{color:var(--danger);background:#ff6b6b2b}.factory-version-row{grid-template-columns:108px 1fr;gap:7px;display:grid}.factory-version-row label{color:var(--muted);gap:5px;font-size:11px;display:grid}.factory-version-row b{border:1px solid var(--border-strong);min-height:37px;color:var(--primary);font:800 17px var(--font-mono);background:#0e1513;border-radius:4px;align-items:center;padding:0 9px;display:flex}.factory-version-row input{border:1px solid var(--border-strong);width:100%;min-height:37px;color:var(--text);font:800 16px var(--font-mono);background:#0e1513;border-radius:4px;padding:0 9px}.factory-products{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.factory-products label{border:1px solid var(--border);background:#111816;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:12px;font-weight:700;display:flex}.factory-products input{width:16px;height:16px;accent-color:var(--primary)}.factory-prompt{border:1px solid var(--border-strong);text-align:center;background:#0e1513;border-radius:5px;place-content:center;gap:4px;min-height:66px;padding:9px 12px;display:grid}.factory-prompt b{color:var(--text);font-size:15px;line-height:1.4}.factory-prompt span{color:var(--accent);font:800 14px var(--font-mono)}.factory-step-list{gap:6px;display:grid}.factory-step{border:1px solid var(--border);background:#111816;border-radius:4px;grid-template-columns:27px minmax(0,1fr) 102px;align-items:center;gap:7px;min-height:47px;padding:5px 6px 5px 8px;display:grid}.factory-step>span{border:1px solid var(--border-strong);width:25px;height:25px;color:var(--muted);font:800 12px var(--font-mono);border-radius:3px;place-items:center;display:grid}.factory-step>b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.factory-step>div{grid-template-columns:1fr 1fr;gap:4px;display:grid}.factory-step button{border:1px solid var(--border-strong);min-height:33px;color:var(--text);background:#26312e;border-radius:3px;font-size:12px;font-weight:900}.factory-step button:not(:disabled):hover{border-color:var(--primary);background:#31423d}.factory-step button:disabled{color:#5e6865;cursor:default}.factory-step em{color:var(--muted);text-align:center;grid-column:1/-1;font-size:11px;font-style:normal;font-weight:800}.factory-step.active{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.factory-step.active>span{border-color:var(--accent);color:var(--accent)}.factory-step.passed{border-color:#4dd7a573}.factory-step.passed>span,.factory-step.passed em{color:var(--primary)}.factory-step.failed{border-color:#ff6b6b8c}.factory-step.failed>span,.factory-step.failed em{color:var(--danger)}.factory-step.skipped{opacity:.45}.factory-actions{grid-template-columns:1.55fr 1fr;gap:7px;display:grid}.factory-actions .button{min-height:45px;font-size:14px}.factory-shortcut{color:var(--muted);text-align:center;font-size:10px}.production-ffb-card{overflow:hidden}.production-ffb-card>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:17px;font-weight:700;list-style:none;display:flex}.production-ffb-card>summary::-webkit-details-marker{display:none}.production-ffb-card>summary span{color:var(--muted);font-size:11px;font-weight:500}.production-ffb-card[open]>summary{border-bottom:1px solid var(--border)}.production-ffb-card .output-panel{max-height:485px;padding:13px;overflow-y:auto}.production-ffb-card .control-section{padding-top:11px}.production-ffb-card .control-grid{grid-template-columns:1fr 1fr}.production-ffb-card .control-grid .button:nth-child(3){grid-column:1/-1}.ffb-cycle-control{gap:9px;display:grid}.ffb-cycle-note{color:var(--muted);font-size:10px;line-height:1.45}@media (max-width:1240px){.production-grid{grid-template-columns:minmax(300px,.9fr) minmax(370px,1.1fr) 342px}.production-button-grid{grid-template-columns:repeat(8,1fr)}}@media (max-height:820px){.production-shell{min-height:592px}.production-device-strip{height:64px}.production-grid{height:calc(100% - 71px)}.production-wheel-value{padding-top:8px;font-size:38px}.production-input-visuals{min-height:170px;padding-block:8px}.production-input-visuals>img{max-height:155px}.production-shifter-row img{height:58px}.production-shifter-row{grid-template-columns:86px 1fr;padding:7px}.production-test-card{padding:10px}.factory-test{gap:7px}.factory-prompt{min-height:52px}.factory-step{min-height:41px}.factory-actions .button{min-height:40px}}