/* ==========================================================================
   Shuffle DNA — Tool-specific styles
   Shared Benchling-style framework: sms/common/tbb-sequence-tools.css
   ========================================================================== */

/* ── Input textarea ──────────────────────────────────────────────────────── */
.tbb-shuffle-dna .tbb-shdna-input {
	min-height: 120px;
	font-family: var(--tbb-seq-font-mono);
	font-size:   12px;
}

/* ── Output container (plain-text FASTA, white-space: pre) ───────────────── */
.tbb-shdna-output {
	font-family:   var(--tbb-seq-font-mono);
	font-size:     12px;
	line-height:   1.5;
	white-space:   pre;
	overflow-x:    auto;
	overflow-y:    auto;
	max-height:    560px;
	padding:       0.75rem;
	background:    var(--tbb-seq-bg);
	border:        1px solid var(--tbb-seq-border);
	border-radius: 4px;
	word-break:    normal;
	word-wrap:     normal;
	margin:        0;
}

/* ── Wider output on large screens ───────────────────────────────────────── */
@media ( min-width: 900px ) {
	.tbb-shuffle-dna .tbb-shdna-output {
		max-height: 700px;
	}
}