/* Add Prefix and Suffix — локальные стили */
#tool [hidden] { display: none !important; }
.opt-more { flex-basis: 100%; }
.opt-more > summary { display: none; }
.opt-more-body { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
@media (max-width: 768px) {
  .options .field.full { display: flex; width: 100%; flex-direction: column; align-items: stretch; gap: 6px; }
  .options .segmented { display: flex; width: 100%; }
  .options .segmented label { flex: 1; justify-content: center; min-height: 44px; padding: 7px 6px; text-align: center; }
  .opt-more > summary { display: flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 14px; cursor: pointer; }
  .opt-more-body { flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 4px; }
  .opt-more-body > label { min-height: 44px; }
}
.affix-row { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.options .affix-row input[type="text"] { width: 160px; font-family: var(--mono); }
.affix-hint { flex-basis: 100%; font-size: 13px; color: var(--muted); margin-top: -4px; }
.affix-hint code { background: var(--code-bg); border: 1px solid var(--border); border-radius: 6px; padding: 0 4px; }
.presets { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.presets .btn { font-family: var(--mono); }
@media (max-width: 768px) {
  .affix-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; gap: 10px; }
  .affix-row .field { flex-direction: column; align-items: stretch; gap: 4px; }
  .options .affix-row input[type="text"] { width: 100%; height: 44px; }
  .presets { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 4px; }
  .presets .btn { flex: none; }
}
@media (max-width: 359px) { .affix-row { grid-template-columns: minmax(0, 1fr); } }
.opt-more > summary { list-style: none; }
.opt-more > summary::-webkit-details-marker { display: none; }
@media (max-width: 768px) {
  .opt-more { border-top: 1px solid var(--border); }
  .opt-more > summary::after { content: "+"; margin-left: auto; font-size: 20px; font-weight: 400; color: var(--muted); }
  .opt-more[open] > summary::after { content: "−"; }
}