.diy-halloween-season body{background:#111;color:#f0f0f0}
.diy-halloween-season .llwrap:not(.ai-mode){--bg:#111;--paper:#1c1c1c;--ink:#f0f0f0;--muted:#a0a0a0;--line:#353535;--shadow:0 20px 60px #0003;background:var(--bg);border-radius:0}
.diy-halloween-season .llwrap:not(.ai-mode) .nav{background:#111111f2;border-color:#303030}
.diy-halloween-season .llwrap:not(.ai-mode) .brand img,.diy-halloween-season .llwrap:not(.ai-mode) .site-footer__brand img{filter:invert(1)}
.diy-halloween-season .llwrap:not(.ai-mode) .nav-links{color:#aaa}
.diy-halloween-season .llwrap:not(.ai-mode) .experience-switch{background:#202020;border-color:#333}
.diy-halloween-season .llwrap:not(.ai-mode) .experience-switch a{color:#aaa}
.diy-halloween-season .llwrap:not(.ai-mode) .experience-switch a[aria-current]{background:#eee;color:#171717}
.diy-halloween-season .llwrap:not(.ai-mode) .btn-dark,.diy-halloween-season .llwrap:not(.ai-mode) .hero .btn-light{background:#eee!important;color:#171717}
.diy-halloween-season .llwrap:not(.ai-mode) .btn-light{background:#252525;color:#eee;border-color:#444}
.diy-halloween-season .llwrap:not(.ai-mode) :is(.how-visual,.how-number,.pill,.simple-builder,.sb-visual,.project-tool,.project-tool-image,.project-tool-constructor,.compact-choice button,.plant-choice button,.spec-card,.segmented-choice,.swatch-btn){background:#1c1c1c;color:#eee;border-color:#353535}
.diy-halloween-season .llwrap:not(.ai-mode) :is(button.pill.active,.compact-choice button.active,.plant-choice button.active,.segmented-choice button.active){background:#eee;color:#171717;border-color:#eee}
.diy-halloween-season .llwrap:not(.ai-mode) :is(.gallery-tag,.sb-tag,.sticky-bar){background:#202020ed;color:#eee;border-color:#444}
.diy-halloween-season .llwrap:not(.ai-mode) :is(.project-tool-copy p,.plant-note){color:#a0a0a0}
.diy-halloween-season .llwrap:not(.ai-mode) .project-tool .btn{background:#292929;color:#eee;border:1px solid #494949}
.diy-halloween-season .llwrap:not(.ai-mode) .constructor-showcase .btn-light{background:#252525}
.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual{background:#151923}
.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual>img{object-position:center}

.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual>img{aspect-ratio:3/1;object-fit:contain}
/* Match the AI hero frame and fill it without letterboxing. */
.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual{aspect-ratio:2.27;border-radius:22px}
.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:640px){.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual{aspect-ratio:1.15;border-radius:16px}.diy-halloween-season .llwrap:not(.ai-mode) .hero-visual>img{object-position:35% center}}