/* Output-first gallery: every card owns its space; all dimensions refer to real exports. */
.output-options{border:0;padding:0;margin:20px 0 16px;min-width:0}.output-options legend{font-size:20px;font-weight:700;margin-bottom:9px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-card{position:relative;display:flex;cursor:pointer;border:1px solid #4d6653;border-radius:10px;padding:13px 14px;background:#17281c}.option-card:has(input:checked){border-color:var(--lime);background:#30442b;box-shadow:inset 0 0 0 1px var(--lime)}.option-card input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.option-card:focus-within{outline:2px solid var(--lime);outline-offset:3px}.option-card span{display:flex;flex-direction:column;gap:4px}.option-card strong{font-size:22px;line-height:1.1}.option-card small{font-size:14px;color:#b9cbb3}.audio-option{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #39523e;padding:0 0 14px;margin-bottom:10px}.audio-option strong{font-size:18px;display:block;margin-bottom:4px}.audio-option>div>span{display:block;font-size:14px;color:#bac8b6;line-height:1.5}.switch{position:relative;display:block;width:46px;height:36px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.switch>span{position:absolute;inset:6px 0;background:#55675a;border-radius:20px;pointer-events:none}.switch>span:after{content:'';position:absolute;background:#f0f6ee;left:3px;top:3px;width:18px;height:18px;border-radius:50%;transition:transform .15s}.switch input:checked+span{background:#b6f36a}.switch input:checked+span:after{background:#17261b;transform:translateX(22px)}.switch:focus-within{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}.generator .export-explainer{font-size:13px;line-height:1.5;margin:10px 0;color:#aebfac}.generator .generator-price{margin-bottom:0}.generator-price a{min-height:0!important}.generator .consent{margin:8px 0 14px}.result{margin-top:22px;border-top:1px solid #39523e;padding-top:18px}.result-heading{display:flex;justify-content:space-between;gap:12px}.result-heading h3{margin-bottom:0}.result-heading span{color:var(--lime)}#result-stage video{max-height:450px;width:auto;max-width:100%;aspect-ratio:9/16;background:#030704;object-fit:contain}#result-actions{align-items:center}#result-actions .button.primary{color:#12200f}.creation-card .button{margin-bottom:10px;font-size:13px;width:100%}.creation-card>a{display:block;padding:8px 0}.creation-card .fine{font-size:12px}
/* Studio / transformation wall — large, separate input and result frames. */
.tool-hero .hero-grid{align-items:start;gap:42px}.tool-hero .intro-copy{padding-top:12px;min-width:0}.tool-hero .intro-copy h1{font-size:clamp(44px,4.6vw,66px);line-height:1.02!important;margin-bottom:16px}.tool-hero .intro-copy .display{font-size:32px}.tool-hero .lead{font-size:18px;line-height:1.6;margin:18px 0}.tool-hero .hero-proof{margin-top:20px;padding-top:16px;font-size:13px}.tool-hero .hero-links{margin-top:18px;font-size:14px}.tool-hero{position:relative;background:radial-gradient(ellipse at 18% 70%,#34652c24,transparent 60%)}
.hero-transformation{margin-top:28px}.transformation-pair{display:grid;grid-template-columns:1fr 32px 1.25fr;align-items:center;gap:8px}.transformation-pair figure{margin:0;min-width:0}.transformation-pair figcaption{font:700 12px/1.4 DM;letter-spacing:1.7px;margin-bottom:10px;color:#c8d8c8}.transformation-pair img,.transformation-pair video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#080e0b;border:1px solid #405842}.transformation-photo img{background:#dfded6}.transformation-arrow{color:var(--lime);font-size:32px;text-align:center}.transformation-result{filter:drop-shadow(0 12px 30px #a8ef6420)}.transformation-result figcaption{color:var(--lime)}.transformation-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;line-height:1.5;padding:16px 0;color:#b7c7b9}.transformation-footer a{color:var(--lime)}
.generator{border:1px solid #486040;background:linear-gradient(145deg,#1c3022,#101e16);box-shadow:0 20px 70px #0003;scroll-margin-top:24px}.generator h2{font-size:30px!important;line-height:1.2}.creator-step{display:flex;gap:12px;align-items:center;margin:24px 0 14px}.creator-step h3{font:600 20px/1.35 DM;margin:0;color:#eff6f1}.creator-step>span,.step-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--lime);color:#142110;font:700 14px DM;border-radius:6px;flex-shrink:0}.step-badge{margin-right:8px}.generator .upload{min-height:180px;background:#203a275e;border-color:#719168;gap:10px}.generator .upload strong{font-size:20px}.generator .upload>span:not(.upload-icon){font-size:14px;line-height:1.5}.generator .upload-icon{font-size:32px}.generator .upload img{width:min(240px,100%);height:280px;object-fit:contain;background:#e1e0d8;border-radius:10px}.generator .upload:has(#photo-preview:not([hidden])){flex-direction:column}.generator .upload:has(#photo-preview:not([hidden])) .upload-icon{display:none}.generator .consent{font-size:14px;line-height:1.6}.generator .button.primary{min-height:56px;font-size:17px}.generator .generator-price{font-size:14px;line-height:1.65}.option-card{padding:18px}.option-card strong{font-size:28px}.audio-option{margin-top:22px;padding-bottom:20px}.output-options{margin-top:28px}.switch{height:44px}.switch>span{top:10px;bottom:10px}.generator .export-explainer{text-align:left!important}
.showcase{max-width:1360px;padding:64px 36px;border-top:1px solid var(--line)}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.showcase-heading h2{font-size:clamp(38px,4.2vw,60px);line-height:1.05;margin:12px 0 16px}.showcase-heading p{font-size:17px;color:var(--muted);max-width:700px;margin:0;line-height:1.65}.showcase-heading .eyebrow{color:var(--lime)}.gallery-motion{font-size:14px;white-space:nowrap;min-height:46px;padding:10px 18px}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.showcase-card{border:1px solid #3d5442;background:linear-gradient(145deg,#1c2d21,#102017);border-radius:18px;overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}.showcase-card:hover{border-color:#75925c;box-shadow:0 12px 40px #0003}.showcase-comparison{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;align-items:center;padding:22px 22px 0}.showcase-source{margin:0;position:relative;min-width:0}.showcase-source figcaption{font-size:14px;font-weight:600;margin-bottom:12px;color:#bdcdbb}.showcase-source img{width:100%;aspect-ratio:9/16;object-fit:contain;display:block;background:#dfded6;border-radius:10px}.source-arrow{position:absolute;right:-23px;top:50%;z-index:1;width:34px;height:34px;display:grid;place-items:center;background:var(--lime);color:#0b180d;border:4px solid #1b2e20;border-radius:50%;font-size:20px}.showcase-screen{position:relative;aspect-ratio:9/16;overflow:hidden;background:#0a120c;border-radius:10px;box-shadow:0 8px 24px #0003}.showcase-screen video{display:block;width:100%;height:100%;object-fit:contain}.clip-number{position:absolute;bottom:10px;right:12px;color:#fff;font:600 12px DM;pointer-events:none}.result-label{position:absolute;top:10px;left:10px;z-index:1;font-size:12px;padding:5px 9px;border-radius:5px;background:#091b10d9;color:#d3f3bc;pointer-events:none}.showcase-caption{padding:24px}.showcase-caption .eyebrow{font-size:12px;letter-spacing:1px;color:#aac49f;margin-bottom:8px;line-height:1.5}.showcase-caption h3{font:600 26px/1.25 DM;margin:0 0 16px;color:#f2f8ef}.showcase-meta{display:flex;gap:8px;flex-wrap:wrap;color:#d5e8ce;font-size:13px;margin:0 0 18px}.showcase-meta span{border:1px solid #496341;padding:5px 9px;border-radius:5px}.showcase-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;min-height:52px;border:1px solid #65804b;border-radius:9px;background:#294026;color:var(--lime);font:600 16px/1.4 DM}.showcase-open:hover{background:var(--lime);color:#142210}.showcase-detail{font-size:14px;line-height:1.65;color:#a8bea6;margin-top:18px}.showcase-note{color:#a9bba8;font-size:14px;line-height:1.8;margin:28px 0 0;max-width:920px}.showcase-note a{color:#cbedb3}
.showcase-dialog{color:#f3f8ee;background:#101d15;border:1px solid #536f4d;border-radius:18px;padding:24px;width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.showcase-dialog::backdrop{background:#030b07ed;backdrop-filter:blur(8px)}.showcase-dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.showcase-dialog-top h2{font-size:32px;margin:0 0 8px}.showcase-dialog-top p{font-size:14px;color:#b7c9b2;margin:0 0 20px;line-height:1.5}.showcase-dialog-top button{background:#273e2b;color:#fff;border:1px solid #516a4f;border-radius:50%;font-size:28px;line-height:1;width:44px;height:44px;flex-shrink:0}.showcase-dialog-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;max-width:600px;margin:auto}.showcase-dialog-pair figure{margin:0;min-width:0}.showcase-dialog-pair figcaption{margin-bottom:12px;font-size:14px}.showcase-dialog-pair img{width:100%;aspect-ratio:9/16;object-fit:contain;background:#dfded6;border-radius:10px}.showcase-dialog-pair video{max-height:60dvh;aspect-ratio:9/16;width:100%;object-fit:contain;background:#000;border-radius:10px}.showcase-dialog>.button{margin-top:20px;width:100%;font-size:15px}.tool-overview{display:none}.tool-hero~.editorial .copy-section{padding:26px 0}.tool-hero~.editorial .copy-section h3{font-size:28px;line-height:1.25}.tool-hero~.editorial .section-number{font-size:20px;color:var(--lime)}
@media(max-width:1100px){.tool-hero .hero-grid{gap:28px}.showcase{padding:48px 24px}.showcase-grid{gap:20px}.showcase-comparison{gap:14px;padding:16px 16px 0}.showcase-caption{padding:20px}.showcase-caption h3{font-size:23px}}
@media(max-width:800px){.tool-hero .hero-grid{grid-template-columns:1fr}.hero-transformation{max-width:520px;margin:28px auto 0}.tool-hero .intro-copy h1{font-size:clamp(42px,8vw,62px)!important}.tool-hero .intro-copy .display{font-size:30px}.tool-hero .generator{width:100%;max-width:none}.showcase-grid{grid-template-columns:1fr}.showcase-card{max-width:600px;width:100%;margin:auto}.showcase-heading{display:block}.gallery-motion{margin-top:20px}.showcase-heading h2{font-size:42px}.showcase-comparison{padding:20px 20px 0;gap:18px}.showcase-caption{padding:24px}.showcase-caption h3{font-size:26px}.showcase-source img{max-height:440px}.showcase-screen{max-height:510px}.tool-hero .hero-links{flex-wrap:wrap}}
@media(max-width:480px){.tool-hero .lead{font-size:17px}.tool-hero .hero-proof{gap:10px;flex-wrap:wrap}.transformation-pair{grid-template-columns:1fr 22px 1.15fr;gap:6px}.transformation-arrow{font-size:26px}.transformation-footer{font-size:12px}.generator{padding:22px!important}.generator h2{font-size:28px!important}.creator-step h3,.output-options legend{font-size:18px}.option-card{padding:15px 12px}.option-card small{font-size:12px}.generator .upload>span:not(.upload-icon){font-size:13px}.showcase{padding:40px 16px}.showcase-heading h2{font-size:38px}.showcase-heading p{font-size:16px}.showcase-comparison{gap:14px;padding:16px 16px 0}.showcase-caption{padding:20px}.showcase-caption h3{font-size:24px}.showcase-meta{font-size:12px}.showcase-source figcaption{font-size:13px}.source-arrow{right:-24px}.showcase-dialog{padding:16px}.showcase-dialog-top h2{font-size:26px}.showcase-dialog-pair{gap:14px}.showcase-dialog-top p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-card,.switch>span:after{transition:none}}
/* Intrinsic HTML dimensions reserve space; fluid frames control rendered height. */
.transformation-pair img,.showcase-source img,.showcase-dialog-pair img{height:auto}
.hero-watch{border:0;background:none;color:var(--lime);font:inherit;text-align:right;text-decoration:underline;text-underline-offset:4px;padding:8px 0;min-height:44px;cursor:pointer}.hero-motion{border:1px solid #526b48;border-radius:6px;background:transparent;color:#c8d8c2;font:500 13px DM;padding:8px 14px;min-height:44px;cursor:pointer}.hero-watch:hover,.hero-motion:hover{color:#ecffd9}.hero-watch:focus-visible,.hero-motion:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
/* Every supported search landing can complete creation and choose credits in place. */
.hero-links{flex-wrap:wrap}.landing-pricing-heading{padding-bottom:0!important}.landing-pricing-heading h2{font-size:clamp(34px,4vw,48px);margin:10px 0 0}.inline-creator{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;border-top:1px solid var(--line);padding-top:48px!important}.inline-creator h2{font-size:clamp(36px,4vw,52px);line-height:1.1}.inline-creator>div>p{font-size:17px;line-height:1.65;color:var(--muted)}#video-packs{scroll-margin-top:24px}#add-credits{margin-top:16px}#add-credits[hidden]{display:none}.hero-links a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){.inline-creator{grid-template-columns:1fr;gap:28px}}