styles.css

/* ===== GLOBAL ===== */
body, textarea, input, button {
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
}
.gradio-container {
    background: #ffffff !important;
}

/* ===== HEADER ===== */
#header-title {
    font-weight: bold;
    color: #1a365d;
    font-size: 20px;
}
#demo-badge {
    color: #f7b500;
    font-size: 14px;
    font-weight: bold;
}

/* ===== TEXT COUNTER ===== */
#char-counter {
    display: flex;
    justify-content: space-between;
    color: #000;
    margin-top: -10px;
    margin-bottom: 10px;
}
.char-limit-ok {
    color: green;
}
.char-limit-over {
    color: red;
}