#control-box{background:#fff;border:1px solid #c4d3e5;border-radius:8px;color:#203b59;overflow:hidden}#control-box>details>summary{padding:15px 18px;background:#e9f0f8;font-weight:700;cursor:pointer;font-size:17px}#control-box summary small{font-size:12px;color:#6f87a2;font-weight:400;float:right}.control-help{margin:12px 16px;font-size:13px;color:#657e98}.control-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 14px}.control-actions button,#import-tuning{font-size:13px;background:#edf3fa;color:#284869;border:1px solid #c6d5e6;border-radius:4px;padding:8px;flex:1}.control-actions button:hover,#import-tuning:hover{background:#dce8f5}#control-fields{padding:0 16px;max-height:48vh;overflow-y:auto;scrollbar-width:thin}.control-row{border-bottom:1px solid #e7eef5;padding:10px 0;display:grid;grid-template-columns:1fr 98px;gap:5px 9px}.control-row>label{grid-column:1/-1;font-size:14px;display:flex;justify-content:space-between}.control-row small{font-size:11px;color:#8191a5}.control-row input[type=range]{min-width:0;width:100%;accent-color:#284f7b}.control-step{display:flex;align-items:center}.control-step button{width:24px;height:29px;background:#edf2f8;border:1px solid #d1ddeb;border-radius:3px;color:#28496d}.control-step input{width:50px;min-width:0;font-size:12px;height:29px;border:1px solid #d6e1ed;color:#2a4665;background:white;text-align:center;appearance:textfield}.control-step input::-webkit-inner-spin-button{display:none}.control-direction{font-size:14px;display:block;margin:8px 0}.control-direction select{display:block;width:100%;font-size:13px;padding:8px;border:1px solid #c7d5e4;color:#294866;background:white;border-radius:4px;margin-top:6px}.settings-transfer{margin:12px 16px;font-size:13px}.settings-transfer summary{cursor:pointer;color:#4e6e91}.settings-transfer label{display:block;margin-top:10px;font-size:12px}#settings-json{width:100%;resize:vertical;font-size:12px;color:#304b68;border:1px solid #c6d5e6;margin:8px 0}#control-status{font-size:12px;line-height:1.6;color:#67809c;margin:12px 16px}#control-box button:focus-visible,#control-box input:focus-visible,#control-box select:focus-visible{outline:2px solid #467db3;outline-offset:2px}@media(max-width:1100px){#control-box{grid-column:1/-1}#control-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;max-height:none}.control-direction{grid-column:1/-1}}@media(max-width:600px){#control-fields{grid-template-columns:1fr;max-height:45vh}}

.control-actual{grid-column:1/-1;color:#657e98;font-size:11px}.control-actions button:disabled{opacity:.45;cursor:default}
