/* Missing lyric font notice (fonts-status.mjs). */
.missing-fonts-notice{margin:0 0 10px;padding:10px 12px;border:1px solid rgba(255,196,94,.55);border-radius:8px;background:rgba(255,196,94,.08);font-size:12px;line-height:1.5;color:var(--text)}
.missing-fonts-notice strong{display:block;margin-bottom:4px;color:#ffd98a}
.missing-fonts-notice p{margin:0}
.missing-fonts-fix{margin-top:4px!important;color:var(--muted)}

/* Premium text effects panel + template card tags. Uses the editor's own theme tokens; no new palette. */
.fx-panel > summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.fx-panel .fx-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:var(--muted);text-align:right}
.fx-panel[data-active=true] .fx-summary{color:var(--brand-yellow)}
.fx-body{display:grid;gap:12px;padding:6px 2px 4px}
.fx-note{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.fx-group{display:grid;gap:12px}
.fx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px;font-size:13px;color:var(--text)}
.fx-row input[type=range]{grid-column:1 / -1;width:100%;margin:0}
.fx-row .fx-out{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);min-width:2.2em;text-align:right}
.fx-select{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.fx-select select{min-width:0;width:100%}
.fx-seed{grid-template-columns:auto minmax(0,1fr) auto}
.fx-seed input{min-width:0;width:100%}
.fx-more{border-top:1px solid var(--line-soft);padding-top:10px}
.fx-more > summary{cursor:pointer;font-size:12px;color:var(--muted);padding:2px 0 10px;list-style:none}
.fx-more > summary::-webkit-details-marker{display:none}
.fx-more > summary::before{content:"+";display:inline-block;width:1.1em;color:var(--accent)}
.fx-more[open] > summary::before{content:"\2013"}
.fx-more[open]{display:grid;gap:12px}
.fx-clear{justify-self:start}
.fx-tags{display:block;margin-top:3px;font-size:11px;line-height:1.3;color:var(--brand-yellow);opacity:.9}
.fx-panel :is(summary,input,select,button):focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}