#root,body,html{height:100%;margin:0;padding:0}.App{display:flex;flex-direction:column;height:100%}h1{margin-top:20px;text-align:center}.sponsor-section{margin:10px;position:fixed;right:0;top:0;z-index:1000}.tree-container{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;transition:max-height .4s ease-in-out;width:100%}.tree-container.panel-visible{max-height:80%}.tree-container.panel-hidden{max-height:calc(100% - 40px)}.control-panel{background-color:#f9f9f9;border:1px solid #ccc;bottom:0;left:0;padding:20px;position:fixed;width:100%;z-index:1000}.control-panel.visible{display:block}.control-panel.hidden{display:none}.toggle-section{display:flex;justify-content:center;margin-bottom:10px}.execute-button,.reset-button,.rollback-button,.toggle-button{border:none;color:#fff;cursor:pointer}.toggle-button{background-color:#007bff;padding:10px 20px;position:absolute;top:0}.toggle-button:hover{background-color:#0056b3}.control-console{display:flex;width:100%}.controls-left{display:flex;flex-direction:column;padding:20px;width:40%}.controls-right{padding:20px;text-align:center;width:60%}.controls-right h3{margin:0 0 10px;text-align:center}.input-row{display:flex;flex-direction:column;gap:15px;width:100%}.action,.example-key,.example-value,.input-key,.input-value{align-items:center;display:flex;margin-left:10px;width:calc(100% - 20px)}.action label,.example-key label,.example-value label,.input-key label,.input-value label{text-align:left;width:70px}.example-key button,.example-value button,input,select{padding:5px}input{flex:1 1}.input-key input,.input-value input{width:100%}.button-box{display:flex;gap:10px;justify-content:space-between;margin-top:20px;width:100%}.execute-button,.reset-button{padding:10px 15px;text-align:center;width:48%}.execute-button{background-color:#28a745}.reset-button{background-color:#dc3545}.execute-button:hover{background-color:#218838}.reset-button:hover{background-color:#c82333}.trace-log{list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;text-align:left}.trace-log li{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.trace-log li[data-action=insertOrUpdate]{border-left:4px solid #28a745}.trace-log li[data-action=delete]{border-left:4px solid #dc3545}.rollback-button{background-color:#dc3545;margin-left:10px;padding:5px 10px}.rollback-button:hover{background-color:#c82333}.example-key-button,.example-value-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px}.example-key-button:hover,.example-value-button:hover{background-color:#0056b3}.show-bar{align-items:center;background-color:#ccc;border-top:2px solid #aaa;bottom:0;display:flex;height:40px;justify-content:center;position:fixed;width:100%}.show-bar .toggle-button{background-color:#28a745;color:#fff}
/*# sourceMappingURL=main.430108a6.css.map*/