#quran-tafsir {
display: flex;
flex-direction: column;
gap: 20px; }
.dropdown-row {
display: flex;
gap: 20px; }
.dropdown-group {
display: flex;
flex-direction: column;
width: 100%; }
.dropdown-group label {
font-size: 1.1em;
margin-bottom: 5px;
margin-left: 5px;
font-weight: bold;
}
.dropdown-group select {
font-size: 1.2em; padding: 5px; }
#tafsir-output {
margin-top: 20px;
font-size: 16px;
line-height: 1.5;
} #font-size-slider {
-webkit-appearance: none;
appearance: none;
width: 150px;
height: 6px; background: #ddd;
border-radius: 3px;
outline: none;
opacity: 0.8;
transition: opacity 0.2s;
margin-right: 10px;
}
#font-size-slider:hover {
opacity: 1; } #font-size-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px; height: 22px; background: #007bff; border-radius: 2px; cursor: pointer; }
#font-size-slider::-moz-range-thumb {
width: 12px;
height: 22px;
background: #007bff;
border: none;
border-radius: 2px;
cursor: pointer;
}
.qti-admin-tools {
margin-top: 24px;
padding: 16px;
border: 1px solid #d7d7d7;
border-radius: 8px;
background: #fafafa;
}
.qti-admin-tools h3 {
margin: 0 0 8px;
}
.qti-admin-tools__desc {
margin: 0 0 12px;
}
.qti-download-button {
padding: 10px 16px;
font-size: 1rem;
cursor: pointer;
}
.qti-download-button.is-loading,
.qti-download-button:disabled {
opacity: 0.65;
cursor: wait;
}
.qti-download-status {
margin-top: 12px;
}
.qti-download-status.is-error {
color: #a61b1b;
}
.qti-download-status.is-success {
color: #1e5f2b;
}