/* Generator-spesifik əlavələr */

.result-actions { display: flex; gap: 8px; }
.btn-sm {
  padding: 9px 14px !important;
  font-size: 13px !important;
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 10px !important;
}
.btn-sm svg { width: 14px; height: 14px; }

.result-box {
  margin-top: 16px;
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 4px;
  animation: slideUp 0.35s ease;
}
.result-box textarea {
  width: 100%;
  min-height: 320px;
  max-height: 60vh;
  resize: vertical;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.7;
  padding: 16px 18px;
  word-break: break-all;
}
.result-box textarea::-webkit-scrollbar { width: 10px; }
.result-box textarea::-webkit-scrollbar-thumb {
  background: rgba(96, 165, 250, 0.25);
  border-radius: 999px;
}

#modeBadge {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: default;
}

.toast {
  position: fixed; bottom: 28px; left: 50%;
  transform: translateX(-50%) translateY(12px);
  background: var(--grad-primary);
  color: #fff;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 13px; font-weight: 600;
  box-shadow: var(--shadow-glow);
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
  z-index: 100;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (max-width: 560px) {
  .results-head { flex-direction: column; align-items: stretch; gap: 12px; }
  .result-actions { justify-content: stretch; }
  .result-actions .btn-sm { flex: 1; justify-content: center; }
}