.reading-heading { align-items:center;gap:12px;flex-wrap:wrap; }
.reading-heading .reading-appearance-button { margin-left:auto;margin-right:68px;padding:7px 12px;font-size:12px; }
.admin-mode .reading-appearance .en { font-size:var(--reader-en-size,19px); }
.admin-mode .reading-appearance .zh { font-size:var(--reader-zh-size,14px); }
.admin-mode .reading-appearance[data-paper=custom] { background:var(--reader-paper);color:var(--reader-ink); }
:root .admin-mode .reading-appearance[data-paper=custom] :is(.en,.zh,.reading-heading,.end-mark) { color:var(--reader-ink); }
:root .admin-mode .reading-appearance[data-paper=custom] .zh { color:var(--reader-muted); }
.admin-mode .reading-appearance[data-paper=custom] .sentence:hover { background:#7f91b111; }
.admin-mode .reading-appearance[data-paper=custom] .sentence.active { background:#7d9bc522;border-color:#8299bb55; }
:root .admin-mode .reading-appearance[data-current-color=custom] .sentence.active :is(.en,.zh) { color:var(--reader-current); }
:root .admin-mode .reading-appearance .sentence.active :is(.word-read,.word-active) { color:var(--reader-word-text);background:var(--reader-word,#4169e8);box-shadow:0 0 0 3px var(--reader-word,#4169e8); }
:root .admin-mode .reading-appearance[data-word-mode=current] .sentence.active .word-read:not(.word-active),:root .admin-mode .reading-appearance[data-word-mode=off] .sentence.active :is(.word-read,.word-active) { color:inherit;background:transparent;box-shadow:none; }
.reading-appearance-dialog input[type=color] { height:40px;cursor:pointer; }
.appearance-preview { padding:15px;border:1px solid var(--line);border-radius:8px;line-height:1.7;overflow-wrap:anywhere; }
@media(max-width:600px){.admin-mode .reading-appearance .en { font-size:var(--reader-en-size,18px); }}

/* Only the settings body scrolls; the heading and actions always remain visible. */
.admin-mode .reading-appearance-dialog { width:760px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:0;border-radius:18px;overflow:hidden;background:var(--white);color:var(--ink);box-shadow:0 24px 80px #14213c30; }
.reading-appearance-dialog>form { display:flex;flex-direction:column;max-height:calc(100vh - 42px);min-height:0; }
.reading-appearance-dialog .playback-settings-heading { flex:none;padding:20px 24px;border-bottom:1px solid var(--line);gap:16px; }
.reading-appearance-dialog .playback-settings-heading h2 { font-size:23px;font-weight:700; }
.reading-appearance-dialog .playback-settings-heading .text-button { font-size:14px; }
.appearance-body { overflow:auto;min-height:0;padding:20px 24px;overscroll-behavior:contain; }
.appearance-sections { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px; }
.appearance-section { border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--white);min-width:0; }
.appearance-section:first-child { grid-column:1/-1; }
.reading-appearance-dialog .appearance-section h3 { border:0;padding:0;margin:0 0 12px;font-size:15px;font-weight:650; }
.reading-appearance-dialog .appearance-section .field { margin:8px 0;font-size:14px;gap:7px; }
.reading-appearance-dialog .appearance-section .field>span { color:var(--muted); }
.reading-appearance-dialog .form-grid { gap:12px; }
.reading-appearance-dialog .appearance-size-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-mode .reading-appearance-dialog input:not([type=range]):not([type=checkbox]) { min-width:0;width:100%;min-height:40px;font-size:15px;border-radius:8px; }
.appearance-preview-wrap { margin-top:16px; }
.appearance-preview-label { display:block;margin-bottom:8px;font-size:13px;color:var(--muted); }
.reading-appearance-dialog .appearance-preview { margin:0;padding:14px 16px;border-radius:10px;background:var(--paper); }
.reading-appearance-dialog .playback-settings-actions { flex:none;margin:0;border-top:1px solid var(--line);padding:16px 24px;background:var(--white);align-items:center;gap:10px; }
.reading-appearance-dialog .playback-settings-actions .button { min-height:42px;font-size:14px;padding:10px 17px; }
.reading-appearance-dialog .playback-settings-actions .button:first-child { margin-right:auto; }
@media(max-width:600px){
 .admin-mode .reading-appearance-dialog { max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:14px; }
 .reading-appearance-dialog>form { max-height:calc(100vh - 26px); }
 .reading-appearance-dialog .playback-settings-heading { padding:16px; }
 .appearance-body { padding:16px; }
 .appearance-sections { grid-template-columns:minmax(0,1fr);gap:12px; }
 .reading-appearance-dialog .appearance-size-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .appearance-size-grid .field:first-child { grid-column:1/-1; }
 .reading-appearance-dialog .playback-settings-actions { padding:12px;gap:8px; }
 .reading-appearance-dialog .playback-settings-actions .button { padding:10px 12px; }
}

#player .reading-appearance-button { margin:0; }
@media(max-width:600px){
 .player-inner.has-appearance-settings { display:grid;grid-template-columns:32px 42px 32px minmax(0,1fr) minmax(0,1fr) 32px;gap:8px; }
 .player-inner.has-appearance-settings .player-content { grid-column:1/-1;grid-row:1;margin-left:0; }
 .player-inner.has-appearance-settings #previous { grid-column:1;grid-row:2; }
 .player-inner.has-appearance-settings #play { grid-column:2;grid-row:2; }
 .player-inner.has-appearance-settings #next { grid-column:3;grid-row:2; }
 .player-inner.has-appearance-settings .player-settings-button:not(.reading-appearance-button) { grid-column:4;grid-row:2; }
 .player-inner.has-appearance-settings .reading-appearance-button { grid-column:5;grid-row:2; }
 .player-inner.has-appearance-settings #close-player { grid-column:6;grid-row:2;width:30px;height:30px;margin:0; }
 .player-inner.has-appearance-settings .player-settings-button { font-size:11px;padding:8px 6px; }
}