.control-page{max-width:1320px}.control-status{background:var(--panel);border:1px solid var(--border);align-items:flex-start;gap:15px;margin-bottom:22px;padding:20px;display:flex}.control-status>svg{color:var(--accent);flex-shrink:0}.control-status p{color:var(--muted);margin:6px 0}.control-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0;display:flex}.control-toolbar label{flex:1;gap:7px;min-width:200px;display:grid}.control-page input:not([type=checkbox]),.control-page select{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;min-width:0;max-width:100%;padding:11px}.control-presets{grid-template-columns:1fr 1fr;gap:16px;margin:25px 0;display:grid}.control-presets>button{background:var(--panel);color:var(--text);border:1px solid var(--border);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:18px;display:flex}.control-presets>button:hover{border-color:var(--accent)}.control-presets span{flex:1}.control-presets strong,.control-presets small{display:block}.control-presets small{color:var(--muted);margin-top:6px}.control-layout{grid-template-columns:1fr 1.25fr;align-items:start;gap:22px;display:grid}.control-panel{border:1px solid var(--border);background:var(--panel);margin-bottom:24px;padding:25px}.control-panel h2{align-items:center;gap:10px;margin-top:0;display:flex}.control-panel p,.control-panel small{color:var(--muted);line-height:1.7}.control-form{gap:16px;margin-top:20px;display:grid}.control-form label:not(.control-check),.control-test label:not(.control-check){gap:7px;display:grid}.control-form fieldset{border:1px solid var(--border);gap:10px;padding:14px;display:grid}.control-form legend{padding:0 6px}.control-check{align-items:center;gap:9px;line-height:1.5;display:flex}.control-check input{accent-color:var(--accent);flex-shrink:0}.control-device{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.control-device span{flex:1}.control-device strong,.control-device small{display:block}.control-device-action{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-rule-head{align-items:center;gap:12px;display:flex}.control-rule-head label{flex:1}.control-rules article{border-top:1px solid var(--border);padding:18px 0}.control-rules ol{line-height:1.8}.control-test{grid-template-columns:1fr 1fr;gap:15px;display:grid}.control-result{color:#262521;background:#d8cfb8;margin-top:20px;padding:20px}.control-result p,.control-result small{color:#424238}.control-result ol{line-height:1.8}.control-explain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.control-source-links{flex-wrap:wrap;gap:15px;margin:20px 0;display:flex}.control-page button:focus-visible,.control-page input:focus-visible,.control-page select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.control-page code{color:var(--accent)}@media (max-width:850px){.control-layout,.control-explain-grid{grid-template-columns:1fr}.control-panel{padding:18px}}@media (max-width:550px){.control-presets,.control-test{grid-template-columns:1fr}.control-device-action{flex-direction:column;align-items:start}}.control-kit>fieldset{border:0;min-width:0;margin:0;padding:0}.control-kit-add{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.control-kit-add label{gap:7px;display:grid}.control-kit-add label:first-child{flex:1;min-width:200px}.control-kit-add input{width:95px}.control-kit-scroll{margin-top:20px;overflow-x:auto}.control-kit-table{border-collapse:collapse;text-align:left;width:100%}.control-kit-table caption{text-align:left;color:var(--muted);padding-bottom:14px;font-size:13px;line-height:1.6}.control-kit-table th,.control-kit-table td{border-bottom:1px solid var(--border);padding:12px 10px}.control-kit-table thead th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.control-kit-table tbody th{min-width:240px;font-weight:500}.control-kit-item{align-items:center;gap:12px;display:flex}.control-kit-item small{font-size:12px;display:block}.control-kit-table input{width:100px}.control-kit-ready{color:#adc091;font-size:13px}.control-kit-missing{color:var(--text);font-weight:700}.control-kit-total{color:#262521;background:#d8cfb8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:20px;display:flex}.control-kit-total>div{flex:1;min-width:220px}.control-kit-total p{color:#424238;margin-bottom:0;font-size:13px}.control-kit-total .button-primary{gap:10px}.control-kit-note{border-left:2px solid var(--accent);padding-left:14px;font-size:13px}.control-kit-empty{border:1px dashed var(--border);padding:22px}.control-assembly-card{border:1px solid var(--border);margin-top:16px}.control-assembly-card>summary{cursor:pointer;align-items:center;gap:14px;padding:18px;display:flex}.control-assembly-card>summary:after{content:"+";color:var(--accent);margin-left:auto;font-size:24px}.control-assembly-card[open]>summary:after{content:"−"}.control-assembly-card>summary strong,.control-assembly-card>summary small{display:block}.control-assembly-card>summary small{margin-top:6px}.control-assembly-body{padding:0 20px 20px}.control-assembly-body h3{margin-top:28px}.control-assembly-kit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:18px 0;display:grid}.control-assembly-kit>div{background:var(--bg);align-items:center;gap:10px;padding:10px;display:flex}.control-assembly-kit span{flex:1}.control-assembly-steps{padding-left:22px}.control-assembly-steps li{padding:8px 0}.control-assembly-steps p{margin:5px 0}.control-assembly-wires{gap:8px;padding:0;list-style:none;display:grid}.control-assembly-wires li{background:var(--bg);grid-template-columns:28px 1fr 24px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.control-assembly-wires li>div{align-items:center;gap:10px;display:flex}.control-assembly-wires code{margin-top:5px;font-size:13px;display:block}.control-wire-number{color:var(--muted);font-size:12px}.control-assembly-checks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.control-assembly-checks article{border-left:2px solid var(--accent);background:var(--bg);padding:10px 14px}.control-assembly-body details>summary{cursor:pointer;padding:12px 0}.control-assembly summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:600px){.control-assembly-body{padding:0 12px 12px}.control-assembly-wires li{grid-template-columns:20px 1fr;gap:8px}.control-assembly-wires li>svg{grid-column:1;transform:rotate(90deg)}.control-assembly-wires li>div:last-child{grid-column:2}}
