.color-palette-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 16px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease;background:linear-gradient(45deg,#1890ff,#52c41a);border:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-palette-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-text{font-weight:500;margin-left:8px}.color-preview{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px;margin-top:8px}.color-box,.color-preview{display:-webkit-box;display:-ms-flexbox;display:flex}.color-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid #d9d9d9}.color-label{font-size:12px;color:#666;text-transform:capitalize}.preview-container{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.preview-header{padding:16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.preview-title{margin:0 0 16px 0;font-size:18px;font-weight:500;color:#262626}.preview-controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-actions,.preview-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.preview-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-select{-webkit-box-flex:1;-ms-flex:1;flex:1}.preview-btn,.preview-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.preview-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-content{position:relative;min-height:100%}.preview-iframe{border:none;background:#fff}.preview-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;max-height:100%;background:#fafafa}.preview-empty{text-align:center;padding:24px}.preview-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.preview-text{color:#8c8c8c;margin-bottom:16px;font-size:14px}.highlight[data-v-8638e80a]{background-color:#ffc069;padding:0}.editable-row-operations a[data-v-8638e80a]{margin-right:8px}.switch[data-v-8638e80a]{float:right;margin-right:15px}.bottom[data-v-8638e80a]{margin-top:7px}label[data-v-8638e80a]{width:300px;line-height:26px;margin-bottom:20px}a-input[data-v-8638e80a]{height:25px;width:50%;margin-left:50px}.span[data-v-8638e80a]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.space[data-v-8638e80a]{margin-left:200px}.inp[data-v-8638e80a]{margin-left:0}.clearfix[data-v-8638e80a]{float:right}input[data-v-8638e80a]::-webkit-inner-spin-button,input[data-v-8638e80a]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-8638e80a]{-moz-appearance:textfield}.card[data-v-8638e80a] .ant-table-tbody tr{cursor:pointer!important}.subject-tags[data-v-8638e80a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;position:relative}.more-subjects[data-v-8638e80a]{position:relative;cursor:pointer}.remaining-subjects[data-v-8638e80a]{display:none;position:absolute;top:100%;left:0;background:#fff;padding:8px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;white-space:nowrap;z-index:1000}.more-subjects:hover .remaining-subjects[data-v-8638e80a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.card[data-v-8638e80a] .ant-table-tbody>tr{position:relative}.card[data-v-8638e80a] .ant-table-tbody>tr:hover{z-index:1}.card[data-v-8638e80a] .ant-table-tbody>tr:hover .remaining-subjects{z-index:1001}.highlight[data-v-e7c2df14]{background-color:#ffc069;padding:0}.editable-row-operations a[data-v-e7c2df14]{margin-right:8px}.switch[data-v-e7c2df14]{float:right;margin-right:15px}.bottom[data-v-e7c2df14]{margin-top:7px}label[data-v-e7c2df14]{width:300px;line-height:26px;margin-bottom:20px}a-input[data-v-e7c2df14]{height:25px;width:50%;margin-left:50px}.span[data-v-e7c2df14]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.space[data-v-e7c2df14]{margin-left:200px}.inp[data-v-e7c2df14]{margin-left:0}.clearfix[data-v-e7c2df14]{float:right}input[data-v-e7c2df14]::-webkit-inner-spin-button,input[data-v-e7c2df14]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-e7c2df14]{-moz-appearance:textfield}.card[data-v-e7c2df14] .ant-table-tbody tr{cursor:pointer!important}.subject-tags[data-v-e7c2df14]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;position:relative}.more-subjects[data-v-e7c2df14]{position:relative;cursor:pointer}.remaining-subjects[data-v-e7c2df14]{display:none;position:absolute;top:100%;left:0;background:#fff;padding:8px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;white-space:nowrap;z-index:1000}.more-subjects:hover .remaining-subjects[data-v-e7c2df14]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.card[data-v-e7c2df14] .ant-table-tbody>tr:hover .remaining-subjects{z-index:1001}.level-tags[data-v-e7c2df14]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;position:relative}.more-levels[data-v-e7c2df14]{position:relative;cursor:pointer}.remaining-levels[data-v-e7c2df14]{display:none;position:absolute;top:100%;left:0;background:#fff;padding:8px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;white-space:nowrap;z-index:1000}.more-levels:hover .remaining-levels[data-v-e7c2df14]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.card[data-v-e7c2df14] .ant-table-tbody>tr{position:relative}.card[data-v-e7c2df14] .ant-table-tbody>tr:hover{z-index:1}.card[data-v-e7c2df14] .ant-table-tbody>tr:hover .remaining-levels{z-index:1001}