/* Shared gallery, pricing, tutorial and role-maker presentation. */
:root{--paper:#fff;--ink:#17171b;--accent:#6a42cf;--line:#e9e6ef}
body{background:#fff}.header{border-bottom:1px solid var(--line)}.header nav{gap:24px}.collection-intro{padding:46px 0 28px}.collection-intro h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.collection-intro>p{max-width:310px}.collection-intro .kicker{color:var(--accent)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.filters button{padding:9px 17px;border:1px solid #dedce4;border-radius:40px;background:white;font-weight:600;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.template-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.template-media{position:relative;display:flex;justify-content:center;align-items:center;height:370px;background:#f1eaff;overflow:hidden}.template-card:nth-child(3n+2) .template-media{background:#fff0a0}.template-card:nth-child(3n) .template-media{background:#c8e9e4}.template-media iframe,.template-media video{height:100%;aspect-ratio:9/16;max-width:100%;border:0;background:#17171b}.template-media img{width:100%;height:100%;object-fit:cover}.type-pill{position:absolute;left:12px;top:12px;z-index:2;background:#fff;padding:6px 10px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.06em;box-shadow:0 2px 9px #0001;pointer-events:none}.card-copy{padding:20px}.card-copy h3{font-size:22px;letter-spacing:-.04em}.card-copy>p{font-size:13px;color:#67616f;line-height:1.55;margin:10px 0;min-height:40px}.spec-pills{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 18px}.spec-pills span{font-size:11px;padding:4px 8px;background:#f3f1f6;border-radius:6px}.card-copy .button{font-size:12px;padding:10px 17px;width:100%;justify-content:space-between}.card-source{font-size:10px;color:#777;display:block;margin-top:10px}.price-strip{margin:42px 0;padding:28px 32px;border-radius:18px;background:#fff3aa;display:flex;align-items:center;justify-content:space-between;gap:22px}.price-strip strong{font-size:28px;letter-spacing:-.04em}.price-strip p{font-size:13px;margin-top:6px}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:14px}.page-heading{padding:55px 0 30px;max-width:900px}.page-heading h1{font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.055em}.page-heading>p:last-child{color:#67616f;margin-top:18px;font-size:16px}.pricing-layout{display:grid;grid-template-columns:330px 1fr;gap:44px;align-items:start}.price-box{padding:30px;border:2px solid #17171b;border-radius:20px;background:#fff4ac;position:sticky;top:24px}.price-box h2{font-size:23px}.price-number{font-size:68px;letter-spacing:-.06em;font-weight:850;margin:15px 0}.price-number small{font-size:14px;letter-spacing:0;font-weight:500}.price-box ul{padding-left:18px;font-size:14px;line-height:2;margin-bottom:24px}.price-box .button{width:100%}.content-block{padding:26px 0;border-bottom:1px solid var(--line)}.content-block:first-child{padding-top:0}.content-block h2{font-size:27px;margin-bottom:16px;letter-spacing:-.035em}.content-block p,.content-block li{font-size:14px;color:#625c69;line-height:1.8}.content-block ul{padding-left:20px}.spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.spec-table th{color:#6f6878;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.spec-table td,.spec-table th{padding:15px 10px;border-bottom:1px solid var(--line)}.spec-table td:first-child{font-weight:650}.table-scroll{overflow-x:auto}.content-block details{padding:16px 0;border-bottom:1px solid var(--line)}.content-block details p{margin-top:12px}.content-block summary{font-size:14px}.page-footer{margin-top:45px;border-top:1px solid var(--line)}
.maker-page .studio-layout,.maker-page .studio-layout.is-editing{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.maker-page .studio-layout:not(.is-editing){grid-template-columns:1fr}.maker-page .still,.maker-page .scene-star{display:none}.maker-page .scene{background:#f0e9ff;padding:20px;border-radius:20px}.maker-page .scene:before,.maker-page .scene:after{display:none}.maker-page .filmstrip{height:540px}.maker-page .main-film{border:0;border-radius:12px;box-shadow:none}.maker-page .creator{border:1px solid var(--line);box-shadow:none;border-radius:18px}.maker-page .intro-note{max-width:350px}.maker-page .creator-heading .pill{background:#fff1a7;color:#17171b}.role-card{padding:12px 0;border-bottom:1px solid var(--line)}.role-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.role-title small{font-size:10px;color:#76707d;font-weight:500}.role-description{font-size:11px;color:#706b76;margin:5px 0 9px}.role-card .studio-upload{min-height:100px;height:100px;margin:0;border-radius:10px;padding:9px;display:flex;justify-content:center;align-items:center}.role-card .studio-upload img{height:88px;width:100%;object-fit:contain;position:static}.role-card .studio-upload strong{font-size:13px}.role-card .studio-upload small{font-size:10px}.role-card .upload-plus{font-size:22px}.remove-photo{background:none;color:#6a42cf;text-decoration:underline;font-size:11px;margin-top:6px}.photo-tip{margin-top:12px}.template-explainer{display:grid;grid-template-columns:1fr 1fr;gap:45px}.template-explainer h2{font-size:25px}.template-explainer p:last-child{font-size:14px;color:#67616f;margin-top:13px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:step;list-style:none;margin:25px 0;padding:0}.steps li{counter-increment:step;font-size:14px}.steps li:before{content:counter(step);display:block;width:30px;height:30px;border-radius:50%;background:#fff0a0;text-align:center;line-height:30px;font-weight:700;margin-bottom:14px}.steps p{color:#67616f;font-size:13px;line-height:1.7;margin-top:9px}.related-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.related-links a{padding:12px 18px;border:1px solid var(--line);border-radius:12px;font-size:13px}.guide-content{max-width:800px}.guide-content .steps{grid-template-columns:1fr}.guide-content .steps li{border-bottom:1px solid var(--line);padding-bottom:24px}.maker-page .intro-row h1{font-size:clamp(34px,4vw,52px)}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maker-page .studio-layout,.maker-page .studio-layout.is-editing{grid-template-columns:minmax(0,1fr) 340px}.maker-page .filmstrip{height:480px}.pricing-layout{gap:28px;grid-template-columns:290px 1fr}}
@media(max-width:760px){.header nav{gap:13px}.header nav a{font-size:12px}.collection-intro{padding:28px 0 18px}.template-grid{grid-template-columns:1fr;gap:24px}.template-media{height:390px}.template-media img{object-position:center 35%}.card-copy>p{min-height:0}.collection-intro>p{display:none}.price-strip{padding:24px;align-items:flex-start;flex-direction:column}.pricing-layout,.template-explainer,.maker-page .studio-layout,.maker-page .studio-layout.is-editing{grid-template-columns:1fr;gap:24px}.price-box{position:static}.page-heading{padding:32px 0 24px}.page-heading>p:last-child{font-size:14px}.steps{grid-template-columns:1fr;gap:22px}.maker-page .filmstrip,.maker-page .is-editing .filmstrip{height:430px}.maker-page .scene-note{display:block}.maker-page .creator{width:100%;min-width:0}.maker-page .intro-note{display:none}.spec-table td,.spec-table th{padding:13px 6px}.filters{gap:6px}.filters button{padding:8px 13px}}

/* Scene-specific reading sections stay below the preview and maker. */
.template-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:64px;align-items:start}.template-story h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.15;max-width:600px}.template-story>div>p:not(.kicker){font-size:16px;line-height:1.8;color:#625c69;margin:20px 0}.video-includes{padding:28px;background:#fff5c7;border-radius:18px}.video-includes h3{font-size:24px;margin-bottom:18px}.video-includes dl{margin:0 0 20px}.video-includes dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #ded4a7;font-size:13px}.video-includes dt{color:#625c69}.video-includes dd{margin:0;text-align:right;font-weight:650}.video-includes>p:not(.kicker){font-size:12px;line-height:1.7;margin-bottom:15px}.template-notes{display:grid;grid-template-columns:1fr 1fr;gap:64px}.template-notes h2{font-size:27px;letter-spacing:-.035em;line-height:1.2}.template-notes ul{padding-left:20px;margin-top:22px}.template-notes li{font-size:14px;line-height:1.8;color:#625c69;margin-bottom:13px}.maker-page .faq>div:first-child h2{font-size:clamp(28px,3vw,42px);overflow-wrap:break-word}.template-story .kicker,.template-notes .kicker{margin-bottom:14px}
@media(max-width:760px){.template-story,.template-notes{grid-template-columns:1fr;gap:28px}.template-story>div>p:not(.kicker){font-size:14px}.video-includes{padding:23px}.template-notes h2{font-size:24px}}

/* Group photos follow the on-screen cast, below the reference video. */
.maker-page[data-template="babydoll"] .studio-layout,.maker-page[data-template="babydoll"] .studio-layout.is-editing{grid-template-columns:1fr;gap:24px}
.maker-page[data-template="babydoll"] .scene{max-width:720px;width:100%;justify-self:center}
.maker-page[data-template="babydoll"] .creator{padding:30px;background:#fffaf0}
.maker-page[data-template="babydoll"] .creator select{max-width:360px}
.maker-page[data-template="babydoll"] .role-uploads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 16px}
.maker-page[data-template="babydoll"] .role-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.maker-page[data-template="babydoll"] .role-card[data-role="left"]{order:1}
.maker-page[data-template="babydoll"] .role-card[data-role="centre"]{order:2;border-color:#b7a2e5;background:#f9f6ff}
.maker-page[data-template="babydoll"] .role-card[data-role="right"]{order:3}
.maker-page[data-template="babydoll"] .role-description{min-height:34px;line-height:1.5}
.maker-page[data-template="babydoll"] .role-card .studio-upload{height:170px}
.maker-page[data-template="babydoll"] .role-card .studio-upload img{height:150px}
.maker-page[data-template="babydoll"] #email{display:block;max-width:560px}
.maker-page[data-template="babydoll"] .creator form>.button,.maker-page[data-template="babydoll"] #payment-buttons{max-width:400px}
.maker-page[data-template="babydoll"] .creator form>.micro{text-align:left}
@media(max-width:760px){
.maker-page[data-template="babydoll"] .creator{padding:18px 12px}
.maker-page[data-template="babydoll"] .role-uploads{gap:6px}
.maker-page[data-template="babydoll"] .role-card{padding:10px 6px;border-radius:10px}
.maker-page[data-template="babydoll"] .role-title{flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;min-height:35px}
.maker-page[data-template="babydoll"] .role-description{display:none}
.maker-page[data-template="babydoll"] .role-card .studio-upload{height:105px;min-height:105px;padding:4px;margin-top:10px}
.maker-page[data-template="babydoll"] .role-card .studio-upload img{height:90px}
.maker-page[data-template="babydoll"] .role-card .studio-upload small{display:none}
.maker-page[data-template="babydoll"] .role-card .studio-upload strong{font-size:11px}
.maker-page[data-template="babydoll"] .remove-photo{font-size:10px}
}