/* Metin aracı (hero ve genel yerleşim renamer.css'ten gelir) */
.tool { margin-top: 44px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; overflow: clip; }
.tabs { display: flex; gap: 2px; padding: 8px 8px 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tab {
  border: 0; background: none; padding: 10px 16px; cursor: pointer; white-space: nowrap;
  color: var(--muted); font: 600 15px var(--font-ui); border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.tab:hover { color: var(--ink); }
.tab[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--signal); }

.opts { display: flex; flex-wrap: wrap; gap: 10px 32px; padding: 16px; border-bottom: 1px solid var(--line); background: var(--paper); }
.opts fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.opts legend { float: left; margin-right: 14px; padding: 0; font-weight: 600; font-size: 14px; }
.opts label.check { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; margin-right: 18px; margin-block: 2px; cursor: pointer; }
.opts input[type="checkbox"], .opts input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--signal); }

.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px; }
@media (max-width: 760px) { .cols { grid-template-columns: 1fr; } }
.col { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.col-label { font-weight: 600; font-size: 14px; }
.col textarea {
  width: 100%; min-height: 300px; resize: vertical; padding: 12px 14px;
  font: 400 15px/1.55 var(--font-ui); color: var(--ink);
  background: var(--paper); border: 1px solid var(--line); border-radius: 10px;
}
.col textarea:focus { outline: 2px solid var(--signal); outline-offset: -1px; border-color: transparent; }
.col textarea[readonly] { background: var(--surface); }
.col-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 36px; }
.btn-primary.small { padding: 7px 16px; font-size: 14px; }
.msg { font-size: 14px; color: var(--muted); }
.msg.error { color: var(--danger); }

.stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; }
.stats > div { padding: 14px 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; }
.stats dt { font-size: 13px; color: var(--muted); }
.stats dd { margin: 2px 0 0; font: 700 26px/1.2 var(--font-ui); letter-spacing: -.02em; overflow-wrap: anywhere; }
#statsCol { padding-top: 26px; }
@media (max-width: 760px) { #statsCol { padding-top: 0; } }