.landing-background-setting{grid-column:1/-1}
.landing-background-setting>.theme-options{max-width:520px}
.landing-palette-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px}
.landing-palette-options[hidden]{display:none}
.landing-palette-option{position:relative;min-width:0;cursor:pointer}
.landing-palette-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.landing-palette-option>span{display:flex;align-items:center;gap:12px;padding:16px 13px;border:1px solid var(--page-line-strong);border-radius:12px;transition:border-color .15s,background .15s}
.landing-palette-option i{display:block;width:34px;height:34px;flex-shrink:0;background:var(--swatch);border:1px solid #0002;border-radius:50%;box-shadow:0 0 0 1px #fff2;font-style:normal}
.landing-palette-option strong,.landing-palette-option small{display:block}
.landing-palette-option strong{font-size:14px;font-weight:500}
.landing-palette-option small{margin-top:4px;color:var(--page-muted);font-size:11px;letter-spacing:.03em}
.landing-palette-option input:checked+span{border-color:var(--page-ink);background:var(--page-soft);box-shadow:inset 0 0 0 1px var(--page-ink)}
.landing-palette-option input:focus-visible+span{outline:2px solid var(--page-focus);outline-offset:4px}
.landing-palette-option:hover>span{border-color:var(--page-ink)}
.landing-palette-note{margin-top:14px;color:var(--page-muted);font-size:13px;line-height:1.6}
.landing-palette-note[hidden]{display:none}
.theme-options input:disabled{cursor:default}
.theme-options input:disabled+span{opacity:.45}
.theme-options label:has(input:disabled){cursor:default}
.theme-options label:has(input:disabled):hover>span{border-color:var(--page-line-strong)}
.shadow-setting:has(input:disabled){opacity:.5}
.shadow-setting input:disabled,.shadow-setting:has(input:disabled) .shadow-switch{cursor:default}
@media(max-width:1000px){.landing-palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.landing-palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-palette-option>span{padding:13px 11px;gap:10px}.landing-palette-option i{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.landing-palette-option>span{transition:none}}