.html-editor{background:#fff;border:1px solid #d8d8d8;border-radius:8px;display:flex;flex-direction:column;max-height:100%}.html-toolbar{align-items:center;background:#f8f8f8;border-bottom:1px solid #ececec;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.html-toolbar-select{background:transparent;border:none;height:28px;outline:none;padding:0}.html-toolbar-select-wrap{padding:2px 8px}.html-toolbar-color,.html-toolbar-select-wrap{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:6px;display:inline-flex;gap:4px;height:34px}.html-toolbar-color{padding:2px 6px}.html-toolbar-color input[type=color]{background:transparent;border:none;cursor:pointer;height:24px;padding:0;width:24px}.html-toolbar button{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:22px;padding:2px 6px}.html-toolbar button.active{border-color:#7a7a7a;font-weight:700}.html-toolbar button:disabled{cursor:not-allowed;opacity:.5}.html-editor-content{min-height:180px;outline:none;padding:12px}.html-code-view{border:1px solid #ccc;border-radius:4px;margin:12px;min-height:200px;overflow:hidden}.html-code-view .cm-editor{font-size:13px;height:100%}.html-code-view .cm-scroller{font-family:Consolas,Courier New,monospace}.ai-ghost-text{color:#97a3b6;font-style:italic;opacity:.85;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-suggest-dropdown{background:#fff;border:1px solid #d6dce6;border-radius:10px;box-shadow:0 10px 24px #0f172a24;max-height:280px;max-width:min(540px,calc(100vw - 16px));min-width:280px;overflow:auto;padding:6px;z-index:1200}.ai-suggest-item{background:transparent;border:0;border-radius:8px;color:#1d2a3a;cursor:pointer;display:block;font-size:14px;line-height:1.5;padding:8px 10px;text-align:left;width:100%}.ai-suggest-item.ai-suggest-paragraph{color:#5f7087;font-size:12px;padding:6px 10px}.ai-suggest-item.active,.ai-suggest-item:hover{background:#eef4ff}.ai-suggest-item.ai-suggest-loading{color:#5f7087;cursor:default}.ai-suggest-panel{background:#fff;border:1px solid #d6dce6;border-radius:12px;bottom:8px;box-shadow:0 10px 24px #0f172a24;left:8px;max-height:44vh;overflow:auto;padding:8px;position:fixed;right:8px;z-index:1200}.ai-suggest-panel-header{color:#617289;font-size:12px;font-weight:600;margin-bottom:6px}.ai-suggest-panel-item{background:#f6f9ff;border:0;border-radius:8px;color:#1f3045;display:block;font-size:14px;line-height:1.5;margin-bottom:6px;padding:10px 12px;text-align:left;width:100%}.ai-suggest-panel-item.ai-suggest-paragraph{color:#5f7087;font-size:12px;padding:8px 12px}.ai-suggest-panel-item.active{background:#e6efff}.html-editor .cm-scroller{overflow:unset}.html-editor .html-code-view{overflow:auto}