/* Textareas */
#js-input, #js-output {
  width: 100%;
  min-height: 180px;
  resize: vertical;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 12px 14px;
  font-family: 'Consolas', 'D2Coding', monospace;
  font-size: 13px;
  line-height: 1.6;
  color: #1a1a1a;
  outline: none;
}
#js-input:focus, #js-output:focus { border-color: #0078d4; }
#js-output { background: #f8f8f8; margin-bottom: 10px; }

/* Base .btn-primary is shared via css/categories/code-tool.css; only the
   disabled state (used while Terser lazy-loads on first Minify) is local. */
.btn-primary:disabled { opacity: 0.6; cursor: default; }

.btn-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Size-reduction stat shown after minify */
.stat {
  margin-bottom: 10px;
  font-size: 13px;
  color: #555;
}
.stat strong { color: #107c10; }