.editable-richtext{position:relative}.editable-richtext-preview{border-radius:6px;cursor:pointer;outline:1.5px dashed rgba(59,130,246,.35);outline-offset:4px;position:relative;transition:outline-color .2s ease}.editable-richtext-preview:hover{outline-color:#3b82f6}.editable-richtext-preview:hover .editable-richtext-overlay{opacity:1}.editable-richtext-overlay{align-items:center;background:#262626d9;border-radius:4px;color:#fffc;display:flex;font-size:12px;gap:6px;height:28px;opacity:0;padding:0 10px;pointer-events:none;position:absolute;right:4px;top:4px;transition:opacity .2s ease}.editable-richtext-editor{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:8px;overflow:hidden}.editable-richtext-toolbar{background:var(--color-border);border-bottom:1px solid var(--color-border);display:flex;gap:2px;padding:8px}.editable-richtext-toolbar button{align-items:center;border-radius:4px;color:var(--color-text);display:flex;font-size:.875rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.editable-richtext-toolbar button:hover{background:#00000014}.editable-richtext-panels{display:grid;grid-template-columns:1fr 1fr;min-height:250px}@media(max-width:768px){.editable-richtext-panels{grid-template-columns:1fr;min-height:200px}}.editable-richtext-source{background:var(--color-bg);border:none;border-right:1px solid var(--color-border);color:var(--color-text);font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;min-height:250px;padding:16px;resize:vertical}.editable-richtext-source:focus{outline:none}@media(max-width:768px){.editable-richtext-source{border-bottom:1px solid var(--color-border);border-right:none}}.editable-richtext-live{color:var(--color-gray);font-size:.875rem;line-height:1.75;max-height:400px;overflow-y:auto;padding:16px}.editable-richtext-live p{margin-bottom:12px}.editable-richtext-live h1,.editable-richtext-live h2,.editable-richtext-live h3,.editable-richtext-live h4{color:var(--color-text);margin-bottom:8px}.editable-richtext-live ol,.editable-richtext-live ul{margin-bottom:12px;padding-left:20px}.editable-richtext-live table{border-collapse:collapse;margin-bottom:12px;width:100%}.editable-richtext-live td,.editable-richtext-live th{border:1px solid var(--color-border);font-size:13px;padding:6px 10px}.editable-richtext-live th{background:var(--color-border);font-weight:600}.editable-richtext-actions{background:var(--color-border);border-top:1px solid var(--color-border);display:flex;gap:8px;padding:8px 16px}.editable-richtext-btn{align-items:center;border-radius:4px;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:500;height:32px;padding:0 16px;transition:all .2s ease}.editable-richtext-btn--save{background:var(--color-primary);color:var(--color-text)}.editable-richtext-btn--save:hover{background:var(--color-hover)}.editable-richtext-btn--save:disabled{cursor:not-allowed;opacity:.6}.editable-richtext-btn--cancel{background:transparent;color:var(--color-gray)}.editable-richtext-btn--cancel:hover{background:#0000000d}.editable-richtext-error{align-self:center;color:#e53e3e;font-size:12px;margin-left:4px}