.control-panel{position:fixed;left:0;right:auto;top:40%;z-index:999;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:flex-start}.control-panel-body{background:#1a1a1a;border:1px solid #444;border-radius:0 8px 8px 8px;padding:16px;min-width:180px;display:none}.control-panel.expanded .control-panel-body{display:block}.control-panel-toggle{min-width:28px;height:28px;background:#1a1a1a;border:1px solid #444;border-bottom:none;border-radius:8px 8px 0 0;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 6px;transition:background .15s}.control-panel:not(.expanded) .control-panel-toggle{border-radius:8px;border-bottom:1px solid #444}.control-panel-btn:hover,.control-panel-toggle:hover{background:#2a2a2a;color:#ccc}.control-panel-header{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.control-panel-section{margin-bottom:0}.control-panel-label{display:block;color:#aaa;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;cursor:help}.control-panel-section>.control-panel-label:not(:first-of-type){margin-top:10px}.control-panel-row{display:flex;align-items:center;gap:10px}.control-speed-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#444;border-radius:2px;outline:0;cursor:pointer}.control-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1abc9c;border:0;cursor:pointer}.control-speed-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#1abc9c;border:0;cursor:pointer}.control-speed-value{color:#ccc;font-size:13px;font-weight:600;min-width:28px;text-align:right}.control-panel-toggle-group{display:flex;gap:6px}.control-panel-btn{flex:1;padding:6px 10px;font-size:12px;font-weight:600;border:1px solid #444;border-radius:4px;background:#222;color:#999;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center}.control-panel-btn.active{background:#1abc9c;border-color:#1abc9c;color:#fff}.control-panel-btn.active:hover{background:#16a085}.control-panel-divider{border:0;border-top:1px solid #333;margin:12px 0}