.home-theme-area{position:relative;isolation:isolate;flex:1;min-height:180px;overflow:hidden;pointer-events:none;user-select:none}
.home-theme-area canvas{position:absolute;inset:0;width:100%;height:100%;opacity:calc(var(--home-theme-opacity,.72)*.78);transition:opacity .2s ease}
.dark .home-theme-area canvas{opacity:var(--home-theme-opacity,.72)}
.home-background-settings{display:flex;flex-direction:column;gap:18px;padding:16px;min-width:0}
.home-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.home-theme-choice{display:flex;flex-direction:column;gap:8px;align-items:stretch;position:relative;min-width:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--bg);text-align:left;transition:border-color .15s,background .15s}
.home-theme-choice>img{width:100%;height:72px;object-fit:contain;background:#22232a;border-radius:5px;pointer-events:none}
.home-theme-choice>span{font-size:12px;padding:2px 4px;overflow-wrap:anywhere;white-space:normal}
.home-theme-choice.active{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);background:var(--selected)}
.home-theme-choice.active:after{content:'✓';position:absolute;right:12px;top:12px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--primary);color:var(--primary-text);font-size:12px}
.home-motion-row,.home-intensity-row{display:flex;align-items:center;gap:12px;font-size:13px}.home-intensity-row input{flex:1;min-width:0;accent-color:var(--text);padding:0;border:0;min-height:28px}.home-intensity-row output{min-width:36px;font-size:12px}.home-theme-feedback{line-height:1.6}
@media(max-width:760px){.home-theme-area{min-height:150px;flex:0 0 180px}.home-background-settings{padding:12px;gap:14px}.home-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-theme-choice>img{height:65px}.home-theme-choice{min-height:0}.home-intensity-row{gap:8px}}
@media(prefers-reduced-motion:reduce){.home-theme-area canvas,.home-theme-choice{transition:none}}