|
|
body, .gradio-container { |
|
|
font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; |
|
|
} |
|
|
|
|
|
#header, h1, .gradio-container h1 { |
|
|
color: #d72660 !important; |
|
|
text-shadow: 0 2px 10px #f6abb6cc; |
|
|
letter-spacing: 2px; |
|
|
font-size: 2.2rem !important; |
|
|
font-weight: 900 !important; |
|
|
} |
|
|
|
|
|
.markdown, .gr-markdown-content { |
|
|
background: none !important; |
|
|
font-size: 1.05em; |
|
|
border-radius: 1.2em !important; |
|
|
} |
|
|
|
|
|
.gr-block, .gr-box, .gradio-container .gr-panel, .gradio-container .gr-form { |
|
|
background: #fff7fd !important; |
|
|
border-radius: 1.5em !important; |
|
|
box-shadow: 0 2px 12px #e1e0e988; |
|
|
border: 1.5px solid #ebd8ed !important; |
|
|
padding: 1em 1.3em !important; |
|
|
transition: box-shadow 0.16s, transform 0.16s; |
|
|
} |
|
|
|
|
|
.gr-block:hover, .gr-box:hover, .gradio-container .gr-panel:hover, .gradio-container .gr-form:hover { |
|
|
box-shadow: 0 8px 28px #e0c8efbb; |
|
|
transform: translateY(-2px) scale(1.01); |
|
|
} |
|
|
|
|
|
.gr-file, .gr-textbox, .gradio-container .gr-input, .gradio-container input[type="text"] { |
|
|
background: #f4eaf7 !important; |
|
|
border: 1.5px solid #b4aee8 !important; |
|
|
border-radius: 1em !important; |
|
|
color: #422046 !important; |
|
|
transition: border 0.14s, box-shadow 0.14s; |
|
|
} |
|
|
|
|
|
.gr-file:focus-within, .gr-textbox:focus-within, .gradio-container .gr-input:focus-within, .gradio-container input[type="text"]:focus { |
|
|
border: 1.5px solid #d72660 !important; |
|
|
box-shadow: 0 0 0 3px #fad0c4aa; |
|
|
background: #fff !important; |
|
|
color: #d72660 !important; |
|
|
} |
|
|
|
|
|
.gradio-container label, .gradio-container .label, .gradio-container .gr-label { |
|
|
color: #a365d6 !important; |
|
|
font-weight: 700 !important; |
|
|
font-size: 1.08em !important; |
|
|
} |
|
|
|
|
|
.gr-button, button, [data-testid="button"] { |
|
|
background: linear-gradient(90deg,#fbb1f3,#b3cfff 90%) !important; |
|
|
color: #36374b !important; |
|
|
border: none !important; |
|
|
border-radius: 2em !important; |
|
|
font-size: 1.1em !important; |
|
|
padding: 0.7em 2.1em !important; |
|
|
font-weight: 800; |
|
|
letter-spacing: 1px; |
|
|
box-shadow: 0 2px 12px #ffd6e633; |
|
|
transition: transform 0.14s, box-shadow 0.14s, background 0.14s; |
|
|
} |
|
|
|
|
|
.gr-button:hover, button:hover, [data-testid="button"]:hover { |
|
|
background: linear-gradient(93deg,#b3cfff,#fbb1f3 90%) !important; |
|
|
color: #d72660 !important; |
|
|
transform: scale(1.04); |
|
|
box-shadow: 0 5px 24px #d6c1ec66; |
|
|
} |
|
|
|
|
|
input[type="file"]::file-selector-button { |
|
|
background: #b3cfff !important; |
|
|
color: #5d3865 !important; |
|
|
border: none; |
|
|
border-radius: 1em; |
|
|
padding: 0.5em 1.1em; |
|
|
font-weight: 700; |
|
|
font-size: 1em; |
|
|
box-shadow: 0 1px 8px #e8c8f233; |
|
|
margin-right: 0.8em; |
|
|
transition: background 0.18s, transform 0.18s; |
|
|
} |
|
|
|
|
|
input[type="file"]::file-selector-button:hover { |
|
|
background: #fbb1f3 !important; |
|
|
color: #d72660 !important; |
|
|
transform: scale(1.07); |
|
|
} |
|
|
|
|
|
.gr-output label, .gradio-container .gr-label { |
|
|
color: #b589d6 !important; |
|
|
font-weight: 700 !important; |
|
|
} |
|
|
|
|
|
.gradio-container .gr-textbox[aria-disabled="true"], .gradio-container .gr-textbox[readonly] { |
|
|
background: #fde4e9 !important; |
|
|
color: #d72660 !important; |
|
|
border: 1.5px solid #fbb1f3 !important; |
|
|
} |
|
|
|
