.halloween-hero { text-align:center; padding-block:var(--sc-space-12) var(--sc-space-8); }
.halloween-hero h1 { font-size:clamp(2rem,4vw,3.5rem); line-height:var(--sc-leading-tight); margin:0 auto var(--sc-space-5); max-width:25ch; }
.halloween-hero p { max-width:72ch; margin-inline:auto; }
.halloween-tool { scroll-margin-top:var(--sc-space-20); }
.halloween-workspace .model-task { scroll-margin-block-start:calc(var(--sc-header-height, var(--sc-space-20)) + var(--sc-space-4)); }
.halloween-tool > .sc-help { margin-block:var(--sc-space-4); }
.halloween-workspace.model-workspace { max-width:none; width:100%; padding:var(--sc-space-6); }
.halloween-workspace .model-workspace__form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:var(--sc-space-4) var(--sc-space-6); align-items:start; }
.halloween-workspace.model-workspace .creative-input { padding:0; border:0; background:transparent; grid-column:1; grid-row:1; }
.halloween-workspace .creative-output { grid-column:1; grid-row:2; }
.halloween-workspace .creative-actions { grid-column:1; grid-row:3; }
.halloween-workspace .model-workspace__status,.halloween-workspace .model-workspace__limit-status { grid-column:1/-1; }
.halloween-workspace .halloween-styles { grid-column:2; grid-row:1/5; min-width:0; }
.halloween-styles h3 { margin:0 0 var(--sc-space-4); font-size:var(--sc-font-size-xl); }
.halloween-style-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--sc-space-4) var(--sc-space-3); max-height:32rem; overflow-y:auto; padding:var(--sc-space-1); scrollbar-width:thin; }
.halloween-style-grid .sc-button { display:grid; grid-template-rows:auto 3.75em; align-content:start; align-items:start; justify-content:stretch; padding:0; border:0; height:auto; min-width:0; white-space:normal; background:transparent; gap:var(--sc-space-2); font-size:calc(var(--sc-font-size-sm) * .86); line-height:1.25; }
.halloween-style-frame { display:block; width:100%; aspect-ratio:4/5; min-width:0; }
.halloween-style-grid .halloween-style-frame img { display:block; width:100%; height:100%; object-fit:contain; background:white; border-radius:var(--sc-radius-md); border:2px solid transparent; box-sizing:border-box; }
.halloween-style-grid button > span:last-child { display:block; width:100%; height:3.75em; overflow-wrap:anywhere; }
.halloween-style-grid button[aria-pressed=true] img { border-color:var(--sc-color-brand-700); }
.halloween-style-grid button[aria-pressed=true] { color:var(--sc-color-brand-700); }
.halloween-style-grid button:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:2px; }
.halloween-styles > p { margin:var(--sc-space-3) 0 0; }
.halloween-workspace.model-workspace .creative-reference-entry { min-height:18rem; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; }
.halloween-page .halloween-workspace.model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .creative-reference-entry { height:18rem; aspect-ratio:auto; }
.halloween-workspace .creative-reference-entry > .creative-reference-entry__label,.halloween-workspace .creative-reference-entry > small { align-self:center; text-align:center; }
.halloween-workspace.model-workspace .creative-input .model-workspace__references { border:0; padding:0; display:block; }
.halloween-workspace.model-workspace .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .model-workspace__reference-list { display:block; }
.halloween-workspace.model-workspace .model-workspace__reference { width:100%; height:18rem; padding:var(--sc-space-3); margin:0; }
.halloween-workspace .model-workspace__reference img { object-fit:contain; height:100%; width:100%; }
.halloween-example-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--sc-space-2); }
.halloween-examples p { margin:var(--sc-space-3) 0 var(--sc-space-2); }
.halloween-example-grid button { padding:0; min-width:0; overflow:hidden; border:1px solid var(--sc-color-border); border-radius:var(--sc-radius-sm); }
.halloween-example-grid img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:white; }
.halloween-scenes .landing-sections__scenario { grid-template-rows:auto; align-items:center; gap:var(--sc-space-10); margin-block:var(--sc-space-20); }
.halloween-scenes .landing-sections__scenario > .landing-sections__copy { grid-row:1; align-self:center; }
.halloween-scenes .landing-sections__scene-title { font-size:calc(var(--sc-font-size-md) * 2); line-height:var(--sc-leading-tight); margin-bottom:var(--sc-space-6); }
.halloween-scenes .landing-sections__copy p { color:var(--sc-color-muted); }
.halloween-paper-board { position:relative; margin:0; aspect-ratio:1.45; background:var(--sc-color-surface-muted); }
.halloween-paper-board > div { position:absolute; width:37%; height:65%; left:17%; top:18%; transform:rotate(-8deg); background:white; box-shadow:var(--sc-shadow-lg); }
.halloween-paper-board > div + div { left:46%; top:24%; transform:rotate(9deg); }
.halloween-paper-board img { display:block; width:100%; height:100%; object-fit:contain; }
.halloween-scene-action { display:inline-flex; min-height:var(--sc-control-height); align-items:center; margin-top:var(--sc-space-4); color:var(--sc-color-brand-700); text-decoration:none; }
.halloween-scene-action:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:var(--sc-space-1); }
@media(max-width:767px) {
 .halloween-scenes .landing-sections__scene-title { font-size:calc(var(--sc-font-size-md) * 1.625); }
 .halloween-paper-board { aspect-ratio:1.2; }
 .halloween-paper-board > div { width:42%; left:14%; }
 .halloween-paper-board > div + div { left:45%; }
 .halloween-scenes .landing-sections__scenario { grid-template-rows:auto auto; gap:var(--sc-space-6); margin-block:var(--sc-space-16); }
 .halloween-scenes .landing-sections__scenario > .landing-sections__media { grid-column:1; grid-row:1; }
 .halloween-scenes .landing-sections__scenario > .landing-sections__copy { grid-column:1; grid-row:2; }
}
.halloween-faq { max-width:52rem; }
@media(max-width:900px) { .halloween-style-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:700px) {
 .halloween-hero { padding-block:var(--sc-space-8) var(--sc-space-5); }
 .halloween-workspace.model-workspace { padding:var(--sc-space-4); }
 .halloween-workspace .model-workspace__form { grid-template-columns:minmax(0,1fr); }
 .halloween-workspace .halloween-styles { grid-column:1; grid-row:4; }
 .halloween-workspace .creative-output { grid-row:2; }
 .halloween-workspace .creative-actions { grid-row:3; }
 .halloween-workspace .halloween-style-grid { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:27rem; }
 .halloween-workspace.model-workspace .creative-reference-entry { min-height:10rem; }
 .halloween-page .halloween-workspace.model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .creative-reference-entry { height:10rem; }
 .halloween-hero h1 { font-size:2rem; }
}