.reply-text-size-row { flex-wrap: wrap; gap: 14px; }
.reply-text-size-control { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 210px; max-width: 300px; margin-left: auto; }
.reply-text-size-control input { flex: 1; width: 100px; min-width: 60px; min-height: 36px; accent-color: #d8b88e; cursor: pointer; }
.reply-text-size-control input:focus-visible { outline: 2px solid #d8b88e; outline-offset: 4px; border-radius: 4px; }
.reply-text-size-control output { min-width: 42px; text-align: right; color: #ead4b5; font-variant-numeric: tabular-nums; }
.reply-text-size-control button { flex-shrink: 0; }
.setting-row .reply-text-size-preview { flex-basis: 100%; margin: 0; padding: 12px 14px; border: 1px solid #d8b88e24; border-radius: 8px; background: #ffffff03; color: #eadbea; font-family: var(--serif); font-size: calc(16px * var(--reply-text-scale, 1)); line-height: 1.65; overflow-wrap: anywhere; }
@media (max-width: 520px) {
  .reply-text-size-control { flex-basis: 100%; min-width: 0; max-width: none; margin-left: 0; }
  .reply-text-size-control input { min-height: 44px; }
}