.home-page .home-hero{display:block;padding:36px 0 32px;scroll-margin-top:96px}@media(min-width:768px){.home-page .home-hero{padding:48px 0 40px}}.home-intro{display:block;text-align:center;min-width:0;margin-bottom:16px}.home-intro:last-child{margin-bottom:0}.home-intro h1{font-size:clamp(28px,3.3vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.home-description{max-width:720px;margin:12px auto 20px;color:var(--muted-foreground);font-size:16px;line-height:1.65}@media(min-width:640px){.home-description{font-size:16px}}.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.home-actions>*{min-height:40px;padding-inline:22px;font-size:14px;font-weight:500;border-radius:var(--radius)}.home-stage{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground)}.home-preview{min-width:0;width:112px;flex-shrink:0}.home-preview figcaption{margin-bottom:8px;text-align:center;font-size:12px;line-height:16px;font-weight:500}.home-preview-frame{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--muted);aspect-ratio:9 / 16}.home-preview video{display:block;width:100%;height:100%;object-fit:cover}.home-preview-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius);color:var(--background);background:color-mix(in oklch,var(--foreground) 80%,transparent);font-size:12px;cursor:pointer}.home-preview-remove{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius);color:#fff;background:#000000b3;cursor:pointer}.home-preview-toggle:focus-visible,.home-preview-remove:focus-visible{outline:2px solid white;outline-offset:-3px}.home-preview figcaption{margin-top:8px;overflow-wrap:anywhere}.home-preview-error,.home-generation-time{margin-top:8px;color:var(--muted-foreground);font-size:12px;line-height:1.6}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:20px}@media(min-width:480px){.home-preview{width:128px}}@media(min-width:768px){.home-preview{width:108px}}.home-template-section{padding:32px 0 56px}.home-template-masonry{column-count:2;column-gap:16px}.home-template-masonry>a{display:block;width:100%;margin-bottom:16px;break-inside:avoid;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card);transition:background-color .18s ease,border-color .18s ease}.home-template-masonry>a:hover{background:var(--secondary);border-color:color-mix(in oklch,var(--foreground) 30%,var(--border))}.home-template-masonry>a[aria-current=true]{border-color:var(--primary-emphasis)}.home-template-masonry>a>div:first-child{aspect-ratio:auto;overflow:hidden;position:relative}.home-template-masonry>a>div:first-child>img{display:block;width:100%;height:auto}.home-template-masonry>a>div:last-child{padding:12px 14px;font-size:14px;font-weight:600;line-height:1.4}@media(min-width:640px){.home-template-masonry{column-count:2;column-gap:16px}.home-template-masonry>a{margin-bottom:16px}}@media(min-width:768px){.home-template-masonry{column-count:3;column-gap:16px}}@media(min-width:1280px){.home-template-masonry{column-count:4;column-gap:16px}}.home-section{padding:64px 0;border-top:1px solid var(--border);scroll-margin-top:96px}.home-section h2{max-width:750px;font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-.025em;font-weight:700;text-wrap:balance}.home-kicker{margin-bottom:12px;color:var(--primary-emphasis);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#how-it-works>:is(h2,.home-kicker),.home-comparison>:is(h2,.home-section-intro){max-width:none;text-align:center}.home-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}@media(max-width:860px){.home-three-grid{grid-template-columns:1fr}}.home-steps{position:relative}.home-steps article{min-width:0;text-align:left;padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);transition:border-color .28s ease}.home-steps article:hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--border))}.home-step-number{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;margin:0 0 16px;border-radius:var(--radius);border:1px solid color-mix(in oklch,var(--primary) 30%,transparent);background:color-mix(in oklch,var(--primary) 10%,var(--background));color:var(--primary-emphasis);font-size:12px;font-weight:700;letter-spacing:.05em}.home-steps h3{margin:14px 0 6px;font-size:19px;line-height:1.4;font-weight:700;letter-spacing:-.015em}.home-steps article>p,.home-benefit-list p,.home-section-intro{color:var(--muted-foreground);font-size:15px;line-height:1.6}.home-step-scene{height:230px;padding:14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);text-align:left}.home-scene-title{margin-bottom:12px;font-size:13px;line-height:18px;font-weight:600;color:var(--foreground)}.home-mini-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-mini-templates img{width:100%;height:145px;object-fit:cover;border-radius:var(--radius)}.home-mini-templates figure:first-child img{outline:2px solid var(--ring);outline-offset:2px}.home-mini-templates figure:last-child img{object-position:75% center}.home-mini-templates figcaption{margin-top:8px;text-align:center;font-size:11px;color:var(--muted-foreground)}.home-mini-upload{display:grid;grid-template-columns:1fr 1fr;height:170px;grid-template-rows:minmax(0,1fr);gap:12px}.home-mini-upload img{min-height:0;height:100%;width:100%;object-fit:cover;border-radius:var(--radius)}.home-mini-upload>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted-foreground);background:var(--card);text-align:center;font-size:13px}.home-example-result{position:relative;height:100%;overflow:hidden;border-radius:var(--radius);background:var(--muted)}.home-example-result img{width:100%;height:100%;object-fit:cover}.home-step-scene>.home-example-result{height:170px}.home-result-caption{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius);color:#fff;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:500;line-height:1.4}.home-benefits{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:56px;padding:64px 48px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}@media(max-width:900px){.home-benefits{grid-template-columns:1fr;padding:40px 24px;gap:40px}}.home-benefit-demo{position:relative;min-width:0;padding-left:14%}.home-benefit-video{height:380px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.home-benefit-photo{position:absolute;top:24%;left:0;width:36%;aspect-ratio:3 / 4;padding:6px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);transform:rotate(-5deg)}.home-benefit-photo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.home-benefit-photo figcaption{position:absolute;left:10px;right:10px;bottom:12px;width:fit-content;max-width:calc(100% - 20px);padding:4px 10px;border-radius:var(--radius);background:var(--card);color:var(--card-foreground);font-size:11px;font-weight:600}.home-conversion-arrow{position:absolute;top:44%;left:27%;color:var(--primary-emphasis);transform:rotate(-15deg)}.home-benefit-copy h2{font-size:clamp(28px,3.2vw,42px)}.home-benefit-list{display:grid;gap:28px;margin-top:32px}.home-benefit-list article{display:flex;align-items:flex-start;gap:18px}.home-benefit-list h3{margin-bottom:4px;font-size:18px;line-height:1.4;font-weight:700}.home-benefit-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:var(--radius);color:var(--primary-emphasis);background:color-mix(in oklch,var(--primary) 12%,var(--background));border:1px solid color-mix(in oklch,var(--primary) 22%,transparent)}.dark .home-page :is(.home-kicker,.home-step-number,.home-benefit-icon){color:var(--primary-emphasis)}.home-comparison{border-top:0}.home-section-intro{margin-top:14px}.home-methods{margin-top:40px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.home-method-head,.home-method{display:grid;grid-template-columns:1fr 1.2fr 1.1fr 1.1fr}.home-method-head{background:var(--muted);font-size:14px;font-weight:700}.home-method-head>span,.home-method>*{padding:18px 22px}.home-method-head>span+span,.home-method>*+*{border-left:1px solid var(--border)}.home-method{border-top:1px solid var(--border);transition:background-color .2s ease}.home-method:hover{background-color:color-mix(in oklch,var(--foreground) 2%,transparent)}.home-method h3{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:16px;line-height:1.4;font-weight:700}.home-method p{color:var(--muted-foreground);font-size:14px;line-height:1.6}.home-method-featured{background:color-mix(in oklch,var(--primary) 7%,var(--background));border-color:color-mix(in oklch,var(--primary) 35%,var(--border))}.home-method-featured h3{color:var(--primary-emphasis)}.home-method-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-faqs{display:grid;grid-template-columns:1fr 1.65fr;gap:64px;align-items:flex-start}.home-faqs details{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:0 22px;background:var(--card);transition:border-color .2s ease}.home-faqs details:hover{border-color:color-mix(in oklch,var(--primary) 40%,var(--border))}.home-faqs details[open]{background:color-mix(in oklch,var(--card) 98%,var(--primary));border-color:color-mix(in oklch,var(--primary) 30%,var(--border))}.home-faqs summary{display:flex;justify-content:space-between;align-items:center;min-height:62px;gap:16px;padding:16px 0;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;list-style:none}.home-faqs summary::-webkit-details-marker{display:none}.home-faqs summary svg{flex-shrink:0;color:var(--muted-foreground);transition:transform .25s ease}.home-faqs details[open] summary svg{transform:rotate(180deg);color:var(--primary-emphasis)}.home-faqs details p{padding:14px 0 18px;font-size:14px;line-height:1.75;color:var(--muted-foreground);border-top:1px dashed var(--border)}.home-faqs a{display:inline-flex;min-height:44px;align-items:center;color:var(--primary-emphasis);text-decoration:underline;text-underline-offset:3px;font-weight:500}.home-page :is(button,a,summary,select):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.home-page .home-workbench [data-testid^=upload-target-]:focus-visible{outline-offset:-4px}@media(min-width:721px)and (max-width:1100px){.home-intro h1{font-size:36px}.home-faqs{gap:40px}}@media(min-width:721px)and (max-width:1000px){.home-benefits{gap:28px;padding-inline:24px}.home-benefit-video{height:330px}.home-step-scene{padding:10px}.home-method-head>span,.home-method>*{padding-inline:14px}}@media(max-width:720px){.home-page .home-hero{padding:28px 0 32px}.home-intro{display:block;margin-bottom:36px}.home-intro:last-child{margin-bottom:0}.home-intro h1{font-size:30px;line-height:1.15;text-wrap:pretty}.home-description{margin:12px auto 20px;font-size:14px;line-height:1.6}.home-actions>*{min-height:40px;font-size:12px;padding-inline:14px}.home-template-section{padding:32px 0 56px}.home-section{padding:64px 0}.home-three-grid{grid-template-columns:1fr;gap:36px;margin-top:40px}.home-steps:before{display:none}.home-step-scene{height:270px}.home-step-scene>.home-example-result,.home-mini-upload{height:204px}.home-mini-templates img{height:176px}.home-benefits{grid-template-columns:1fr;gap:32px;padding:40px 20px}.home-benefit-video{height:300px}.home-benefit-list{gap:24px}.home-method-head{display:none}.home-method{grid-template-columns:1fr;gap:16px;padding:24px}.home-method>*{padding:0}.home-method>*+*{border-left:0}.home-method:first-of-type{border-top:0}.home-method-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block;margin-bottom:4px;font-size:12px;font-weight:600}.home-faqs{grid-template-columns:1fr;gap:32px}.home-faqs summary{font-size:14px}}@media(max-width:450px){.home-intro h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.home-page *{transition:none;scroll-behavior:auto}}