.keyboard-table-container[data-v-eb8e4c10]{width:100%;max-width:1000px;margin:0 auto}.toolbar[data-v-eb8e4c10]{margin-bottom:10px}.toolbar button[data-v-eb8e4c10]{margin-right:5px;padding:5px 10px}.keyboard-table[data-v-eb8e4c10]{width:100%;overflow-x:auto}table[data-v-eb8e4c10]{width:100%;border-collapse:collapse}td[data-v-eb8e4c10],th[data-v-eb8e4c10]{border:1px solid #ddd;padding:8px;text-align:left;position:relative}th[data-v-eb8e4c10]{background-color:#f2f2f2}tr.current-row[data-v-eb8e4c10]{background-color:#f0f8ff}input[data-v-eb8e4c10],select[data-v-eb8e4c10]{width:100%;padding:5px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}input[data-v-eb8e4c10]:focus,select[data-v-eb8e4c10]:focus{outline:2px solid #4caf50}input.error[data-v-eb8e4c10],select.error[data-v-eb8e4c10]{border-color:#f44336}.error-message[data-v-eb8e4c10]{color:#f44336;font-size:12px;position:absolute;bottom:-18px;left:0;white-space:nowrap}.el-select.error[data-v-eb8e4c10]{[data-v-eb8e4c10] .el-input__inner{border-color:#f56c6c}}.el-select[data-v-eb8e4c10] .el-select-dropdown__item{padding:0 20px;height:auto;line-height:34px}.custom-option[data-v-eb8e4c10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-option img[data-v-eb8e4c10]{width:20px;height:20px;margin-right:10px}