/* Geliştirici araçları (yerleşim text.css ve renamer.css'ten gelir) */
.opts .note { margin: 0; color: var(--muted); font-size: 13.5px; max-width: 60em; }
.opts label.inline { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.opts select, .opts input[type="number"] {
  padding: 6px 10px; font: 400 14px var(--font-ui); color: var(--ink);
  background: var(--surface); border: 1px solid var(--line); border-radius: 6px;
}
.opts input[type="number"] { width: 84px; font-family: var(--font-file); }
.btn-ghost.bordered { border: 1px solid var(--line); background: var(--surface); }
.btn-ghost.bordered:hover { border-color: var(--signal); }
.col textarea { font-family: var(--font-file); font-size: 13.5px; line-height: 1.55; tab-size: 2; }
.msg.ok { color: #1c7c4e; }
:root[data-theme="dark"] .msg.ok { color: #56c98f; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .msg.ok { color: #56c98f; } }
.col.wide { grid-column: 1 / -1; }
.col.wide textarea { min-height: 260px; }