.personal-theme-settings .personal-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 10px}.personal-theme-settings h4{margin:0;font-size:15px}.personal-theme-settings p{font-size:12px;line-height:1.6}.personal-thumbnail{display:flex;width:100%;height:60px;padding:7px;gap:5px;border:1px solid #8884;border-radius:8px}.personal-thumbnail>i{width:22%;border-radius:4px}.personal-thumbnail>b{display:flex;flex-direction:column;flex:1;border-radius:4px;padding:4px;font-size:15px}.personal-thumbnail>b>span{width:45%;height:8px;border-radius:3px}.personal-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.personal-color-grid label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #8885;border-radius:9px;font-size:12px}.personal-color-grid input{width:30px;height:30px;border:0;padding:0;cursor:pointer;background:transparent}.personal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.personal-theme-settings .personal-heading button,.personal-actions button,.personal-actions select{font:inherit;font-size:12px;background:var(--color-bg-card,#fff);color:var(--color-text-primary,#173b45);border:1px solid #8886;border-radius:7px;padding:6px 8px;cursor:pointer}.personal-swatches{display:flex;gap:6px;flex-wrap:wrap}.personal-swatches button{width:28px;height:28px;border-radius:6px;border:1px solid #8886}.personal-theme-settings .learning-style-option strong{font-size:11px}.personal-theme-settings .learning-style-option small{font-size:10px}
/* Only explicitly adjusted regions override their current preset. */
html[data-learning-style][data-teaching-original="true"] [data-learning-color="canvas"]{background:var(--teaching-canvas,#010205)!important}
html[data-personal-areas~="keyboard"] :is(#typing-virtual-keyboard,#typing-fingering-demo-keyboard)>div.w-full {background:var(--personal-keyboard)!important;border-radius:12px}
html[data-personal-areas~="tools"] :is(.student-module-header,.student-course-header,.phonetic-pretest-shell>header,[data-learning-color="tools"],[data-theme-region="step-dock"],.learning-footer-controls .scrollbar-none){background:var(--personal-tools)!important}
html[data-learning-style][data-personal-areas~="action"] :is([data-learning-color="action"],.learning-nav-button,.student-module-header button,.student-course-header button,.learning-footer-controls button:not([aria-disabled="true"]),[data-learning-color="tools"] button,.phonetic-pretest-shell>header button){background:var(--personal-action)!important;color:var(--personal-action-ink)!important}
html[data-learning-style][data-personal-areas~="directory"] :is([data-learning-color="directory-card"],.student-course-unit-card:not([aria-pressed="true"]),.word-center-card){background:var(--personal-directory)!important;color:var(--personal-directory-ink)!important}
html[data-learning-style][data-personal-areas~="directory"] :is([data-learning-color="directory-card"],.word-center-card) :is(strong,small,span,div){color:inherit!important}
html[data-personal-areas~="text"] :is(.portal-course,.portal-resume,.portal-access,.word-center-heading p,.student-course-intro p,.learning-style-settings p){color:var(--personal-text)!important}

/* Classic: explicit key tweaks leave hint and pressed colors untouched. */
html[data-learning-style="classic_custom"][data-personal-areas~="keys"] :is(#typing-virtual-keyboard,#typing-fingering-demo-keyboard) button[class*="from-slate-"] {background:var(--kb-key-bg)!important;color:var(--kb-key-text-color)!important}