css = """
.gradio-container {
    max-width: 95% !important;
    margin: 0 auto;
}
.tab-buttons button {
    font-size: 1.3em;
}
.gr-dataframe th {
    white-space: normal;
    word-break: break-word;
}
table {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.data-source-box {
    border: 1px solid var(--border-color-primary);
    border-radius: 8px;
    padding: 16px !important;
    background: var(--background-fill-primary);
}
.aligned-checkboxes label {
    min-width: 150px !important;
    margin-right: 10px;
}
"""
TITLE_HTML = '<h1 style="text-align:center"><span style="font-size:1.3em">🏆 LLM Compression Leaderboard (Base Model)</span></h1>'
SUBTITLE_HTML = "<h1 style='text-align:center'><span style='font-size:0.8em'>Welcome to Uncheatable Eval LLM Compression Leaderboard, where fancy fine-tuning and cheating won't work 🚫; only compute 💻, data 📊, and real innovation 🔥 can prevail!</span></h1>"
LINKS_HTML = """
<div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; margin: 10px 0;">
    <a href="https://github.com/Jellyfish042/uncheatable_eval" target="_blank" style="text-decoration: none;">
        <img src="https://img.shields.io/badge/GitHub-Project-181717?logo=github" alt="GitHub Project">
    </a>
    <a href="https://huggingface.co/collections/Jellyfish042/uncheatableeval" target="_blank" style="text-decoration: none;">
        <img src="https://img.shields.io/badge/%F0%9F%A4%97%20HuggingFace-Dataset-FFD21E" alt="HuggingFace Dataset">
    </a>
</div>
"""