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