body {
    background-color: #f8f9fa;
    font-family: 'Arial', sans-serif;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
}

.card {
    border-radius: 10px;
    border: none;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.tagline {
    font-size: 1.1rem;
    color: #555;
}

.hidden {
    display: none !important;
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.star-rating {
    display: inline-block;
}

.star-rating .star {
    font-size: 1.5rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.star-rating .star:hover,
.star-rating .star.selected {
    color: #f39c12;
}
.script-section {
    width: 100%; /* Ensures the container takes full width */
    overflow-x: hidden !important; /* Prevents horizontal scrollbar */
}

.script-content {
    white-space: normal !important; /* Forces text to wrap */
    word-wrap: break-word !important; /* Breaks long words */
    overflow-x: hidden !important; /* No horizontal scrollbar */
    overflow-y: visible !important; /* Removes vertical scrollbar */
    width: 100%; /* Full width of parent */
    display: block;
}

pre {
    white-space: normal !important; /* Overrides <pre> default */
    overflow-x: hidden !important; /* No horizontal scrollbar */
    overflow-y: visible !important; /* Removes vertical scrollbar */
    margin: 0; /* Removes default margins */
    width: 100%; /* Full width */
}

.copy-btn, .regenerate-btn {
    font-size: 0.9rem;
}