.control-panel{padding:21px 25px 22px;margin-top:15px}.control-notice{font-size:11px;color:#9a6b21;background:#fff8e9;border:1px solid #f3e4bf;border-radius:9px;padding:10px 12px;margin:15px 0}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-tile{border:1px solid #e9edf3;border-radius:12px;padding:15px}.control-tile h4{font-size:12px;margin:0 0 13px}.control-tile label{display:flex;justify-content:space-between;font-size:10px;color:#8993a2;margin:12px 0 7px}.control-tile select,.control-tile input[type=range]{width:100%}.control-tile select{height:36px;padding:0 9px;border:1px solid #e5e9f0;border-radius:8px;background:#f7f8fa;color:#8690a1}.control-tile input[type=range]{accent-color:#465cda}.motor-buttons{display:flex;gap:6px;margin-top:14px}.motor-buttons button{min-height:35px;flex:1;border:0;border-radius:8px;background:#eef0f4;color:#9aa3b1;font:inherit;font-size:10px}.motor-buttons button:disabled,.control-tile .primary-button:disabled{opacity:.55;cursor:not-allowed}.matrix-preview{display:grid;grid-template-columns:repeat(5,30px);gap:6px;justify-content:center;margin:8px auto 14px}.matrix-pixel{width:30px;height:30px;border:1px solid #dfe5ee;border-radius:7px;background:#f1f3f7;cursor:pointer}.matrix-pixel.on{background:#465cda;border-color:#465cda;box-shadow:0 2px 7px #465cda55}.control-tile>.secondary-button{margin:0 6px 0 0}@media(max-width:640px){.control-panel{padding:19px}.control-grid{grid-template-columns:1fr}.matrix-preview{grid-template-columns:repeat(5,27px);gap:5px}.matrix-pixel{width:27px;height:27px}}
.bridge-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:700;white-space:nowrap}.bridge-status.is-ready{color:#147a50;background:#e8f7ef}.bridge-status.is-unready{color:#b42332;background:#fff0f1}.bridge-status.is-busy{color:#996515;background:#fff7e6}.bridge-test-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.bridge-test-row label{font-size:11px;color:#8993a2}.bridge-test-row select{min-width:150px;height:36px;padding:0 9px;border:1px solid #e5e9f0;border-radius:8px;background:#f7f8fa;color:#465166}.bridge-test-row select:disabled{opacity:.55}.bridge-test-row button{margin-left:0}.bridge-test-row button:disabled{opacity:.55;cursor:not-allowed}
.drive-control{margin-top:12px}.drive-control .section-head h4{font-size:12px;margin:0}.drive-port-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drive-port-config label{display:grid;gap:7px;font-size:10px;color:#8993a2;margin:13px 0 4px}.drive-port-config select{width:100%;height:36px;padding:0 9px;border:1px solid #e5e9f0;border-radius:8px;background:#f7f8fa;color:#465166}.drive-speed-label{display:flex;justify-content:space-between;font-size:10px;color:#8993a2;margin:13px 0 7px}.drive-control input[type=range]{width:100%;accent-color:#465cda}.drive-pad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,48px);gap:7px;justify-content:center;margin:17px auto 10px}.drive-pad button{border:0;border-radius:10px;background:#465cda;color:#fff;font-size:19px;touch-action:none;user-select:none}.drive-pad button[data-drive-action=stop]{background:#eef0f4;color:#465166;font-size:15px}.drive-pad button:disabled{opacity:.45;cursor:not-allowed}.drive-hint{margin:7px 0 0;text-align:center;font-size:10px;color:#8993a2}@media(max-width:640px){.drive-port-config{grid-template-columns:1fr}.drive-pad{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,52px)}}