.extractor-layout { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: start; }
@media (max-width: 768px) { .extractor-layout { grid-template-columns: 1fr; } }

.input-textarea, .output-textarea { min-height: 280px; resize: vertical; font-size: 0.85rem; }
.output-textarea { font-family: monospace; }

.extractor-middle { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding-top: 1.75rem; }

.output-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.35rem; flex-wrap: wrap; gap: 0.5rem; }
.output-btns { display: flex; align-items: center; gap: 0.5rem; }
.sep-select { font-size: 0.8rem; padding: 0.25rem 0.5rem; height: auto; }

.count-badge { background: var(--color-primary); color: #fff; font-size: 0.72rem; font-weight: 700; padding: 0.1rem 0.45rem; border-radius: 99px; vertical-align: middle; }