@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
:root{color-scheme:dark;--bg:#101012;--panel:#18181b;--field:#202024;--line:#303035;--text:#f2f1f4;--muted:#a6a4ad;--accent:#cab6ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'DM Sans',sans-serif}button,textarea,select,input{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;line-height:1.2;letter-spacing:-.035em}.site-header{height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #252529}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;color:#bcbac2}.site-header nav a:hover{color:#fff}.coming-soon small{font-size:11px;color:#8a8893;margin-left:5px}.quiet-button{background:none;border:1px solid #39383e;border-radius:7px;padding:8px 22px;font-size:14px}.site-header img{width:150px;height:auto}main{max-width:1360px;margin:auto;padding:0 40px}.tool-nav{display:flex;gap:12px;align-items:center;padding:24px 0 2px}.tool-nav a{display:flex;align-items:center;justify-content:center;min-width:164px;min-height:52px;padding:13px 24px;border:1px solid #2c2c32;border-radius:12px;background:#18181c;color:#aaa7b2;font-size:15px;font-weight:500;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff03;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.tool-nav a[aria-current]{background:#292430;border-color:#655773;color:#f2eafa;box-shadow:inset 0 1px 0 #ffffff08,0 3px 12px #00000012}@media(hover:hover){.tool-nav a:hover{background:#242329;border-color:#49454f;color:#f2f1f4;transform:translateY(-1px)}.tool-nav a[aria-current]:hover{background:#302a38;border-color:#817092}}.tool-nav a:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.tool-nav a{transition:none;transform:none}}.page-heading{padding:24px 0;text-align:center}.page-heading h1{font-size:32px;margin-bottom:8px}.page-heading p{color:#b5b2bc;font-size:16px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:stretch}.controls{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c3c0ca}.field select{background:var(--field);color:var(--text);border:1px solid #38373e;border-radius:6px;padding:9px 11px;width:100%;min-width:0;font-size:14px}.field option:disabled{color:#777}.upload-zone{border:1px dashed #46434b;border-radius:7px;min-height:100px;display:grid;place-items:center}.upload-zone.dragging{border-color:var(--accent);background:#cab6ec09}#upload-trigger{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;width:100%}#upload-trigger svg{color:#bbb7c5}#upload-trigger strong{font-weight:500;font-size:14px}#upload-trigger span{font-size:11px;color:#a5a1ad}#wb-uploaded:not([hidden]){display:grid;grid-template-columns:58px 1fr;gap:7px;align-items:center;width:100%;padding:9px}#uploaded-image{width:58px;height:66px;object-fit:cover;grid-row:span 2;border-radius:4px}#uploaded-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#remove-reference{font-size:12px;text-align:left;border:0;background:none;color:#bdb0cf;padding:0}.prompt-wrap{position:relative;display:flex;flex:1;min-height:108px;margin-top:-4px}.prompt-wrap textarea{width:100%;height:100%;min-height:108px;resize:vertical;max-height:260px;border:1px solid #38373e;border-radius:6px;background:var(--field);padding:11px 12px 30px;color:var(--text);font-size:14px;line-height:1.6}.prompt-wrap textarea::placeholder{color:#98949f}#prompt-count{position:absolute;bottom:9px;right:12px;font-size:11px;color:#96929f;pointer-events:none}.parameters{display:grid;grid-template-columns:1fr 1fr .8fr;gap:9px}.parameters select{padding:8px}.primary-button{background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#211b2b;padding:11px 15px;font-weight:600;font-size:14px}.primary-button:hover{background:#d7c7f1}.preview-note{font-size:11px;color:#96919f;text-align:center}.form-status{font-size:12px;color:#e6b5b5;line-height:1.5}.form-status:empty{display:none}.sample-panel{min-width:0;display:flex;flex-direction:column;gap:12px}.sample-image{position:relative;border-radius:12px;overflow:hidden;min-height:420px;flex:1;background:var(--panel)}.sample-image>img,.sample-image>.study-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sample-image>.study-image{background-size:200% auto;background-repeat:no-repeat;background-color:#2a302a;aspect-ratio:1;max-width:100%;height:auto;bottom:0;margin:auto}.sample-label{position:absolute;bottom:18px;left:18px;background:#17171ac9;padding:5px 10px;border-radius:4px;font-size:12px}.sample-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.sample-footer p,.sample-note{font-size:12px;color:var(--muted)}.sample-footer button{white-space:nowrap;background:none;color:#ded4ed;border:1px solid #3e3946;border-radius:6px;padding:7px 12px;font-size:12px}.study-image{background-image:url('/assets/style-study.3bd4f3d8e8a9.webp');background-size:200% 200%;aspect-ratio:1}.comparison{position:relative;min-height:420px;flex:1;overflow:hidden;border-radius:12px;background:#272727;aspect-ratio:1.25}.comparison .study-image{position:absolute;inset:0;width:100%;height:100%;background-size:200% 200%}.compare-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;bottom:16px;font-size:12px;background:#151519c9;padding:5px 10px;border-radius:4px}.before{left:16px}.after{right:16px}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none}.compare-line button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f5f4f7;color:#25222a;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:19px;border:0;padding:0;pointer-events:auto;cursor:ew-resize;box-shadow:0 2px 12px #0003}.comparison-control{display:flex;align-items:center;gap:20px;font-size:13px;color:#c4becd}.comparison-control input{flex:1;accent-color:#cab6ec;min-width:0}.sample-note{line-height:1.4}.features{padding-top:100px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:100px}.feature-row:nth-of-type(even) figure{order:2}.feature-row figure{min-width:0}.feature-row figure>img,.feature-row figure>.study-image{width:100%;aspect-ratio:1.18;height:auto;object-fit:cover;border-radius:10px}.feature-row figure>.study-image{aspect-ratio:1}.feature-row figcaption{font-size:11px;color:#96919f;margin-top:10px}.feature-copy h3{font-size:36px;max-width:470px;margin-bottom:22px}.feature-copy p{font-size:16px;line-height:1.85;color:#b2adb9;max-width:470px}.feature-button{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;margin-top:28px;color:#19191c;background:#f2f1f4;border:1px solid #f2f1f4;border-radius:8px;padding:12px 26px;min-height:48px;transition:background .18s}.feature-button:hover{background:#dcd9e1;border-color:#dcd9e1}.section-title h2{font-size:32px}.section-title p{font-size:16px;color:var(--muted);margin-top:13px}.how-section,.why-section,.faq-section,.related-section{padding:72px 0;border-top:1px solid #2d2b31}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:38px 0 20px}.step-number{font-size:14px;color:#a99db9}.steps h3,.reasons h3{font-size:20px;margin:15px 0 12px;letter-spacing:-.02em}.steps p,.reasons p{font-size:15px;color:var(--muted);line-height:1.8}.section-note{font-size:12px;color:#93909b;margin-top:25px}.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:32px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.faq-list details{border-bottom:1px solid #333037}.faq-list details:first-child{border-top:1px solid #333037}.faq-list summary{cursor:pointer;font-size:16px;padding:21px 28px 21px 0;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;font-size:20px;color:#aaa}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:15px;color:var(--muted);padding:0 20px 23px 0;line-height:1.8}footer{max-width:1280px;margin:auto;border-top:1px solid #2d2b31;padding:32px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#96919f}dialog{width:min(470px,90vw);border:1px solid #4a424f;border-radius:12px;background:#1b181f;color:var(--text);padding:30px}dialog::backdrop{background:#000a}dialog h2{font-size:25px}dialog p{font-size:15px;line-height:1.8;color:#beb7c6;margin:20px 0}dialog button{width:100%}
@media(min-width:1500px){.sample-image{min-height:470px}}
@media(max-width:740px){.sample-image.sample-landscape{min-height:0;aspect-ratio:16/9}}
@media(max-width:1050px){main{padding:0 26px}.workspace{grid-template-columns:310px 1fr;gap:18px}.feature-row{gap:40px}.feature-copy h3{font-size:30px}.reasons{grid-template-columns:1fr 1fr}.faq-section{gap:35px}footer{margin:0 26px}.sample-footer{align-items:start}.comparison{aspect-ratio:1}.comparison .study-image{background-size:200% 200%}.site-header nav{gap:18px}}
@media(max-width:740px){.site-header{height:66px;padding:0 20px}.site-header img{width:130px}.site-header nav{display:none}.quiet-button{padding:6px 16px}main{padding:0 20px}.tool-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px 0 0}.tool-nav a{min-width:0;min-height:52px;padding:10px 8px;font-size:13px;text-align:center;border-radius:10px}.page-heading{padding:23px 0}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.workspace{grid-template-columns:1fr;gap:22px}.controls{padding:16px}.prompt-wrap textarea{font-size:16px}.sample-image{min-height:340px;aspect-ratio:1}.sample-footer{gap:12px}.sample-footer p{font-size:11px}.comparison{min-height:0;aspect-ratio:1}.features{padding-top:66px}.feature-row{grid-template-columns:1fr;gap:26px;padding-bottom:65px}.feature-row:nth-of-type(even) figure{order:0}.feature-copy h3{font-size:28px;margin-bottom:16px}.feature-copy p{font-size:15px}.feature-row figure>img{aspect-ratio:1.12}.how-section,.why-section,.faq-section,.related-section{padding:48px 0}.section-title h2{font-size:28px}.section-title p{font-size:15px}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.steps li{padding-bottom:22px;border-bottom:1px solid #29272e}.steps h3{margin-top:9px}.reasons{grid-template-columns:1fr;gap:20px}.reasons h3{margin-top:0}.faq-section{grid-template-columns:1fr;gap:27px}footer{margin:0 20px;gap:20px;flex-wrap:wrap}footer img{width:105px}footer p{margin-left:auto}footer>a:last-child{width:100%;font-size:13px}.comparison-control{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:741px){.comparison{aspect-ratio:auto;height:0;min-height:0;flex:1}.controls{gap:8px;padding:16px}.prompt-wrap{flex:none;min-height:100px}.prompt-wrap textarea{height:100px;min-height:100px}.sample-panel{min-height:0}.sample-image>.study-image{height:100%;aspect-ratio:auto;background-size:200% 200%}.page-heading{padding:20px 0}.sample-image{min-height:0}}
@media(min-width:741px){.comparison .study-image,.sample-image>.study-image{height:auto;aspect-ratio:1;top:50%;bottom:auto;margin:0;transform:translateY(-50%);background-size:200% 200%}}
/* Model picker: flat surfaces, quiet motion, keyboard-accessible options. */
.model-picker{position:relative;min-width:0}.model-trigger{margin-top:6px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:#202024;border:1px solid #3b3942;border-radius:8px;padding:12px 14px;transition:border-color 160ms,background 160ms,box-shadow 160ms}.model-trigger:hover{background:#26252b;border-color:#615a6b}.model-trigger[aria-expanded=true]{background:#25232a;border-color:#a08cb9;box-shadow:0 0 0 3px #cab6ec0b}.model-trigger>span,.model-option>span{display:flex;flex-direction:column;gap:3px;min-width:0}.model-trigger strong,.model-option strong{font-size:14px;font-weight:550;color:#f1eef5;line-height:1.4}.model-trigger span span,.model-option span span{font-size:12px;font-weight:400;color:#a29ba9;line-height:1.4}.model-chevron{flex-shrink:0;color:#afa5ba;transition:transform 180ms}.model-trigger[aria-expanded=true] .model-chevron{transform:rotate(180deg)}.model-menu{position:absolute;z-index:20;top:calc(100% + 7px);left:0;width:100%;padding:5px;background:#252329;border:1px solid #49434f;border-radius:10px;box-shadow:0 16px 40px #0006,0 3px 8px #0003;transform-origin:top center;animation:model-open 160ms ease-out}.model-menu[hidden]{display:none}.model-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-radius:6px;cursor:pointer;transition:background 100ms}.model-option+.model-option{margin-top:3px}.model-option[aria-selected=true]{background:#cab6ec0d}.model-option:hover,.model-option.active{background:#ffffff0c}.model-check{flex-shrink:0;color:#cdb6ed;visibility:hidden}.model-option[aria-selected=true] .model-check{visibility:visible}@keyframes model-open{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.model-menu{animation:none}.model-trigger,.model-option,.model-chevron{transition: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:0}
body[data-mode=filters] .controls{padding:14px;gap:12px;min-height:530px}
body[data-mode=filters] .upload-zone{min-height:160px;border-radius:10px}
body[data-mode=filters] #upload-trigger{min-height:158px;gap:10px}
body[data-mode=filters] .prompt-wrap{flex:1;min-height:220px;margin:0}
body[data-mode=filters] .prompt-wrap textarea{height:100%;min-height:220px;max-height:none;border-radius:10px;padding:16px 16px 32px;font-size:15px}
body[data-mode=filters] #prompt-count{font-size:10px;color:#827d8a}
body[data-mode=filters] .controls>.primary-button{padding:14px;font-size:15px}
@media(max-width:740px){body[data-mode=filters] .controls{min-height:470px}body[data-mode=filters] .upload-zone,body[data-mode=filters] #upload-trigger{min-height:135px}body[data-mode=filters] .prompt-wrap,body[data-mode=filters] .prompt-wrap textarea{min-height:190px}body[data-mode=filters] .prompt-wrap textarea{font-size:16px}}
/* Text-to-image: compact model identity, image reference, prompt, action. */
body:is([data-mode=generate],[data-mode=transform]) .controls{padding:14px;gap:12px;min-height:550px}
body:is([data-mode=generate],[data-mode=transform]) .model-trigger{margin:0;padding:9px 12px 9px 9px;gap:13px;border-radius:12px}
.model-brand-icon{height:42px;width:42px;padding:7px;border-radius:9px;background:#2d2c32;object-fit:contain}
body:is([data-mode=generate],[data-mode=transform]) .model-trigger .model-title-group{flex:1;gap:3px}
body:is([data-mode=generate],[data-mode=transform]) #model-label{font-size:12px;line-height:1.35;font-weight:400;color:#a7a2af}
body:is([data-mode=generate],[data-mode=transform]) #model-name{font-size:15px}
.model-option-icon{height:27px;width:27px;object-fit:contain;flex-shrink:0}
body:is([data-mode=generate],[data-mode=transform]) .model-option{justify-content:flex-start;gap:12px;min-height:52px}
body:is([data-mode=generate],[data-mode=transform]) .model-option>span{flex:1}
body:is([data-mode=generate],[data-mode=transform]) .upload-zone,body:is([data-mode=generate],[data-mode=transform]) #upload-trigger{min-height:145px;border-radius:10px}
body:is([data-mode=generate],[data-mode=transform]) .prompt-wrap{flex:1;min-height:200px;margin:0}
body:is([data-mode=generate],[data-mode=transform]) .prompt-wrap textarea{min-height:200px;height:100%;max-height:none;border-radius:10px;padding:16px 16px 32px;font-size:15px}
body:is([data-mode=generate],[data-mode=transform]) .controls>.primary-button{padding:14px;font-size:15px}
@media(max-width:740px){body:is([data-mode=generate],[data-mode=transform]) .controls{min-height:500px}body:is([data-mode=generate],[data-mode=transform]) .upload-zone,body:is([data-mode=generate],[data-mode=transform]) #upload-trigger{min-height:125px}body:is([data-mode=generate],[data-mode=transform]) .prompt-wrap,body:is([data-mode=generate],[data-mode=transform]) .prompt-wrap textarea{min-height:175px}body:is([data-mode=generate],[data-mode=transform]) .prompt-wrap textarea{font-size:16px}}

.features-heading{text-align:center;max-width:1000px;margin:0 auto 72px}.features-heading h2{font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-.035em}.features-heading p{max-width:760px;margin:22px auto 0;color:#b2adb9;font-size:18px;line-height:1.7}@media(max-width:740px){.features-heading{margin-bottom:40px}.features-heading h2{font-size:32px}.features-heading p{font-size:16px;margin-top:18px}}

.comparison{cursor:ew-resize;touch-action:pan-y;user-select:none}.compare-line button{height:44px;width:44px;transition:box-shadow .18s,background-color .18s}.compare-line button:hover,.comparison.dragging .compare-line button{background:#fff;box-shadow:0 2px 18px #0005}.compare-line button:focus-visible{outline:3px solid #cab6ec;outline-offset:4px}

/* Feature editorial layout, matched to the supplied OpenArt reference. */
.features{margin-inline:-48px;padding-top:96px;font-family:Arial,Helvetica,sans-serif}
.features-heading{max-width:100%;margin:0 auto 72px}
.features-heading h2{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
.features-heading p{max-width:600px;margin:24px auto 0;font-size:18px;line-height:1.5;letter-spacing:0;color:#aaa9af}
.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-bottom:80px}
.feature-media{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:20px;background:#18181b}
.feature-media>img{width:100%;height:100%;object-fit:cover}
.feature-media>.study-image{position:absolute;width:100%;aspect-ratio:1;top:50%;transform:translateY(-50%)}
.feature-copy h3{max-width:none;margin-bottom:20px;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.feature-copy p{max-width:none;font-size:18px;line-height:1.5;letter-spacing:0;color:#aaa9af}
.feature-button{margin-top:26px;min-height:40px;min-width:144px;padding:10px 24px;border-radius:10px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:0}
.feature-row figcaption{font-size:11px;line-height:1.4;margin-top:8px}
@media(max-width:1439px){.features{margin-inline:0}}
@media(max-width:1050px){.feature-row{gap:40px}.features-heading h2{font-size:34px}.feature-copy h3{font-size:28px}.feature-copy p{font-size:17px}}
@media(max-width:740px){.features{padding-top:64px}.features-heading{margin-bottom:40px}.features-heading h2{font-size:28px}.features-heading p{font-size:16px;margin-top:20px;line-height:1.5}.feature-row{grid-template-columns:1fr;gap:24px;padding-bottom:56px}.feature-media{border-radius:14px}.feature-copy h3{font-size:24px;line-height:1.25;margin-bottom:16px}.feature-copy p{font-size:16px;line-height:1.5}.feature-button{margin-top:24px;min-height:44px}}

.steps{gap:28px}.steps li{min-width:0}.step-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:34px 16px 16px;background:#18181b;border:1px solid #303035;border-radius:14px;overflow:hidden;transition:border-color .18s}.step-visual:hover{border-color:#796a8c}.step-visual img{width:100%;height:100%;object-fit:contain}.step-visual .step-number{position:absolute;top:10px;left:16px;color:#cbb9e4;font-size:13px;line-height:20px}.steps h3{margin-top:22px}.step-visual:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:740px){.steps{gap:32px}.step-visual{aspect-ratio:16/10}.steps h3{margin-top:20px}}

.use-cases-section{padding:80px 0;border-top:1px solid #2d2b31}.use-cases-section .section-title{text-align:center}.use-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.use-case-card{border:1px solid #303035;border-radius:16px;overflow:hidden;background:#161618}.use-case-media{aspect-ratio:16/10;position:relative;overflow:hidden;background:#202024}.use-case-media>img{width:100%;height:100%;object-fit:cover}.use-case-media>.study-image{position:absolute;width:100%;aspect-ratio:1;top:50%;transform:translateY(-50%)}.use-case-copy{padding:26px}.use-case-copy h3{font-size:22px;letter-spacing:-.025em;line-height:1.3}.use-case-copy p{font-size:16px;line-height:1.7;color:#aaa7b1;margin-top:14px}.why-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:64px;align-items:center;padding:88px 0}.why-intro h2{font-size:42px;line-height:1.15;letter-spacing:-.035em}.why-intro>p{color:#aaa7b1;font-size:17px;line-height:1.75;margin-top:24px;max-width:350px}.why-intro .feature-button{margin-top:28px}.reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}.reasons article{padding:30px;background:#18181b;border:1px solid #303035;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff04;transition:border-color .2s,background-color .2s}.reasons article:hover{background:#1c1b20;border-color:#514958}.reasons h3{margin:0 0 14px;font-size:21px;line-height:1.3;letter-spacing:-.025em}.reasons p{font-size:16px;line-height:1.7;color:#aaa7b1}@media(max-width:1050px){.why-section{grid-template-columns:1fr;gap:32px}.why-intro>p{max-width:640px}.why-intro h2 br{display:none}.use-case-copy{padding:20px}}@media(max-width:740px){.use-cases-section{padding:56px 0}.use-cases-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.why-section{padding:56px 0;gap:28px}.why-intro h2{font-size:32px}.why-intro>p{font-size:16px;margin-top:18px}.reasons{grid-template-columns:1fr;gap:14px}.reasons article{padding:26px}.reasons h3{font-size:21px}.use-case-copy{padding:24px}}@media(prefers-reduced-motion:reduce){.reasons article{transition:none}}

.reason-icon{display:block;width:24px;height:24px;color:#b4a5c7;margin-bottom:20px}.comparison .dog-study{position:absolute;inset:0;background-image:url(/assets/creative/dog-comparison.40c63259e913.webp);background-size:200% auto;background-position-y:50%!important;background-repeat:no-repeat}

.result-panel{min-width:0;min-height:480px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:20px}.result-panel[hidden],.result-panel [hidden]{display:none!important}.result-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px}.result-state h2{font-size:26px}.result-state p{color:var(--muted);max-width:440px}.generation-spinner{width:32px;height:32px;border:2px solid #48414f;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generated-image{width:100%;max-height:680px;object-fit:contain;border-radius:10px}.result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.result-actions a{display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.6;cursor:wait}.model-option[aria-disabled=true]{cursor:not-allowed}@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}}

/* Compact, text-only tool directory. Grows by wrapping links, not adding tall cards. */
.related-directory{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;margin-top:36px;padding:30px 0;border-top:1px solid #2d2b31;border-bottom:1px solid #2d2b31}
.related-group h3{font-size:14px;line-height:1.5;font-weight:500;color:#96939f;margin:0 0 16px;letter-spacing:0}
.related-links{display:flex;flex-wrap:wrap;gap:10px}
.related-links a{display:inline-flex;align-items:center;min-height:46px;padding:10px 17px;border:1px solid #333138;border-radius:10px;background:#18181b;color:#dedce3;font-size:16px;line-height:1.5;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.related-links a:hover{background:#242128;border-color:#6b5d7d;color:#fff}
.related-links a:focus-visible{outline:2px solid #cdb6ec;outline-offset:3px}
@media(max-width:640px){.related-directory{grid-template-columns:1fr;gap:28px;margin-top:24px;padding:24px 0}.related-links{gap:8px}.related-links a{font-size:15px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.related-links a{transition:none}}

/* Keep the character count readable over ready-made multiline filter prompts. */
.prompt-wrap #prompt-count{background:var(--field);padding:0 4px;border-radius:3px}