*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--page:#09090b;--panel:#131316;--panel-deep:#0d0d10;--line:#29272e;--text:#faf9fc;--muted:#a5a2ae;--accent:#7945eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid #bba2ff;outline-offset:4px}summary{list-style:none}summary::-webkit-details-marker{display:none}section[id]{scroll-margin-top:88px}.wrap{width:min(100% - 64px,1200px);margin-inline:auto}.button{display:inline-flex;width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 19px;border:1px solid #ffce2d;border-radius:999px;background:linear-gradient(110deg,#ffe773,#ffbe20);color:#111;font-size:14px;font-weight:650;white-space:nowrap;transition:filter .2s ease,background-color .2s ease,border-color .2s ease}.button:disabled{opacity:.55}.button.secondary{color:#ffda55;background:#211d0e;border-color:#65521e}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid #26242a;background:#0b0b0eea;backdrop-filter:blur(16px)}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:750;letter-spacing:-.045em;white-space:nowrap}.desktop-nav{display:flex;gap:clamp(15px,2vw,30px);align-items:center;font-size:14px;color:#ccc8d1}.desktop-nav a:hover,.mobile-nav a:hover,.site-footer a:hover{color:var(--highlight)}.header-cta{min-height:38px;padding:7px 14px}.mobile-nav{display:none}.hero{isolation:isolate;align-items:center;min-height:440px;text-align:center;overflow:hidden}.hero,.media{position:relative;display:grid}.media{place-items:center;overflow:hidden;min-width:0;border-radius:14px;border:1px solid var(--line);background:radial-gradient(ellipse at 64% 24%,#201831 0,#15131c 50%,#101014 100%)}.media img,.media video{width:100%;height:100%;position:absolute;inset:0;-o-object-fit:cover;object-fit:cover}.media-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff13;border-radius:13px;color:#a39ab47c;background:#ffffff06}.hero-background{position:absolute;z-index:-2;inset:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 0,#33234b 0,#191223 42%,#0a0a0c 76%)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--page),#09090b00 72%)}.hero-copy{padding-block:60px 76px}.hero h1{margin:0;font-size:clamp(38px,5.1vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:770}.hero p{max-width:690px;margin:20px auto 26px;color:#d0cbd8;font-size:clamp(16px,1.5vw,19px)}.hero .button{min-height:48px}.generator{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.35fr);gap:16px;align-items:stretch;margin-top:-26px;position:relative}.generator-form,.result{border:1px solid var(--line);border-radius:15px;padding:20px;background:var(--panel);min-width:0}.generator-heading{display:flex;align-items:center;gap:9px;margin-bottom:18px}.generator-heading svg{color:var(--highlight)}.generator-heading h2{margin:0;font-size:17px;font-weight:700}.generator fieldset{min-width:0;padding:0;border:0;margin:0;display:grid;gap:14px}.field{display:grid;gap:7px;min-width:0;font-size:13px;font-weight:600;color:#e5e0ec}.field select,.prompt-box{width:100%;min-width:0;border:1px solid #34313c;border-radius:8px;background:#1b1921;color:var(--text)}.field select{min-height:40px;padding-inline:9px;font-weight:500}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:9px;border:1px solid #2d2934;background:#0e0d12}.modes button{padding:7px 4px;border:1px solid transparent;border-radius:6px;color:#aaa4b5;font-size:12px;font-weight:620}.modes button[aria-pressed=true]{border-color:#5c3f89;color:#eadbff;background:#302242}.prompt-box{display:grid}.prompt-box textarea{min-height:95px;padding:10px;resize:vertical;background:transparent;border:0;border-radius:8px;font-size:14px}.prompt-box textarea::-moz-placeholder{color:#938c9f}.prompt-box textarea::placeholder{color:#938c9f}.prompt-box small{color:var(--muted);padding:0 10px 7px;text-align:right;font-size:11px;font-weight:400}.generator-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.audio{display:flex;align-items:center;gap:8px;color:#d8d2e0;font-size:13px}.audio input{margin-left:auto;accent-color:var(--accent);width:17px;height:17px}.upload{display:flex;align-items:center;gap:9px;position:relative;min-height:58px;overflow:hidden;padding:10px;border:1px dashed #615374;border-radius:8px;color:#e5d8f7;font-size:13px;cursor:pointer;overflow-wrap:anywhere}.upload svg{flex:none}.upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:2px solid var(--highlight)}.generate-button{width:100%;margin-top:17px}.generator-note{margin:7px 0 0;text-align:center;color:var(--muted);font-size:11px}.result{display:flex;flex-direction:column}.result-body{display:grid;place-items:center;flex:1;min-height:342px;padding:20px;border-radius:10px;border:1px solid #292632;background:var(--panel-deep);text-align:center}.result-empty,.result-progress{display:grid;justify-items:center;gap:7px}.result-progress{width:min(100%,360px)}.result-icon{display:grid;place-items:center;width:61px;height:61px;margin-bottom:7px;border-radius:16px;border:1px solid #3a2b50;background:#21192d;color:var(--highlight)}.result-body p{margin:0;font-size:16px;font-weight:650}.result-body small{color:var(--muted);font-size:13px}.progress-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;color:#d9c6ff;font-size:13px;font-variant-numeric:tabular-nums}.retry-dialog{width:min(410px,calc(100% - 36px));margin:auto;padding:28px;border:1px solid #453557;border-radius:16px;background:#17131f;color:var(--text);text-align:center}.retry-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-icon{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#2c2040;color:var(--highlight)}.retry-dialog h2{margin:12px 0 4px;font-size:22px;font-weight:700}.retry-dialog p{color:var(--muted);margin:0 0 19px}.section{padding-block:76px}.section-heading{text-align:center;margin:0 auto 34px;max-width:820px}.section-heading h2{margin:0;font-size:clamp(28px,3.1vw,44px);font-weight:750;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}.section-heading p{max-width:720px;margin:14px auto 0;color:var(--muted)}.section-heading .button{margin-top:20px}.band{background:#0d0d10;border-block:1px solid #1c1b21}.advantages-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.advantage-cards,.card-grid,.gallery-grid{display:grid;gap:15px}.advantage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.prompt-card,.small-card,.visual-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);min-width:0}.feature-card,.small-card{padding:19px}.card-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:9px;border:1px solid #433257;background:#251c34;color:var(--highlight)}.feature-card h3,.prompt-card h3,.small-card h3,.visual-card h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:700}.feature-card p,.prompt-card p,.small-card p,.visual-card p{margin:0;color:var(--muted);font-size:14px}.center-actions,.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 20px}.gallery-filters button{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:13px}.gallery-filters button[aria-pressed=true]{border-color:#644396;background:#2b1c40;color:#edddff}.gallery-media{aspect-ratio:16/10}.gallery-media:nth-child(3n+2){background:radial-gradient(ellipse at 20% 80%,#252137,#131217 75%)}.gallery-media:nth-child(3n+3){background:radial-gradient(ellipse at 75% 14%,#271e2a,#131217 75%)}.center-actions{margin:24px auto 0}.prompt-card,.prompt-list{display:grid;gap:20px}.prompt-card{grid-template-columns:1fr 1fr;padding:18px}.prompt-card:nth-child(2n) .media{order:-1}.prompt-card .media{min-height:235px}.prompt-copy{padding:10px}.prompt-copy h3{font-size:22px;margin-bottom:14px}.prompt-copy h4{margin:10px 0 3px;font-size:14px;font-weight:650}.prompt-details{padding:8px 12px;margin:12px 0;border:1px solid #393245;border-radius:8px;background:#1b1722}.faq-list summary,.prompt-details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:650}.faq-list summary svg,.prompt-details summary svg{flex-shrink:0;color:var(--highlight)}details[open]>summary svg{transform:rotate(45deg)}.prompt-details p{margin-top:9px}.visual-card{overflow:hidden}.visual-card .media{border:0;border-bottom:1px solid var(--line);border-radius:0;aspect-ratio:16/9}.visual-card>div:last-child{padding:17px}.pricing-details{width:-moz-fit-content;width:fit-content;margin:0 auto;text-align:center}.pricing-details p{color:var(--muted);margin-top:12px}.faq-list{max-width:850px;margin-inline:auto;display:grid;gap:9px}.faq-list details{padding:13px 17px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.faq-list p{margin:10px 0 4px;color:var(--muted);font-size:14px}.final-cta{background:radial-gradient(ellipse at 50% 0,#2d1e44,#100c17 70%)}.final-cta .section-heading{margin-bottom:0}.site-footer{background:#0b0b0d;border-top:1px solid #242228}.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:22px;padding-block:34px}.footer-grid nav{display:grid;gap:8px;align-content:start}.footer-grid h2{font-size:14px;font-weight:700;margin:0 0 3px}.footer-grid nav a,.footer-grid p{color:var(--muted);font-size:13px}.footer-grid p{margin-top:10px}.policy{max-width:820px;min-height:65vh;padding-block:65px 82px}.policy>a{color:var(--highlight);font-size:14px}.policy h1{font-size:clamp(35px,5vw,60px);font-weight:750;letter-spacing:-.04em}.policy h2{margin:23px 0 5px;font-weight:700;font-size:22px}.policy p{margin:0 0 13px;color:#c5bfcd}.policy .policy-date{color:var(--muted);font-size:14px;margin-bottom:23px}@media (max-width:850px){.wrap{width:calc(100% - 36px)}.desktop-nav{display:none}.header-cta{margin-left:auto}.mobile-nav{display:block;position:relative}.mobile-nav summary{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:8px}.mobile-nav[open]>summary svg{transform:none}.mobile-nav nav{display:grid;position:absolute;right:0;top:calc(100% + 10px);width:195px;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel)}.mobile-nav nav a{padding:8px;font-size:14px}.generator{grid-template-columns:minmax(310px,1fr) minmax(0,1fr)}.card-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:58px}}@media (max-width:630px){.wrap{width:calc(100% - 28px)}.header-row{min-height:58px;gap:8px}.brand{font-size:17px}.header-cta{font-size:12px;padding-inline:9px}.header-cta svg{display:none}.hero{min-height:340px}.hero-copy{padding-block:40px 60px}.hero h1{font-size:clamp(34px,8vw,48px)}.advantages-grid,.generator,.prompt-card{grid-template-columns:minmax(0,1fr)}.generator{margin-top:-13px;gap:10px}.generator-form,.result{padding:14px}.result-body{min-height:245px}.advantages-grid>.media{aspect-ratio:16/9}.prompt-card:nth-child(2n) .media{order:0}.prompt-card .media{min-height:0;aspect-ratio:16/9}.feature-card,.small-card{padding:13px}.advantage-cards,.card-grid,.gallery-grid{gap:9px}#tutorial .card-grid,#use-cases .card-grid{grid-template-columns:1fr}.section{padding-block:47px}.section-heading{margin-bottom:23px}.footer-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}:root{--page:#0d0d0d;--panel:#161719;--panel-deep:#1c1f24;--line:#34363c;--text:#f8f8f8;--muted:#b3b6bd;--highlight:#ffd02b;--accent:#ffc829}.wrap{width:min(100% - 64px,1376px)}.site-header{background:#0d0d0df3}.header-row{justify-content:flex-start;gap:36px}.header-cta{margin-left:auto}.brand{font:700 italic 25px Georgia,Times New Roman,serif;letter-spacing:-.025em}:focus-visible{outline-color:#ffdb52}.hero{min-height:560px}.hero-copy{padding-block:40px}.hero-background{background:radial-gradient(ellipse at 55% 20%,#283039,#14191f 55%,#0d0d0d 100%)}.hero:after{background:linear-gradient(0deg,#090909aa,#08080815)}.hero h1,.policy h1,.section-heading h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.hero h1{font-size:clamp(38px,5.05vw,70px);letter-spacing:-.052em}.hero p{margin:20px auto 28px;font-size:16px;max-width:830px}.hero .button{min-height:50px;font-size:16px}.section-heading h2{font-size:clamp(30px,3.4vw,48px)}#advantages .section-heading{max-width:none;text-align:left}#advantages .section-heading p{margin-left:0}.band{background:#101010}.card-icon,.dialog-icon,.result-icon{background:#282412;border-color:#463b19;color:var(--highlight)}.gallery-filters button[aria-pressed=true]{background:#30270f;color:#ffe38b;border-color:#735a1d}.gallery-media:nth-child(n),.media{background:radial-gradient(ellipse at 55% 20%,#272a2e,#15171a 75%)}.media.hero-background{background:radial-gradient(ellipse at 55% 20%,#283039,#14191f 55%,#0d0d0d 100%)}.prompt-details{background:#1e1d19;border-color:#38352d}.desktop-nav a:hover,.faq-list summary svg,.mobile-nav a:hover,.policy>a,.prompt-details summary svg,.site-footer a:hover{color:var(--highlight)}.final-cta{background:radial-gradient(ellipse at 50% 0,#2d2514,#101010 72%)}.generator{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;margin-top:32px;border:1px solid var(--line);border-radius:30px;background:var(--panel);overflow:hidden}.generator-form,.result{background:transparent;border:0;border-radius:0;padding:clamp(20px,2.5vw,36px)}.generator-form{border-right:1px solid var(--line)}.generator fieldset{gap:16px}.generator-heading{min-height:39px;justify-content:space-between;margin-bottom:12px}.generator-heading h2{color:#c2c6ce;font-size:14px;font-weight:650}.model-label{display:flex;align-items:center;gap:8px;color:#b3bac6}.field select,.prompt-box{background:#1d2025;border-color:#40444c}.field select{min-height:43px}.field select[name=model]{min-height:60px;font-weight:700;border-radius:14px;padding-inline:14px}.modes{background:#1c1e22;border-color:#353840}.modes button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:36px;font-size:13px;color:#d0d3da}.modes button[aria-pressed=true]{background:#ffd020;color:#131313;border-color:#ffd020}.upload-field{display:grid;gap:12px;margin-top:14px;font-size:14px;font-weight:600}.upload{flex-direction:column;justify-content:center;min-height:177px;padding:16px;background:#1d2025;color:#cfd4df;border-color:#60646e}.upload:focus-within{outline-color:var(--highlight)}.upload-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:3px;border-radius:50%;color:var(--highlight);background:#38341f}.upload small{font-size:12px;font-weight:400}.prompt-box textarea{min-height:110px}.duration>span{display:flex;justify-content:space-between}.duration output{color:var(--highlight)}.duration input{width:100%;accent-color:var(--highlight)}.duration-limits{color:var(--muted);font-size:11px}.generator-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.example-toggle,.generate-button{border-radius:8px}.example-toggle{min-height:34px;padding:5px 14px}.result-body{min-height:420px;align-items:start;padding:16px;background:#1c1f24;border-color:#353943;border-radius:16px}.result-empty{width:100%}.generator-preview{width:100%;aspect-ratio:16/9;background:#0b0b0b;border-radius:12px;margin-bottom:14px}.result-progress{align-self:center}.progress-row{color:#ffe48a}.retry-dialog{background:#191919;border-color:#49412d}@media (max-width:850px){.wrap{width:calc(100% - 36px)}.header-row{gap:16px}.modes button{gap:4px;font-size:11px}}@media (max-width:630px){.wrap{width:calc(100% - 28px)}.header-row{gap:8px}.brand{font-size:20px}.hero{min-height:420px}.hero-copy{padding-block:40px}.generator{grid-template-columns:minmax(0,1fr);margin-top:18px;border-radius:18px}.generator-form{border-right:0;border-bottom:1px solid var(--line)}.generator-form,.result{padding:14px}.result-body{min-height:245px}}.brand img{display:block;flex:none;-o-object-fit:contain;object-fit:contain}.model-picker{position:relative;min-width:0}.model-picker .model-label{margin-bottom:8px;font-size:14px}.model-options,.model-trigger{border:1px solid #42464f;border-radius:15px;background:#1d2025}.model-options li,.model-trigger{display:grid;grid-template-columns:38px minmax(0,1fr) 19px;align-items:center;gap:13px;width:100%;min-height:70px;padding:10px 14px;text-align:left}.model-trigger{transition:background .18s,border-color .18s}.model-trigger:hover,.model-trigger[aria-expanded=true]{background:#24282f;border-color:#5b606b}.model-trigger>svg{color:#a3a8b2;transition:transform .2s}.model-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.model-mark{display:grid;place-items:center;width:38px;height:38px}.model-mark img,.model-mark svg{width:34px;height:34px}.model-copy{display:grid;gap:3px;min-width:0}.model-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:16px;font-weight:720;line-height:1.25}.model-badge{padding:3px 7px;border-radius:100px;background:#243852;color:#b4d2ff;font-size:11px;font-weight:600}.model-badge.is-hot{background:#49302d;color:#ffb4a5}.model-description{color:#aeb4c1;font-size:13px;line-height:1.35}.model-options{position:absolute;z-index:3;inset-inline:0;top:calc(100% + 6px);display:grid;gap:2px;padding:6px;margin:0;box-shadow:0 16px 36px #0008;animation:dropdown-in .16s ease-out}.model-options:focus{outline:none}.model-options li{padding-inline:9px;border-radius:10px;cursor:pointer;transition:background .15s}.model-options li[data-active=true]{background:#2d323a}.model-options li[aria-selected=true]>svg{color:var(--highlight)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-5px)}}.prompt-box textarea{height:114px;min-height:114px;max-height:114px;resize:none;overflow-y:auto}.prompt-box textarea:focus{outline:none}.upload-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;min-width:0}.upload-list li{position:relative;overflow:hidden;min-width:0;border:1px solid #40444c;border-radius:9px;background:#1d2025;animation:dropdown-in .18s ease-out}.upload-preview{display:grid;place-items:center;min-height:65px;background:#111316;color:var(--muted)}.upload-preview img,.upload-preview video{display:block;width:100%;height:100px;-o-object-fit:contain;object-fit:contain}.upload-preview audio{display:block;width:100%;height:38px;min-width:0}.upload-audio .upload-preview{padding:36px 5px 4px}.upload-remove{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#f0f1f3;background:#111316df}.upload-remove:hover{color:#ffd2cb;background:#492b28}.upload-remove:focus-visible{outline-offset:0}.upload-compact{min-height:46px;padding:6px 9px;flex-direction:row}.upload-compact .upload-icon{width:28px;height:28px;margin:0}.upload:has(input:disabled){opacity:.6}.progress-track{flex:1;min-width:0;height:10px;overflow:hidden;border-radius:99px;background:#2c2a25;box-shadow:inset 0 0 0 1px #ffffff0d}.progress-fill{position:relative;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#ad7317,#ffc632 66%,#ffe79d);transition:width .42s cubic-bezier(.2,.65,.28,1)}.progress-track.is-running .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#fff9 50%,transparent 75%);transform:translateX(-100%);animation:progress-sweep 1.9s ease-in-out infinite}.result-icon.is-processing{position:relative}.result-icon.is-processing:after{content:"";position:absolute;inset:-5px;border-radius:20px;border:1px solid #ffd02b80;animation:processing-ring 1.9s ease-out infinite}@keyframes progress-sweep{to{transform:translateX(100%)}}@keyframes processing-ring{0%{opacity:.7;transform:scale(.93)}to{opacity:0;transform:scale(1.19)}}.button svg,.card-icon,.media-icon,.media>img{transition:transform .3s cubic-bezier(.2,.65,.28,1),color .25s}.button:active{transform:translateY(1px)}.feature-card,.gallery-media,.prompt-card,.small-card,.visual-card{transition:transform .3s cubic-bezier(.2,.65,.28,1),border-color .25s,box-shadow .3s}.faq-list details,.prompt-details{transition:border-color .2s,background-color .2s}.faq-list details[open],.prompt-details[open]{border-color:#5a4c2a}.faq-list details[open]>p,.prompt-details[open]>p{animation:dropdown-in .24s ease-out}@media (hover:hover){.button:not(.secondary):not(:disabled):hover{filter:brightness(1.06)}.button.secondary:not(:disabled):hover{background-color:#332911}.button:not(:disabled):hover>svg:last-child{transform:translateX(2px)}:is(.small-card,.feature-card,.visual-card,.gallery-media,.prompt-card):hover{transform:translateY(-3px);border-color:#585146;box-shadow:0 12px 28px #0004}:is(.small-card,.feature-card):hover .card-icon{transform:translateY(-2px)}.gallery-media:hover>img,:is(.visual-card,.gallery-media,.prompt-card):hover .media img,:is(.visual-card,.gallery-media,.prompt-card):hover .media-icon{transform:scale(1.035)}:is(.faq-list details,.prompt-details):hover{border-color:#585146}}@media (max-width:630px){.brand img{width:30px;height:30px}.model-options li,.model-trigger{gap:8px;grid-template-columns:31px minmax(0,1fr) 16px;padding-inline:8px}.model-mark,.model-mark img,.model-mark svg{width:29px;height:29px}.model-name{font-size:15px}.model-description{font-size:12px}}@media (prefers-reduced-motion:reduce){:is(.button,.small-card,.feature-card,.visual-card,.gallery-media,.prompt-card):hover :is(.card-icon,.media-icon,img,svg),:is(.button,.small-card,.feature-card,.visual-card,.gallery-media,.prompt-card):is(:hover,:active){transform:none}}.frame-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.25vw,18px);margin-top:14px}.frame-upload{display:grid;gap:8px;min-width:0;align-content:start}.frame-title{font-size:14px;font-weight:650}.frame-title span{color:var(--muted);font-size:12px;font-weight:400}.frame-slot{position:relative}.frame-drop{height:145px;min-height:0;padding:8px;gap:7px;border-radius:12px;color:var(--text);text-align:center}.frame-drop svg{color:var(--highlight)}.frame-drop small{color:var(--muted);line-height:1.35}.frame-drop.has-frame{padding:0;border-style:solid;background:#111316}.frame-drop img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.frame-error{color:#ffb4a5;font-size:12px}.tutorial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:40px 0 30px;list-style:none}.tutorial-step{position:relative;min-width:0}.tutorial-step:not(:last-child):after{content:"";position:absolute;top:30px;left:76px;right:-16px;height:1px;background:linear-gradient(90deg,#8d702e,var(--line))}.tutorial-marker{display:flex;align-items:center;justify-content:space-between;position:relative;width:62px;height:62px;padding:10px;border:1px solid #735a1d;border-radius:16px;color:var(--highlight);background:linear-gradient(145deg,#352b15,var(--panel))}.tutorial-marker span{align-self:flex-start;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.tutorial-marker svg{align-self:flex-end;flex:none}.tutorial-copy{padding-top:22px}.tutorial-copy h3{margin:0 0 12px;font-size:19px;line-height:1.4;font-weight:700}.tutorial-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}@media (max-width:630px){.tutorial-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:30px}.tutorial-step{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px}.tutorial-copy{padding-top:0}.tutorial-step:not(:last-child):after{top:74px;bottom:-16px;left:30px;right:auto;width:1px;height:auto;background:linear-gradient(#8d702e,var(--line))}}