body {
        background-color: #f8f9fa;
    }
    textarea {
        resize: vertical;
    }
    .output-area {
  background: #f4f4f4;
  border: 1px solid #ccc;
  color: #333;
    }

  #loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1.4rem;
  backdrop-filter: blur(2px);
  z-index: 9999;
  display: none;
}

.loading-text {
  padding: 20px 30px;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;

}

    .card { max-width: 900px; margin: 40px auto; }
    .small-muted { font-size: .9rem; color: #6c757d; }
    .attention { background: #fff3cd; border-left: 4px solid #ffeeba; padding: 12px; border-radius: 6px; }