.kol-account-theme { display: grid; gap: 18px; }
.kol-account-theme__head { display: grid; gap: 5px; }
.kol-account-theme__head h2, .kol-account-theme__head p { margin: 0; }
.kol-account-theme__head p { color: var(--kol-muted); font-size: 13px; line-height: 1.7; }
.kol-account-theme__swatch { background: var(--starless-theme-color); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 0 0 1px rgba(0,0,0,.12); }
.kol-account-theme__status.is-error { color: var(--kol-error); }
.kol-account-reading__field select { width: 100%; min-height: 40px; height: auto; padding: 8px 10px; border: 1px solid var(--kol-border); border-radius: 8px; background-color: var(--kol-surface); color: var(--kol-text); font: inherit; font-weight: 400; }
.kol-account-reading__field select.kol-ui-select { height: auto; }
.kol-account-reading__field select:focus, .kol-account-reading__range input:focus-visible { border-color: var(--primary); outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent); }
.kol-account-reading__range input { width: 100%; accent-color: var(--primary); cursor: pointer; }
.kol-account-reading__range input.kol-ui-range { width: 100%; }
.kol-account-reading__toggle.is-muted { opacity: .7; }
.kol-account-reading__status { margin: 0; color: var(--kol-success); font-size: 13px; }