style.css

/* 1) Overall page background and removal of Streamlit header */
[data-testid="stAppViewContainer"] {
    background-color: #0E1117; /* Dark background similar to screenshot */
}

[data-testid="stHeader"] {
    display: none; /* Hide default Streamlit header if you want a cleaner look */
}

/* 2) Main heading (H1) styling */
h1 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 2.5rem; /* Adjust size as needed */
    margin-bottom: 1rem;
}

/* 3) Icon + text container for “How may I help you?” */
.icon-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

/* The background box behind the icon */
.icon-box {
    background-color: #FFD24C;  /* Similar to the gold/yellow in screenshot */
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 20px;
}

/* The text “How may I help you?” */
.icon-text {
    color: #FFFFFF;
    font-size: 1.1rem;
    margin: 0;
}

/* 4) Subheading for “Add additional files here” */
h4 {
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

/* 5) Streamlit file uploader styling */
[data-testid="stFileUploader"] {
    background-color: #2E2E38;        /* Dark gray box background */
    border: 1px solid #444;          /* Subtle border */
    border-radius: 8px;
    padding: 1.2rem;
    color: #FFFFFF;
}

/* Uploader label text (the main “Drag and drop file here”) */
[data-testid="stFileUploader"] label {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
}

/* The subtext (the smaller “Limit 200MB per file”) */
[data-testid="stFileUploader"] .css-1f42894 {
    color: #B4B4B4;  /* Lighter gray for subtext */
    font-size: 0.9rem;
    margin-top: 0.4rem;
}

/* 6) Browse Files button */
button[kind="secondary"] {
    background-color: #444 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}