.tool-page{--tool-red:#ff4059;color:#f5f5f6;background:#0b0c0e}.tool-hero{text-align:center;padding:56px 0 30px}.tool-hero h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(34px,4.1vw,66px);line-height:1.1}.tool-hero h1 span{color:var(--tool-red)}.tool-hero>p:not(.eyebrow){color:#aeb5c3;max-width:700px;margin:0 auto;font-size:16px;line-height:1.7}.tool-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.tool-chips>span{color:#bbc0ca;border:1px solid #2a2c32;border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}.tool-chips svg{color:var(--tool-red)}.tool-workbench{width:min(100% - 28px,1120px);margin:0 auto}.tool-workbench .studio{width:100%;max-width:none;margin:0}.tool-workbench .composer-heading{font-size:18px}.tool-workbench .composer-input textarea{min-height:170px}.tool-workbench .composer-panel{background:#111318;border-color:#303039}.tool-workbench .composer-input{background:#151820}.tool-model-note{color:#989fac;text-align:center;max-width:820px;margin:24px auto;font-size:13px;line-height:1.7}.tool-page a:not(.button){color:var(--tool-red);text-decoration:none}.tool-page a:not(.button):hover{text-decoration:underline;-webkit-text-decoration-color:var(--tool-red);text-decoration-color:var(--tool-red);text-underline-offset:4px}.tool-section{padding-top:76px;padding-bottom:76px}.tool-section-heading{text-align:center;max-width:850px;margin:0 auto 38px}.tool-section-heading h2{letter-spacing:-.035em;margin:14px 0;font-size:clamp(30px,3vw,46px);line-height:1.17}.tool-section-heading p:not(.eyebrow){color:#aeb5c3;max-width:680px;margin:0 auto;line-height:1.8}.tool-section h3{letter-spacing:-.02em;font-size:22px;line-height:1.3}.tool-section article p,.tool-steps p,.tool-reading-note{color:#b2b9c7;font-size:16px;line-height:1.85}.tool-mode-guide{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.tool-mode-guide article{border-top:1px solid #343039;padding:28px 12px}.tool-mode-guide svg{width:26px;height:26px;color:var(--tool-red);margin-bottom:10px}.tool-soft{background:#101115;border-top:1px solid #22242a;border-bottom:1px solid #22242a}.tool-settings-grid{background:#2c2d34;border:1px solid #2c2d34;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.tool-settings-grid article{background:#13151a;padding:28px 34px}.tool-settings-grid h3{margin:0 0 12px}.tool-reading-note{max-width:820px;margin:28px auto 0}.tool-steps{grid-template-columns:repeat(4,1fr);gap:26px;padding:0;list-style:none;display:grid}.tool-steps>li{border-top:1px solid #33343b;padding-top:18px}.tool-steps>li>span{color:var(--tool-red);font-size:13px;font-weight:700}.tool-steps h3{margin-top:18px}.tool-faq{max-width:1050px}.tool-faq .faq-answer{font-size:16px;line-height:1.85}.tool-end{border-top:1px solid #303038;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;padding-bottom:65px;display:flex}.tool-end h2{font-size:32px}.tool-overview{color:#b2b9c7;max-width:820px;margin:auto;font-size:18px;line-height:1.85}.tool-examples{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.tool-examples video{background:0 0;border-radius:14px;width:100%;height:auto;display:block}.tool-examples figure{margin:0}.tool-examples figcaption{color:#aeb5c3;margin-top:16px;font-size:15px;line-height:1.7}.tool-examples strong{color:#fff;margin-bottom:7px;font-size:19px;display:block}.tool-credit-panel{color:#d8cbd0;background:#1c1419;border:1px solid #473039;border-radius:14px;margin-top:18px;padding:20px 24px;line-height:1.7}.tool-credit-panel p{margin:5px 0}.tool-mini-heading{font-weight:600;margin:0!important;font-size:16px!important}.tool-workbench .studio-reference{padding:10px 0}.tool-workbench .studio-media-grid{margin:18px 0}.tool-workbench .studio-media-field input,.tool-workbench .studio-media-field textarea{color:#eee;background:#111318;border:1px solid #343843;border-radius:9px;width:100%;padding:11px}.tool-workbench .studio-mode-tabs{flex-wrap:wrap}.tool-workbench input[type=number]{color:#fff;background:#13151a;border:1px solid #444954;border-radius:8px;max-width:100%;padding:9px}.tool-copy-muted{color:#aeb5c3;font-size:13px;line-height:1.7}.tool-frame{background:#0b0c0e;grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.tool-frame-content{min-width:0}.tool-sidebar{border-right:1px solid #26272d;height:calc(100dvh - 80px);padding:30px 14px;position:sticky;top:80px}.tool-sidebar nav>p{color:#898d99;letter-spacing:.08em;text-transform:uppercase;margin:0 12px 18px;font-size:12px;font-weight:600}.tool-sidebar a{color:#b4b7c2;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;margin-bottom:6px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.tool-sidebar a:hover{color:#fff;background:#18191e}.tool-sidebar a[aria-current=page]{color:#ff4059;background:#25151b;border-color:#47232d}.tool-sidebar a:focus-visible{outline-offset:2px;outline:2px solid #ff4059}.tool-sidebar svg{flex-shrink:0}@media (max-width:900px){.tool-frame{grid-template-columns:1fr}.tool-sidebar{border-bottom:1px solid #26272d;border-right:0;height:auto;padding:10px 16px;position:static}.tool-sidebar nav{gap:8px;display:flex}.tool-sidebar nav>p{display:none}.tool-sidebar a{margin:0;padding:10px 14px}.tool-mode-guide{grid-template-columns:1fr}.tool-steps{grid-template-columns:repeat(2,1fr)}.tool-examples{grid-template-columns:1fr 1fr}.tool-section{padding-top:48px;padding-bottom:48px}}@media (max-width:760px){.tool-hero{padding-top:32px}.tool-hero>p:not(.eyebrow){font-size:14px}.tool-chips{gap:7px}.tool-chips>span{font-size:11px}.tool-settings-grid,.tool-steps,.tool-examples{grid-template-columns:1fr}.tool-settings-grid article{padding:23px}.tool-end{flex-direction:column;align-items:flex-start}.tool-workbench .composer-toolbar{gap:8px}.tool-hero h1{font-size:34px}.tool-section-heading h2{font-size:32px}.tool-workbench .studio-media-grid{grid-template-columns:1fr}.tool-section h3{font-size:22px}}.tool-workbench .tool-frame-inputs .studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0 12px;padding:0}.tool-frame-inputs .studio-media-field{background:linear-gradient(140deg,#19191f,#121318);border:1px solid #353039;border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.tool-frame-inputs .studio-media-field>label:first-child{flex-direction:column;gap:12px;display:flex}.tool-frame-inputs .studio-media-field>label:first-child>span{color:#f0edf1;font-size:14px;font-weight:600}.tool-frame-inputs .studio-upload{color:#ff6479;background:#25181e;border:1px dashed #75414c;border-radius:10px;justify-content:center;align-items:center;min-height:64px;margin:0;transition:background .15s,border-color .15s;display:flex}.tool-frame-inputs .studio-upload:hover{background:#321c25;border-color:#ff4059}.tool-frame-inputs .studio-upload:focus-within{outline-offset:3px;outline:2px solid #ff4059}.tool-frame-inputs .studio-upload span{font-size:14px;font-weight:600}.tool-frame-inputs .fineprint{color:#9699a6;margin:0;font-size:11px}.tool-frame-inputs>.tool-copy-muted{text-align:center;margin:0;font-size:12px}.tool-frame-inputs .studio-media-preview{object-fit:contain;border-radius:8px;max-height:180px}.tool-frame-inputs .error{margin:0}@media (max-width:600px){.tool-frame-inputs{padding:0 12px 16px}.tool-workbench .tool-frame-inputs .studio-media-grid{grid-template-columns:1fr}.tool-frame-inputs .studio-media-field{padding:16px}}.tool-frame{grid-template-columns:248px minmax(0,1fr)}.tool-frame-collapsed{grid-template-columns:76px minmax(0,1fr)}.tool-sidebar{padding:24px 16px}.tool-sidebar-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;padding:0 10px;display:flex}.tool-sidebar-heading p{color:#b2b5c0;margin:0;font-size:14px;font-weight:700}.tool-sidebar-heading button{color:#b9bcc7;cursor:pointer;background:#19191f;border:1px solid #33323a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tool-sidebar-heading button:hover{color:#ff4059;border-color:#79404c}.tool-sidebar-heading button:focus-visible{outline-offset:3px;outline:2px solid #ff4059}.tool-sidebar a{gap:13px;padding:15px 12px;font-size:16px}.tool-frame-collapsed .tool-sidebar{padding-inline:10px}.tool-frame-collapsed .tool-sidebar-heading{justify-content:center;padding:0}.tool-frame-collapsed .tool-sidebar-heading p,.tool-frame-collapsed .tool-sidebar a span{display:none}.tool-frame-collapsed .tool-sidebar a{justify-content:center;padding:15px 0}.tool-workspace-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;width:calc(100% - 56px);max-width:1800px;margin:0 auto;display:grid}.tool-workspace-split>.tool-workbench{width:100%;min-width:0;margin:0}.tool-samples{background:#111318;border:1px solid #303039;border-radius:18px;min-width:0;padding:24px}.tool-samples-heading h2{letter-spacing:-.025em;margin:0 0 8px;font-size:23px}.tool-samples-heading p{color:#969eae;margin:0 0 20px;font-size:13px;line-height:1.5}.tool-samples-scroll{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-height:570px;padding-right:7px;display:grid;overflow-y:auto}.tool-samples-scroll:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #ff4059}.tool-samples figure{background:#17191f;border:1px solid #2c2e36;border-radius:12px;min-width:0;margin:0;overflow:hidden}.tool-samples video{width:100%;height:auto;display:block}.tool-samples figcaption{color:#e1e2e9;padding:11px 12px;font-size:13px;font-weight:600;line-height:1.4}.tool-samples-note{color:#9299a7;margin:16px 0 0;font-size:11px;line-height:1.6}.tool-workspace-split .composer-toolbar{flex-wrap:wrap}.tool-workspace-split .tool-model-note{padding-inline:10px;font-size:12px}.tool-workspace-split .studio-mode-tabs{gap:4px}.tool-workspace-split .studio-mode-tabs button{padding:10px 12px;font-size:13px}.tool-workspace-split .tool-frame-inputs{padding-inline:12px}.tool-workspace-split .tool-frame-inputs .studio-media-field{padding:14px}.tool-workspace-split .studio-media-grid{grid-template-columns:1fr}.tool-workspace-split .tool-frame-inputs .studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1200px){.tool-workspace-split{grid-template-columns:1fr;width:calc(100% - 36px)}.tool-samples-scroll{max-height:460px}.tool-hero h1{font-size:clamp(32px,4vw,54px)}}@media (max-width:900px){.tool-frame,.tool-frame-collapsed{grid-template-columns:1fr}.tool-sidebar{padding:10px 16px}.tool-sidebar-heading{display:none}.tool-sidebar a,.tool-frame-collapsed .tool-sidebar a{padding:10px 14px;font-size:14px}.tool-frame-collapsed .tool-sidebar a span{display:inline}.tool-frame-collapsed .tool-sidebar{padding:10px 16px}}@media (max-width:600px){.tool-workspace-split{width:calc(100% - 28px)}.tool-samples{padding:16px}.tool-samples-scroll{gap:10px;max-height:420px}.tool-workspace-split .tool-frame-inputs .studio-media-grid{grid-template-columns:1fr}.tool-samples figcaption{padding:9px;font-size:12px}}@media (min-width:901px){.tool-workspace-split .composer-panel{flex-direction:column;height:740px;display:flex}.tool-workspace-split .composer-panel>.studio-mode-tabs,.tool-workspace-split .composer-panel>.composer-toolbar,.tool-workspace-split .composer-panel>.composer-ideas{flex-shrink:0}.tool-workspace-split .composer-panel>.composer-toolbar{margin-top:16px}.tool-workspace-split .composer-panel>.composer-input{flex-shrink:0}.tool-workspace-split .composer-input textarea{resize:none;height:170px}.tool-workspace-split .composer-panel>.studio-reference,.tool-workspace-split .composer-panel>.tool-frame-inputs{flex:0 auto;min-height:0;overflow-y:auto}.tool-workspace-split .composer-input-with-frames{max-height:460px;overflow-y:auto;flex-shrink:1!important}.tool-workspace-split .studio-advanced{flex-shrink:1;max-height:170px;overflow-y:auto}.tool-workspace-split .tool-frame-inputs{margin-bottom:16px}}.tool-workspace-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1920px}.tool-samples-scroll{gap:20px;max-height:none;padding-right:0;overflow:visible}.tool-samples{padding:24px}.tool-samples figcaption{padding:14px;font-size:14px}.tool-samples-heading h2{font-size:25px}@media (max-width:1200px){.tool-workspace-split{grid-template-columns:1fr}}@media (max-width:600px){.tool-samples{padding:16px}.tool-samples-scroll{gap:10px}.tool-samples figcaption{padding:9px;font-size:12px}}.tool-workspace-split .studio-submit{border-top:1px solid #303039;flex-direction:column;align-items:stretch;gap:12px;margin-top:18px;padding-top:18px;display:flex}.tool-workspace-split .studio-submit>.button{border-radius:11px;justify-content:center;width:100%;min-height:50px}.tool-workspace-split .studio-submit>.button>svg:last-child{display:none}.tool-workspace-split .studio-submit .credit-estimate{align-self:flex-start}.tool-sidebar-heading .tool-sidebar-brand{color:#f5f5f7;white-space:nowrap;letter-spacing:-.6px;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:20px;font-weight:600;display:flex}.tool-sidebar-brand img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.tool-sidebar-brand b{color:#ff6472}.tool-frame-collapsed .tool-sidebar-heading{flex-direction:column;gap:16px}.tool-frame-collapsed .tool-sidebar-heading .tool-sidebar-brand{padding:0}.tool-samples video{aspect-ratio:4/3;object-fit:contain}@media (min-width:1201px){.tool-workspace-split .tool-samples{margin-top:44px}.tool-workspace-split .composer-heading{height:24px;margin:0 0 20px;line-height:24px}}.tool-sidebar-heading .tool-sidebar-logo-toggle{background:0 0;border-color:#0000;width:44px;height:44px;padding:6px}.tool-sidebar-heading .tool-sidebar-logo-toggle:hover{background:#25171c;border-color:#79404c}.tool-sidebar-logo-toggle img{object-fit:contain;width:32px;height:32px}.tool-breadcrumb{width:calc(100% - 56px);max-width:1920px;margin:24px auto 0}.tool-breadcrumb ol{color:#a4acba;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none;display:flex}.tool-breadcrumb li{align-items:center;gap:10px;min-width:0;display:flex}.tool-breadcrumb svg{color:#616672;flex-shrink:0}.tool-breadcrumb a:hover{color:#ff4059;text-underline-offset:4px;text-decoration:underline}.tool-breadcrumb [aria-current=page]{color:#ff4059;font-weight:600}.tool-frame-content:has(.tool-breadcrumb) .tool-hero{padding-top:30px}@media (max-width:760px){.tool-breadcrumb{width:calc(100% - 28px);margin-top:18px}.tool-breadcrumb ol{gap:6px;font-size:11px}.tool-breadcrumb li{gap:6px}}.tool-frame-inputs>.studio-prompt-frames{justify-content:flex-start;margin:0;padding:0}.tool-frame-inputs{padding:28px 26px}@media (max-width:600px){.tool-frame-inputs{padding:24px 18px}}.tool-workspace-split .tool-reference-note{color:#969eae;flex-shrink:0;margin:10px 18px 12px;font-size:11px;line-height:1.6}.workspace-comparison-scroll{scrollbar-width:thin;background:#111318;border:1px solid #30323c;border-radius:16px;overflow-x:auto}.workspace-comparison-scroll:focus-visible{outline-offset:4px;outline:2px solid #ff6472}.workspace-comparison table{border-collapse:collapse;width:100%;min-width:760px;margin:0}.workspace-comparison caption{text-align:left;color:#9ba5b6;padding:16px 20px;font-size:13px}.workspace-comparison th,.workspace-comparison td{text-align:left;vertical-align:top;border-bottom:1px solid #2b2d36;width:25%;padding:18px 20px;font-size:14px;line-height:1.65}.workspace-comparison thead th{color:#f4f4f7;background:#191c24}.workspace-comparison tbody th{color:#e2e5ec;font-weight:500}.workspace-comparison td{color:#a9b5c7}.workspace-comparison .comparison-current{color:#ff8090;background:#ee244b09}.workspace-comparison tr:last-child>*{border-bottom:0}.workspace-comparison .tool-reading-note{margin-top:20px}.workspace-comparison a{color:#ff6472}.workspace-comparison a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:600px){.workspace-comparison th,.workspace-comparison td{padding:14px;font-size:13px}.workspace-comparison-scroll{border-radius:12px}}.tool-page>.tool-hero{isolation:isolate;border-radius:22px;position:relative;overflow:hidden}.tool-page>.tool-hero:before{content:"";z-index:-2;pointer-events:none;filter:blur(28px);opacity:1;will-change:transform;background:radial-gradient(at 30% 45%,#078eddb3 0%,#0000 39%),radial-gradient(at 52% 25%,#8057d6b3 0%,#0000 37%),radial-gradient(at 70% 48%,#e13978a8 0%,#0000 38%),radial-gradient(at 44% 65%,#16b6c473 0%,#0000 33%);animation:16s ease-in-out infinite alternate tool-aurora-drift;position:absolute;inset:-70px -10% -90px}.tool-page>.tool-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b0c0e 0%,#0b0c0ed9 8%,#0b0c0e75 21%,#0b0c0e00 40% 52%,#0b0c0e70 72%,#0b0c0ed9 89%,#0b0c0e 100%),linear-gradient(90deg,#0b0c0e 0%,#0000 23% 77%,#0b0c0e 100%);position:absolute;inset:0}.tool-hero h1{text-shadow:0 2px 24px #0005}.tool-hero>p:not(.eyebrow){color:#c1c7d2;position:relative}@keyframes tool-aurora-drift{0%{opacity:.9;transform:translate(-3%)scale(1)}50%{opacity:1;transform:translate(2%,-8px)scale(1.04)}to{opacity:.95;transform:translate(4%,6px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.tool-page>.tool-hero:before{will-change:auto;animation:none}}@media (max-width:760px){.tool-page>.tool-hero:before{filter:blur(22px);opacity:.9}}@media (max-width:600px){.tool-frame .tool-breadcrumb,.tool-page .tool-chips,.tool-page .tool-workbench .composer-heading{display:none}}.tool-workspace-split .composer-panel>.studio-reference{padding:8px 0 16px}.tool-workspace-split .composer-panel>.studio-reference>.studio-advanced-label{max-width:420px;margin:14px 26px}.mini-editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:64px;max-width:1180px;margin-inline:auto;display:grid}.mini-editorial-intro h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 24px;font-size:clamp(28px,3vw,40px);line-height:1.18}.mini-editorial-grid p{color:#b2b9c7;margin:0 0 20px;font-size:16px;line-height:1.8}.mini-prompt-example{background:#171a21;border:1px solid #343842;border-radius:16px;padding:32px}.mini-prompt-label{color:#ff6479;letter-spacing:.06em;justify-content:space-between;gap:16px;font-size:12px;font-weight:650;display:flex}.mini-prompt-label span{color:#b2b9c7;letter-spacing:0;font-weight:400}.mini-prompt-example blockquote{color:#f2f3f6;margin:24px 0;font-size:21px;line-height:1.65}.mini-prompt-notes{color:#f3a7b2;flex-wrap:wrap;gap:16px;margin-bottom:20px;font-size:12px;display:flex}.mini-prompt-example>p:last-child{border-top:1px solid #343842;margin-bottom:0;padding-top:20px}.mini-editorial-grid .mini-editorial-note{color:#aeb5c3;font-size:13px;line-height:1.7}.mini-cost-minimum{border-block:1px solid #343842;margin:28px 0;padding:20px 0}.mini-cost-minimum>strong{color:#ff6479;font-size:19px}.mini-cost-minimum p{margin:8px 0 0}.mini-cost-detail table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:16px}.mini-cost-detail caption{text-align:left;color:#f2f3f6;margin-bottom:20px;font-size:20px;font-weight:600}.mini-cost-detail th,.mini-cost-detail td{text-align:left;border-bottom:1px solid #343842;padding:18px 12px}.mini-cost-detail thead th{color:#aeb5c3;background:#15181f;font-size:12px;font-weight:500}.mini-cost-detail tbody th{color:#f2f3f6}.mini-cost-detail td{color:#c6cbd5}.mini-cost-detail td strong{color:#ff6479}.mini-reference-cost{margin-top:32px}.mini-reference-cost h3{margin:0 0 12px;font-size:20px}.mini-cost-equation{background:#171a21;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:20px 0;padding:24px 20px;display:flex}.mini-cost-equation span{color:#b2b9c7;text-align:center;flex-direction:column;gap:8px;font-size:12px;display:flex}.mini-cost-equation strong{color:#f2f3f6;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.mini-cost-equation b{color:#aeb5c3;font-weight:400}.mini-cost-equation .mini-cost-total strong{color:#ff6479}@media (max-width:900px){.mini-editorial-grid{grid-template-columns:1fr;gap:32px}.mini-editorial-intro{max-width:70ch}.mini-prompt-example{padding:24px}.mini-prompt-example blockquote{font-size:19px}.mini-cost-detail th,.mini-cost-detail td{padding:16px 10px}}@media (max-width:480px){.mini-prompt-label{flex-wrap:wrap;gap:8px}.mini-prompt-example{padding:20px}.mini-editorial-grid p{font-size:15px}.mini-cost-detail table{font-size:14px}.mini-cost-equation{padding:20px 12px}.mini-cost-equation strong{font-size:24px}}.mini-prompt-section .mini-editorial-intro h2,.mini-cost-section .mini-editorial-intro h2{text-align:center}.mini-editorial-grid>.mini-section-title{letter-spacing:-.025em;text-wrap:balance;justify-self:center;max-width:960px;margin:0 auto;font-size:clamp(28px,3vw,40px);line-height:1.2}
