.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-secondary);overflow:hidden}
.rich-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.45rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-bg))}
.rich-editor-toolbar button,.rich-editor-toolbar select,.rich-editor-toolbar input[type="color"]{width:auto;height:30px;min-width:30px;margin:0;padding:.2rem .45rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-secondary);color:var(--color-text);font:inherit;font-size:.74rem}
.rich-editor-toolbar button{cursor:pointer}.rich-editor-toolbar button:hover{border-color:var(--color-primary);color:var(--color-primary)}
.rich-editor-toolbar input[type="color"]{width:34px;padding:3px}.rich-editor-separator{width:1px;height:22px;background:var(--color-border);margin:0 .1rem}
.rich-editor-surface{min-height:150px;padding:.75rem;color:var(--color-text);background:color-mix(in srgb,var(--color-bg) 42%,transparent);outline:none;overflow-wrap:anywhere}
.rich-editor-surface:focus{box-shadow:inset 0 0 0 1px var(--color-primary)}.rich-editor-surface:empty::before{content:attr(data-placeholder);color:var(--color-muted);pointer-events:none}
.rich-editor-surface p{margin:.35rem 0}.rich-editor-hint{padding:.3rem .55rem;color:var(--color-muted);font-size:.68rem}