body{margin:0}#root{height:100vh}.sidebar{background:#1a1a1a;box-shadow:0 0 5px #0003;color:#fff;height:100%;position:fixed;top:0;transition:transform .3s ease;z-index:1000}.sidebar.right{right:0}.sidebar.left{left:0}.sidebar.closed{transform:translateX(100%)}.sidebar.left.closed{transform:translateX(-100%)}.toggle-button{background:#1a1a1a;border:none;box-shadow:0 0 5px #0003;color:#fff;cursor:pointer;height:80px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1000}.sidebar.right .toggle-button{border-radius:4px 0 0 4px;left:-40px}.sidebar.left .toggle-button{border-radius:0 4px 4px 0;right:-40px}.resize-handle{background:#0000;cursor:ew-resize;height:100%;position:absolute;top:0;transition:background-color .2s;width:4px}.resize-handle:hover{background:#ffffff1a}.resize-handle.left{left:0}.resize-handle.right{right:0}.sidebar-content{height:100%;overflow-y:auto;padding:20px}.info-panel{background:#2a2a2a;border-radius:4px;margin-bottom:15px;padding:15px}.info-panel h3{font-size:1.1em;margin:0 0 10px}.info-panel p{color:#ccc;margin:5px 0}.sidebar{-webkit-user-select:none;user-select:none}.control-row{gap:10px;margin:10px 0}.control-row,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;justify-content:space-between;padding:5px 0;position:relative;width:100%}.toggle-label input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:20px;display:inline-block;height:20px;margin-left:10px;position:relative;transition:.4s;width:40px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translateX(20px)}.slider-label{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;width:100%}.time-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:2px;height:4px;outline:none;width:100%}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a9eff;border-radius:50%;cursor:pointer;height:16px;width:16px}.time-slider::-moz-range-thumb{background:#4a9eff;border-radius:50%;cursor:pointer;height:16px;width:16px}.control-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.control-group h4{color:#fff;font-size:.9rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.control-group .toggle-label{margin:.25rem 0}
/*# sourceMappingURL=main.952951c4.css.map*/