.html-editor { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); overflow: hidden; box-shadow: 0 6px 18px rgba(18, 43, 78, .06); transition: border-color .2s, box-shadow .2s; }
.html-editor:focus-within { border-color: var(--brand-400); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-400) 18%, transparent), 0 8px 22px rgba(18, 43, 78, .08); }
.html-editor__toolbar { display: flex; flex-wrap: wrap; gap: .25rem; padding: .45rem; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.html-editor__button { width: 2.2rem; height: 2.2rem; border: 1px solid transparent; border-radius: .45rem; background: transparent; color: var(--ink-soft); cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.html-editor__button:hover, .html-editor__button:focus-visible { background: var(--brand-050); color: var(--brand-700); }
.html-editor__button:focus-visible { outline: 2px solid var(--brand-400); outline-offset: 1px; }
.html-editor__content { min-height: 11rem; max-height: 30rem; overflow: auto; padding: 1rem 1.1rem; outline: 0; line-height: 1.95; white-space: normal; color: var(--ink); text-align: start; }
.html-editor__content:empty::before { content: attr(data-placeholder); color: var(--ink-muted); pointer-events: none; }
.html-editor__content ul { padding-inline-start: 1.5rem; }
.html-editor__content h1, .html-editor__content h2, .html-editor__content h3 { margin: 1rem 0 .45rem; color: var(--ink); line-height: 1.45; }
.html-editor__content p { margin: 0 0 .7rem; }
.html-editor__content blockquote { margin: .8rem 0; padding: .6rem .9rem; border-inline-start: 3px solid var(--brand-400); background: var(--surface-soft); color: var(--ink-soft); }
.product-detail__body { text-align: center; }
.product-detail__body ul, .product-detail__body ol { display: inline-block; text-align: start; }
.product-card__body { text-align: center; }
.product-card__actions { justify-content: center; }