body {isolation:isolate;background:var(--fg-base)}
body::before {content:"";position:fixed;inset:-60px;z-index:-1;pointer-events:none;background-image:var(--home-wallpaper,var(--fg-wallpaper));background-size:cover;background-position:center;filter:blur(var(--home-wallpaper-blur,0px));}
body::after {content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000;opacity:var(--home-wallpaper-dim,0);}
.theme-dialog {width:540px;max-height:90dvh;overflow:auto}
.background-settings {border-top:1px solid var(--fg-line);margin-top:18px;padding-top:18px;display:grid;gap:12px}
.background-settings h3 {font-size:16px;margin:0}
.background-presets {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.background-choice {height:65px;position:relative;isolation:isolate;border-radius:12px;overflow:hidden;background:var(--preview-background);color:#fff;border:1px solid var(--fg-line);font-size:11px;text-shadow:0 1px 4px #000;padding:30px 4px 5px}
.background-choice::before {content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009);z-index:-1}
.background-choice[aria-pressed=true] {outline:2px solid var(--fg-accent);outline-offset:1px}
.background-preview {min-height:100px;overflow:hidden;border-radius:16px;background-size:cover;background-position:center;display:grid;place-items:center;isolation:isolate;position:relative;padding:16px}
.background-preview::before {content:"";position:absolute;inset:0;backdrop-filter:blur(var(--preview-blur));background:rgba(0,0,0,var(--preview-dim));z-index:-1}
.background-preview span {padding:15px 22px;border-radius:14px;background:var(--fg-card);border:1px solid var(--fg-line);backdrop-filter:var(--fg-card-filter);color:var(--fg-text);font-size:13px}
.background-settings label {display:grid;gap:8px;font-size:13px}
.background-settings label>span {display:flex;justify-content:space-between}
.background-settings input[type=file] {max-width:100%;width:100%;font-size:12px;padding:10px}
.background-actions {display:flex;flex-wrap:wrap;gap:8px}
.background-actions button {font-size:12px;min-height:36px}
.background-settings .fine {margin:0}
@media(max-width:400px){.background-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}