.my-html[data-v-14aae0b1]{position:relative;padding:10px;-webkit-user-select:text;-ms-user-select:text;user-select:text;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;min-height:300px;overflow:visible}.html-content[data-v-14aae0b1]{line-height:1.6;-ms-flex:1;flex:1;color:#333}.tools-panel[data-v-14aae0b1]{position:sticky;top:20px;right:0;background-color:#f5f5f5;border-radius:8px;padding:12px;margin-left:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);gap:12px;border:1px solid #e0e0e0;z-index:100}.color-picker[data-v-14aae0b1],.tools-panel[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.color-picker[data-v-14aae0b1]{gap:3px;-ms-flex-align:center;align-items:center}.color-selector[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:2px;cursor:pointer;border-radius:4px;transition:all .3s;width:35px;border:1px solid transparent;position:relative;>span[data-v-14aae0b1]{height:25px;width:25px;font-size:18px;text-align:center;line-height:25px;transition:all .3s}.color-selector-bg[data-v-14aae0b1]{color:#fff;background-color:#8f8f8f;border-radius:4px;transition:all .3s}}.color-selector[data-v-14aae0b1]:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);>span[data-v-14aae0b1]{transform:scale(1.05)}}.color-selector.active[data-v-14aae0b1]{background-color:#e6f7ff;border:1px solid #1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.color-selector[data-v-14aae0b1]:active{transform:translateY(0);box-shadow:none}.color-preview-container[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.color-preview[data-v-14aae0b1]{width:20px;height:20px;border-radius:4px;border:1px solid #d9d9d9;cursor:pointer;transition:all .3s;display:block}.color-preview[data-v-14aae0b1]:hover{transform:scale(1.1);box-shadow:0 0 5px rgba(0,0,0,.2)}.color-option[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:4px 8px}.color-swatch[data-v-14aae0b1]{width:16px;height:16px;border-radius:3px}[data-v-14aae0b1] .ant-dropdown-menu{min-width:120px}[data-v-14aae0b1] .ant-dropdown-menu-item{padding:4px 8px}[data-v-14aae0b1] .ant-dropdown-menu-item:hover{background-color:#f5f5f5}.tool-buttons[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-top:4px;width:100%}.tool-btn[data-v-14aae0b1]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:4px;padding:6px 8px;border:none;border-radius:4px;background-color:#e0e0e0;cursor:pointer;font-size:12px;transition:all .3s;box-shadow:0 1px 2px rgba(0,0,0,.1)}.tool-btn[data-v-14aae0b1]:hover:not(.disabled){background-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15)}.tool-btn[data-v-14aae0b1]:active:not(.disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.tool-btn.disabled[data-v-14aae0b1]{opacity:.5;cursor:not-allowed;background-color:#f0f0f0;pointer-events:none}.tool-icon[data-v-14aae0b1]{font-style:normal}