.composition-editor { padding: 20px; border-bottom: 1px solid var(--color-border, #ddd); }
.composition-editor h2 { font-size: 15px; letter-spacing: .08em; margin: 0 0 8px; }
.composition-editor p { font-size: 12px; line-height: 1.5; }
.composition-editor select { width: 100%; margin: 5px 0; padding: 9px; border: 1px solid #c9cdd0; background: white; font: inherit; font-size: 12px; }
.composition-editor__actions { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.composition-editor button { padding: 8px; border: 1px solid #b4b7ba; background: #fff; color: #343a40; font: inherit; font-size: 12px; cursor: pointer; }
.composition-editor button:disabled { opacity: .4; cursor: default; }
.composition-editor input { width: 58px; padding: 7px; margin: 5px; }
.composition-editor label { font-size: 12px; }
.composition-editor__help { color: #646a70; }
.composition-editor__status { color: #78570b; }
.composition-editor [hidden] { display: none; }