#sqlite-rightbar,#sqlite-table-sidebar{height:100%;overflow-y:auto;box-sizing:border-box;position:fixed}.custom-file-input,.modal{display:none}body{display:flex;height:100vh;margin:0;position:relative;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px}#sqlite-table-sidebar{width:200px;border-right:1px solid #ccc;padding:0 10px}#sqlite-table-main{margin-left:200px;margin-right:240px;padding:0 10px 10px;flex-grow:1;box-sizing:border-box;width:calc(100% - 600px)}#sqlite-rightbar{width:240px;border-left:1px solid #ccc;padding:0 10px 10px;right:0}table{border-collapse:collapse;width:auto;min-width:600px}td,th{border:1px solid #ccc;padding:8px;text-align:left;white-space:nowrap}.selected{background-color:#e0e0e0}#output{padding-right:20px;padding-bottom:30px;width:100%;box-sizing:border-box}#output,#selected-data,#sqlite-table-container{min-height:calc(100vh - 70px);height:calc(100vh - 215px);overflow:auto}input[type=text],textarea{box-sizing:border-box;padding:6px 8px;border:1px solid #c9c9c9;color:#222;background-color:#fff}.data-column input[type=text],.data-column textarea{width:100%;margin-top:4px}input:focus-visible,textarea:focus-visible{outline:0}textarea{height:50px;resize:vertical}#sqlite-table-list{list-style-type:none;margin:0;padding:0}#sqlite-table-list a{color:#222;text-decoration:none}#sqlite-table-list li{padding:5px 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#sqlite-table-list li.highlight{background-color:#eee}.sqlite-header-section{padding:10px 0 20px;border-bottom:1px solid #eee;margin-bottom:10px;height:50px;box-sizing:border-box}.sqlite-header-section .header-label{padding-top:10px}.file-label,button{background-color:#393939;color:#fff;padding:7px 12px;border-radius:3px;cursor:pointer;border:none}.file-label:hover{background-color:#424242}.data-column{margin-bottom:5px}.data-type{float:right;margin-top:-1px;background-color:#737373;padding:4px 6px;font-size:8px;border-radius:2px;color:#fff}button:disabled{background-color:#626262;cursor:not-allowed;color:#fff}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal h2{margin-top:0}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;margin-top:-8px;margin-right:-4px}.close:focus,.close:hover{color:#000;text-decoration:none}