/* DreamForge / art direction 2026-11-04. Existing tools and content remain native. */
@font-face{font-family:DF Inter;src:url('/_astro/df-design-20261104/fonts/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:DF Editorial;src:url('/_astro/df-design-20261104/fonts/instrumentserif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--purple:#6544b5;--purple-dark:#4d318f;--ink:#202127;--muted:#62636d;--line:#dededc;--canvas:#f8f8f5;--surface:#fff;--soft:#efedf4;--night:#161a24;--radius:12px}
body{font-family:DF Inter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.brand{font-family:DF Inter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.container{width:min(1280px,calc(100% - 80px))}
.site-header,.studio-home .site-header{background:#f8f8f5;border-color:#dededc}
.header-inner{min-height:84px;gap:30px}
.brand,.studio-home .site-header .brand{color:#202127;font-size:22px;letter-spacing:-.06em}
.brand svg,.brand-ai,.studio-home .site-header .brand svg,.studio-home .site-header .brand-ai{color:#6544b5}
.header-inner nav{gap:27px}
.header-inner nav a,.studio-home .site-header nav a{font-size:12px;font-weight:500;color:#62636d}
.header-inner nav a:hover,.studio-home .site-header nav a:hover,.studio-home .site-header nav a[aria-current=page]{color:#202127}
.header-cta,.studio-home .site-header .header-cta{border-color:#202127;border-radius:6px;background:#202127;color:#fff;font-size:12px;padding:10px 15px}
.header-cta:hover,.studio-home .site-header .header-cta:hover{background:#383943;color:#fff}
.studio-homepage{--studio-ink:#202127;--studio-muted:#62636d;--studio-purple:#6544b5;--studio-border:#dededc;--studio-radius:14px;--studio-section-space:clamp(72px,8vw,112px);background:#f8f8f5}
.studio-homepage h2,.studio-homepage h3{font-weight:500;letter-spacing:-.045em}
.studio-homepage .studio-hero{--studio-white:#f5f5f2;--studio-subtle:#afb3bf;--studio-violet:#c7b5f1;--studio-cyan:#c7dbe2;background:#161a24;color:#f5f5f2}
.studio-homepage .studio-hero::before{inset:0;background:radial-gradient(ellipse at 88% 30%,#51516a30,transparent 58%);background-size:auto;animation:none}
.studio-homepage .studio-hero::after{display:none}
.studio-hero-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff18;padding-block:22px;color:#bec1ca;font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.studio-hero-topline span:first-child{display:flex;align-items:center;gap:9px}
.studio-hero-topline i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#c7b5f1}
.studio-homepage .studio-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px);padding-block:64px 70px;align-items:center}
.studio-homepage .studio-hero-copy{padding:0}
.studio-homepage .studio-kicker{font-size:11px;font-weight:500;letter-spacing:.04em;margin-bottom:26px;color:#c7b5f1}
.studio-homepage .studio-kicker svg{width:16px;height:16px}
.studio-homepage .studio-hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin-bottom:26px}
.studio-homepage .studio-hero h1 span{font-family:DF Editorial,Georgia,serif;font-size:1.12em;line-height:1.05;font-weight:400;letter-spacing:-.035em;color:#d5c5f7}
.studio-homepage .studio-lead{font-size:15px;line-height:1.85;max-width:410px;color:#b9bdc8;margin-bottom:30px}
.studio-homepage .studio-actions{gap:10px}
.studio-homepage .studio-button{border-radius:6px;font-size:12px;font-weight:550;min-height:48px;padding:12px 16px;gap:12px;box-shadow:none}
.studio-homepage .studio-hero .studio-button-primary{background:#d6c7f6;color:#22202a;border-color:#d6c7f6}
.studio-homepage .studio-hero .studio-button-primary:hover{background:#e7dcfd;color:#22202a}
.studio-homepage .studio-hero .studio-button-outline{color:#f3f1f6;border-color:#ffffff45;background:transparent}
.studio-homepage .studio-hero .studio-button-outline:hover{background:#ffffff0b;border-color:#ffffff70}
.studio-homepage .studio-hero-notes{font-size:10px;color:#b5bac6;gap:8px 18px;margin-top:18px}
.studio-homepage .studio-hero-bottom{margin-top:40px;gap:12px;border-top:1px solid #ffffff1c;padding-top:21px;max-width:300px}
.studio-homepage .studio-orbit-icon{border-color:#ffffff2e;background:transparent;width:36px;height:36px}
.studio-homepage .studio-hero-bottom p{font-size:11px;line-height:1.7;color:#aeb4c0}
.studio-homepage .studio-hero-bottom strong{color:#e4e5e9;font-weight:450}
.studio-homepage .studio-showcase{position:relative;animation:none;border:1px solid #ffffff27;border-radius:12px;background:#232832;padding:8px;box-shadow:0 28px 70px #06080e40}
.studio-homepage .studio-scene-tabs{padding:3px 10px 8px;margin:0;gap:10px}
.studio-homepage .studio-scene-tabs-label{font-size:10px;letter-spacing:.04em;color:#bec4cf}
.studio-homepage .studio-scene-tabs > div{gap:2px}
.studio-homepage .studio-scene-tabs button{border-color:transparent;border-radius:5px;background:transparent;font-size:11px;padding:8px 12px;color:#b8beca;min-height:44px}
.studio-homepage .studio-scene-tabs button[aria-pressed=true]{border-color:#ffffff29;background:#3b424f;color:#fff;font-weight:500}
.studio-homepage .studio-scene-tabs button:hover:not(:disabled):not([aria-pressed=true]){background:#ffffff0c;border-color:#ffffff1c;color:#fff}
.studio-homepage .studio-concept-frame{aspect-ratio:1.62;border:0;border-radius:7px;box-shadow:none}
.studio-homepage .studio-frame-top{padding:14px 16px;color:#e7e9ed;font-size:9px;letter-spacing:.12em}
.studio-homepage .studio-frame-corners{inset:52px 24px 52px;border-color:#ffffff12}
.studio-homepage .studio-concept-frame figcaption{bottom:0;font-size:10px;padding:28px 16px 13px;color:#ecedf0}
.studio-homepage .studio-prompt-fragment{--studio-white:#eceef2;--studio-subtle:#c1c6cf;--studio-violet:#cdbcf1;--studio-cyan:#c4dce1;margin:0;padding:17px 15px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:0}
.studio-homepage .studio-fragment-top{margin-bottom:10px;font-size:10px;color:#c9b8ed}
.studio-homepage .studio-mode-label{color:#bacbd3;font-size:9px}
.studio-homepage .studio-prompt-fragment h2{font-size:16px;font-weight:500;margin-bottom:12px;color:#f1f1f4}
.studio-homepage .studio-prompt-fragment dl{gap:7px;padding-top:13px;border-top:1px solid #ffffff14;margin-bottom:8px}
.studio-homepage .studio-prompt-fragment dl > div{grid-template-columns:88px minmax(0,1fr);gap:12px;font-size:10px;line-height:1.7}
.studio-homepage .studio-prompt-fragment dt{color:#a4afbf}
.studio-homepage .studio-prompt-fragment dd{color:#d2d6dd}
.studio-homepage .studio-prompt-fragment .studio-inline-link{font-size:10px;color:#d3c5ef;min-height:44px}
.studio-homepage .studio-facts{grid-template-columns:1fr 1fr 1fr 1.1fr;gap:28px;padding-block:25px;border-top:1px solid #ffffff20}
.studio-homepage .studio-facts > div{gap:12px}
.studio-homepage .studio-facts strong{font-size:25px;font-weight:450;color:#eeeef1}
.studio-homepage .studio-facts span{font-size:10px;color:#b7bfcb}
.studio-homepage .studio-facts p{border-color:#ffffff2a;padding-left:28px;color:#e0e4eb;font-size:11px}
.studio-homepage .studio-eyebrow{font-size:10px;font-weight:550;letter-spacing:.13em;color:#6c617f;margin-bottom:18px}
.studio-homepage .studio-section-heading{margin-bottom:40px;gap:40px}
.studio-homepage .studio-section-heading h2{font-size:clamp(32px,3.8vw,50px);line-height:1.1;max-width:650px}
.studio-homepage .studio-section-heading > p{font-size:13px;line-height:1.85;color:#62636d;max-width:340px}
.studio-homepage .studio-bento{gap:18px}
.studio-homepage .studio-feature{padding:38px;border-color:#dddedc;border-radius:12px;box-shadow:0 2px 4px #15192703}
.studio-homepage .studio-feature h3{font-size:clamp(30px,3vw,40px);line-height:1.1;margin-bottom:18px}
.studio-homepage .studio-feature p{font-size:13px;line-height:1.8;max-width:420px;color:#63656d;margin-bottom:28px}
.studio-homepage .studio-feature-label{font-size:9px;letter-spacing:.11em;font-weight:500;margin-bottom:35px;color:#686773}
.studio-homepage .studio-icon-tile{background:#ffffffa0;border-color:#d8d6dd;border-radius:9px;color:#65547c}
.studio-homepage .studio-feature-prompt{background:#efedf4}
.studio-homepage .studio-direction-stack{max-width:510px;gap:0;padding:5px 18px;margin-bottom:26px;background:#ffffffb8;border:1px solid #dcd8e6;border-radius:8px}
.studio-homepage .studio-direction-stack > div{grid-template-columns:55px minmax(0,1fr);margin:0!important;border:0;border-radius:0;border-bottom:1px solid #e5e2ea;padding:12px 0;background:transparent;box-shadow:none}
.studio-homepage .studio-direction-stack > div:last-child{border-bottom:0}
.studio-homepage .studio-direction-stack strong{font-size:11px;font-weight:450;color:#47434e}
.studio-homepage .studio-direction-stack span{font-size:10px;color:#746683}
.studio-homepage .studio-feature-image{background:#202833;border-color:#202833;color:#f0f1f4}
.studio-homepage .studio-feature-image .studio-feature-label,.studio-homepage .studio-feature-image p{color:#b6c2ce}
.studio-homepage .studio-feature-image .studio-icon-tile{background:#ffffff08;border-color:#ffffff2b;color:#cfb9f4}
.studio-homepage .studio-feature-image .studio-inline-link{color:#dfcff6}
.studio-homepage .studio-image-study{border:0;border-radius:7px;aspect-ratio:1.8;margin-bottom:25px}
.studio-homepage .studio-image-study figcaption{background:#141a24de;color:#dddfe7;font-size:9px;padding:7px 10px}
.studio-homepage .studio-feature-storyboard{background:#fff}
.studio-homepage .studio-shot-plan{border:1px solid #e4e1ea;background:#efedf3;border-radius:7px;margin-bottom:25px}
.studio-homepage .studio-feature-library{background:#eaf0ee;border-color:#d7dfdc}
.studio-homepage .studio-feature-library .studio-icon-tile{background:#f8fcfa;border-color:#c8d6d0;color:#516d62}
.studio-homepage .studio-file-list{gap:0;border-block:1px solid #cbd7d0;margin-bottom:25px}
.studio-homepage .studio-file-list a{border:0;border-bottom:1px solid #d4dfd8;background:transparent;border-radius:0;padding:15px 0;color:#516d62;gap:14px}
.studio-homepage .studio-file-list a:last-child{border-bottom:0}
.studio-homepage .studio-file-list a:hover{background:#ffffff40}
.studio-homepage .studio-file-list a > span{font-size:12px;font-weight:500}
.studio-homepage .studio-file-list small{font-size:10px;line-height:1.8}
.studio-homepage .studio-inline-link{font-size:12px;font-weight:550;color:#6544a0}
.studio-homepage .studio-scope-note,.studio-homepage .studio-art-note{font-size:11px;line-height:1.8;color:#6d6d75}
.studio-homepage .studio-starters{background:#ecece7;border-color:#deded9}
.studio-homepage .studio-starter-grid{gap:22px}
.studio-homepage .studio-starter{border:0;border-radius:0;background:transparent}
.studio-homepage .studio-starter-image{border-radius:9px;aspect-ratio:1.5;background:#232832}
.studio-homepage .studio-starter-image span{top:12px;left:12px;background:#161a24c9;border-color:#ffffff30;border-radius:3px;font-size:9px;letter-spacing:.12em}
.studio-homepage .studio-starter-copy{padding:24px 0 0}
.studio-homepage .studio-template-mode{font-size:10px;font-weight:500;color:#746087;margin-bottom:12px}
.studio-homepage .studio-starter h3{font-size:27px;line-height:1.2;margin-bottom:12px}
.studio-homepage .studio-starter p{font-size:12px;line-height:1.8;color:#62636d;margin-bottom:14px}
.studio-homepage .studio-starter .studio-inline-link{font-size:11px}
.studio-homepage .studio-workflow-steps{gap:45px}
.studio-homepage .studio-workflow-steps li{border-color:#cbcbd0;padding-top:34px}
.studio-homepage .studio-step-number{background:#f8f8f5;color:#76707e;font-size:11px}
.studio-homepage .studio-workflow-steps li > svg{color:#66527e;margin-bottom:24px}
.studio-homepage .studio-workflow-steps h3{font-size:26px;margin-bottom:15px;line-height:1.15}
.studio-homepage .studio-workflow-steps p{font-size:13px;line-height:1.85}
.studio-homepage .studio-reading{background:#fff;border-color:#dededc}
.studio-homepage .studio-reading-grid{gap:24px}
.studio-homepage .studio-reading-card{border:0;border-radius:0;background:transparent}
.studio-homepage .studio-reading-card:hover{box-shadow:none}
.studio-homepage .studio-reading-art{min-height:180px;border-radius:9px;background:#e9e4f0;padding:28px;color:#78678f;position:relative;overflow:hidden}
.studio-homepage .studio-reading-art::after{content:'';position:absolute;height:160px;width:160px;border:1px solid #77668c25;border-radius:50%;right:-20px;bottom:-55px;box-shadow:0 0 0 25px #77668c08,0 0 0 50px #77668c06;pointer-events:none}
.studio-homepage .studio-reading-card:nth-child(2) .studio-reading-art{background:#e7eeeb;color:#526d63}
.studio-homepage .studio-reading-card:nth-child(3) .studio-reading-art{background:#e6e9ef;color:#5d6d87}
.studio-homepage .studio-reading-art > span{font-size:9px;line-height:1.9;letter-spacing:.1em}
.studio-homepage .studio-reading-copy{padding:26px 0 0}
.studio-homepage .studio-reading-copy h3{font-size:24px;line-height:1.2}
.studio-homepage .studio-reading-copy p{font-size:12px;line-height:1.85;color:#62636d}
.studio-homepage .studio-final-callout{padding:58px 64px;background:#202431;border:1px solid #2d3341;border-radius:12px;color:#f1eff6}
.studio-homepage .studio-final-callout::before{display:none}
.studio-homepage .studio-final-callout .studio-kicker{color:#c6b7e3;font-size:11px}
.studio-homepage .studio-final-callout h2{font-size:clamp(36px,4.5vw,58px);font-weight:450;letter-spacing:-.05em}
.studio-homepage .studio-final-callout h2 span{font-family:DF Editorial,Georgia,serif;font-size:1.15em;color:#d8c7f4;letter-spacing:-.025em}
.studio-homepage .studio-final-callout p{font-size:13px;color:#bfc2cc}
.studio-homepage .studio-final-actions .studio-button-primary{background:#d6c7f6;color:#25212e;border-color:#d6c7f6}
.studio-homepage .studio-final-actions .studio-button-outline{border-color:#ffffff45;background:transparent;color:#ededf2}
.studio-homepage .studio-final-actions > span{color:#b9bec9;font-size:10px;line-height:1.8}
.studio-network{padding-block:0 80px;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start}
.studio-network-heading{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6a6571;margin:0;line-height:1.6;padding-top:16px}
.studio-network-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.studio-network-links a{border-top:1px solid #d5d4d8;padding-top:15px;color:#28262e;min-height:70px}
.studio-network-links strong{font-size:12px;font-weight:550;display:block;margin-bottom:6px}
.studio-network-links span{display:block;font-size:10px;line-height:1.6;color:#706b79}
.studio-network-links a:hover{border-color:#6544a0;color:#6544a0}
.site-footer{background:#efefea;border-color:#deded9}
.footer-top{padding-block:50px;gap:60px}
.footer-top p,.footer-links a{font-size:12px;line-height:1.9;color:#64636c}
.footer-links{gap:6px 40px}
.footer-bottom{border-color:#d5d5d0;font-size:10px;padding-block:22px}
.footer-bottom a{color:#67656f}
.icp-home-corner{background:transparent!important}
.page-intro{background:#f8f8f5}
.page-intro h1{font-weight:500;letter-spacing:-.05em;line-height:1.1}
.page-intro .intro-description{font-size:16px;line-height:1.8}
.article-layout{gap:60px}
.article-card,.resource-card,.tool-card,.feature-card{border-radius:10px}
.prose{font-size:16px;line-height:1.9;color:#45454e}
.prose h2,.prose h3{font-weight:500}
@media(min-width:1500px){.studio-homepage .studio-hero-grid{padding-block:82px 86px}.studio-homepage .studio-hero h1{font-size:82px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner nav{gap:22px}.studio-homepage .studio-hero-grid{gap:36px;padding-block:56px}.studio-homepage .studio-hero h1{font-size:57px}.studio-homepage .studio-lead{font-size:14px}.studio-homepage .studio-actions{flex-direction:column;align-items:flex-start}.studio-homepage .studio-hero .studio-button{min-width:210px}.studio-homepage .studio-feature{padding:28px}.studio-network{gap:35px;grid-template-columns:1fr 2.5fr}.studio-network-links{gap:18px}}
@media(max-width:780px){.container{width:calc(100% - 40px)}.header-inner{min-height:72px}.brand{font-size:21px}.studio-home .site-header .menu-toggle{background:transparent;border-color:#c9c4d0;color:#35303f;border-radius:5px;font-size:12px}.studio-home .header-inner nav.is-open{background:#f8f8f5}.studio-home .header-inner nav a.mobile-tool-cta{background:#6544b5;color:#fff}.studio-hero-topline{padding-block:18px;font-size:9px;gap:10px}.studio-hero-topline span:last-child{display:none}.studio-homepage .studio-hero-grid{grid-template-columns:minmax(0,1fr);gap:38px;padding-block:42px 35px}.studio-homepage .studio-hero h1{font-size:clamp(52px,8.8vw,76px);max-width:650px;line-height:1.01;margin-bottom:21px}.studio-homepage .studio-kicker{margin-bottom:21px;font-size:10px}.studio-homepage .studio-lead{max-width:480px;font-size:14px;line-height:1.8;margin-bottom:26px}.studio-homepage .studio-actions{flex-direction:row;gap:10px}.studio-homepage .studio-hero .studio-button{min-width:0;font-size:11px;padding:12px 15px}.studio-homepage .studio-hero-notes{font-size:10px}.studio-homepage .studio-hero-bottom{display:none}.studio-homepage .studio-showcase{max-width:none;padding:7px;border-radius:10px}.studio-homepage .studio-concept-frame{aspect-ratio:1.65}.studio-homepage .studio-scene-tabs{padding:2px 6px 7px}.studio-homepage .studio-scene-tabs button{font-size:10px;padding:8px 11px}.studio-homepage .studio-prompt-fragment{padding:15px 12px 7px}.studio-homepage .studio-prompt-fragment h2{font-size:17px}.studio-homepage .studio-prompt-fragment dl > div{font-size:11px;grid-template-columns:86px minmax(0,1fr);gap:12px}.studio-homepage .studio-prompt-fragment .studio-inline-link{font-size:11px;min-height:44px}.studio-homepage .studio-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-block:24px}.studio-homepage .studio-facts > div{display:block}.studio-homepage .studio-facts strong{display:block;font-size:24px;margin-bottom:5px}.studio-homepage .studio-facts span{font-size:9px;line-height:1.6;display:block}.studio-homepage .studio-facts p{display:none}.studio-homepage .studio-section{padding-block:64px}.studio-homepage .studio-section-heading{display:block;margin-bottom:28px}.studio-homepage .studio-section-heading h2{font-size:36px;line-height:1.12}.studio-homepage .studio-eyebrow{font-size:9px;margin-bottom:15px}.studio-homepage .studio-section-heading > p{font-size:13px;margin-top:18px;max-width:500px}.studio-homepage .studio-section-heading > .studio-inline-link{margin-top:12px}.studio-homepage .studio-bento{gap:14px;grid-template-columns:minmax(0,1fr)}.studio-homepage .studio-feature{grid-column:1/-1;padding:28px 26px;border-radius:10px}.studio-homepage .studio-feature h3{font-size:34px}.studio-homepage .studio-feature p{font-size:13px;line-height:1.8}.studio-homepage .studio-feature-label{margin-bottom:28px}.studio-homepage .studio-feature-image{grid-column:1/-1}.studio-homepage .studio-direction-stack{padding:4px 14px}.studio-homepage .studio-direction-stack strong{font-size:11px}.studio-homepage .studio-feature-library{grid-column:1/-1}.studio-homepage .studio-feature-storyboard-copy{display:block}.studio-homepage .studio-file-list{grid-template-columns:1fr}.studio-homepage .studio-direction-stack > div{grid-template-columns:55px minmax(0,1fr)}.studio-homepage .studio-starter-grid,.studio-homepage .studio-reading-grid{gap:32px}.studio-homepage .studio-starter-image{aspect-ratio:1.6}.studio-homepage .studio-starter-copy{padding:21px 0 0}.studio-homepage .studio-starter h3{font-size:28px}.studio-homepage .studio-starter p{font-size:13px}.studio-homepage .studio-starter .studio-inline-link{font-size:12px}.studio-homepage .studio-art-note,.studio-homepage .studio-scope-note{font-size:11px;text-align:left}.studio-homepage .studio-workflow-steps{gap:36px}.studio-homepage .studio-workflow-steps li{padding-top:26px}.studio-homepage .studio-workflow-steps h3{font-size:27px}.studio-homepage .studio-reading-art{min-height:180px}.studio-homepage .studio-reading-copy{padding-top:22px}.studio-homepage .studio-reading-copy h3{font-size:26px}.studio-homepage .studio-reading-copy p{font-size:13px}.studio-homepage .studio-final-callout{padding:33px 27px;border-radius:10px}.studio-homepage .studio-final-callout h2{font-size:44px}.studio-homepage .studio-final-callout p{font-size:13px}.studio-homepage .studio-final-actions{max-width:none}.studio-network{display:block;padding-block:0 56px}.studio-network-heading{padding-top:0;margin-bottom:22px}.studio-network-links{gap:20px}.studio-network-links strong{font-size:11px;line-height:1.5}.studio-network-links span{font-size:10px}.footer-top{gap:28px;padding-block:36px}.footer-top p{font-size:12px}.footer-links{gap:6px 22px}.footer-bottom{font-size:10px;gap:14px}.article-layout{gap:32px}.prose{font-size:16px}.page-intro .intro-description{font-size:15px}}
@media(max-width:420px){.container{width:calc(100% - 36px)}.studio-homepage .studio-hero h1{font-size:51px}.studio-homepage .studio-hero .studio-button{font-size:10px;padding-inline:12px;gap:8px}.studio-homepage .studio-hero .studio-button svg{width:16px;height:16px}.studio-homepage .studio-hero-notes{font-size:9px}.studio-homepage .studio-scene-tabs{gap:4px}.studio-homepage .studio-scene-tabs-label{font-size:9px}.studio-homepage .studio-scene-tabs button{padding-inline:9px;font-size:10px}.studio-homepage .studio-mode-label{font-size:8px}.studio-homepage .studio-fragment-top{font-size:9px;gap:8px}.studio-homepage .studio-prompt-fragment dl > div{grid-template-columns:76px minmax(0,1fr);font-size:10px}.studio-homepage .studio-feature{padding:26px 22px}.studio-homepage .studio-feature h3{font-size:32px}.studio-homepage .studio-section-heading h2{font-size:33px}.studio-network-links{grid-template-columns:1fr;gap:10px}.studio-network-links a{min-height:62px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:14px}.studio-network-links strong{font-size:12px}.studio-network-links span{font-size:10px}.studio-homepage .studio-direction-stack > div{grid-template-columns:45px minmax(0,1fr)}.studio-homepage .studio-final-callout h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Common-layout articles, resources and catalogs use the same art direction. */
body:not(.studio-home){--studio-ink:#202127;--studio-muted:#62636d;--studio-line:#dededc;background:#f8f8f5;color:#202127}
body:not(.studio-home) .site-header{background:#f8f8f5;border-bottom-color:#dededc}
body:not(.studio-home) .site-header .header-cta{background:#202127;border-color:#202127;color:#fff}
body:not(.studio-home) .site-header .header-cta:hover{background:#383943;color:#fff}
body:not(.studio-home) .site-header .menu-toggle{background:transparent;border-color:#c9c7cd;color:#35303f;border-radius:5px}
body:not(.studio-home) .site-header .menu-toggle:hover{background:#ebe9ef}
body:not(.studio-home) .page-intro{background:#f8f8f5;border-color:#dededc;padding-block:48px 42px}
body:not(.studio-home) .page-intro::before,body:not(.studio-home) .page-intro::after{display:none}
body:not(.studio-home) .page-intro h1{color:#202127;font-weight:500;max-width:27ch;font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-.05em}
body:not(.studio-home) .page-intro .intro-description{font-size:16px;line-height:1.85;color:#62636d;max-width:740px}
body:not(.studio-home) .eyebrow{font-size:10px;font-weight:550;letter-spacing:.12em;color:#746784}
body:not(.studio-home) :is(.breadcrumbs,.article-meta){color:#77717f;font-size:11px}
body:not(.studio-home) .intro-art-card{border-color:#d7d2df;background:#faf9fc;border-radius:10px;box-shadow:0 12px 24px #28232e08}
body:not(.studio-home) .intro-chips span{border-color:#d6cfdf;background:#f3f0f7;border-radius:4px;color:#6c5d7c}
body:not(.studio-home) :is(.catalog-card,.article-card,.tool-card,.resource-card,.feature-card){border-color:#dededc;border-radius:10px;box-shadow:none}
body:not(.studio-home) .catalog-cover{background:#e9e6ee}
body:not(.studio-home) .catalog-cover-plan{background:#e9edeb}
body:not(.studio-home) .catalog-feature-list li{border-color:#dfd9e6;background:#f7f5fa;color:#706579;border-radius:4px}
body:not(.studio-home) .catalog-icon{background:#efedf4;border-color:#dcd6e5;color:#7a6591;border-radius:7px}
body:not(.studio-home) .guide-cover{background:#eae5f0;color:#78678f}
body:not(.studio-home) .guide-cover-image{background:#e6eeea;color:#536d61}
body:not(.studio-home) .guide-cover-storyboard{background:#e6e9ef;color:#5e6c84}
body:not(.studio-home) .guide-cover-workflow{background:#ece9e3;color:#7a7060}
body:not(.studio-home) .catalog-filter{border-color:#cfc8d8;border-radius:5px;font-size:12px;color:#746381}
body:not(.studio-home) .catalog-filter[aria-pressed=true]{background:#2b2c37;border-color:#2b2c37;color:#fff}
body:not(.studio-home) .catalog-filter:hover:not([aria-pressed=true]){background:#efecf4}
body:not(.studio-home) .catalog-filter > span{background:#dfd8e9}
body:not(.studio-home) .catalog-filter[aria-pressed=true] > span{background:#ffffff21}
body:not(.studio-home) .catalog-search-controls :is(input,select){border-color:#cbc5d4;border-radius:6px;color:#42374e}
body:not(.studio-home) .template-reference{background:#eef2ef;border-color:#d7e0da;border-radius:6px;color:#596e61}
body:not(.studio-home) .provider-card-icon{background:#f0edf4;border-color:#d8d1e1;border-radius:7px;color:#7a6591}
body:not(.studio-home) .pill{background:#f0edf5;border-color:#dcd5e6;border-radius:4px;color:#78648c}
body:not(.studio-home) .notice{background:#f2f0f6;border-color:#ddd7e7;border-left-color:#9681ad;border-radius:7px;color:#6e637a}
body:not(.studio-home) .tool-callout{background:#202431;border-color:#303644;border-radius:10px;color:#f0edf5}
body:not(.studio-home) .prose{background:#fff;border-color:#dededc;border-radius:10px;padding:36px;color:#45454e;font-size:16px;line-height:1.9}
body:not(.studio-home) .prose pre{background:#242936;border-color:#484e60;border-radius:8px;color:#ecedf2}
body:not(.studio-home) .article-side .resource-card{background:#efedf4;border-color:#dcd5e6}
body:not(.studio-home) .legal{background:#fff;border-color:#dededc;border-radius:10px}
body:not(.studio-home) .btn{background:#2b2c37;border-color:#2b2c37;color:#fff;border-radius:5px;font-size:13px;font-weight:550}
body:not(.studio-home) .btn:hover{background:#414350;border-color:#414350;color:#fff}
body:not(.studio-home) .btn.secondary{background:#fff;border-color:#cfc8d8;color:#6b5b7b}
body:not(.studio-home) .btn.secondary:hover{background:#f1edf7;border-color:#b5a7c4;color:#5a486c}
body:not(.studio-home) .soft-section{background:#efefeb;border-color:#deded9}
@media(max-width:780px){body:not(.studio-home) .page-intro{padding-block:34px 30px}body:not(.studio-home) .page-intro h1{font-size:37px;line-height:1.13}body:not(.studio-home) .page-intro .intro-description{font-size:15px;line-height:1.85}body:not(.studio-home) .prose,body:not(.studio-home) .legal{padding:25px 22px;border-radius:8px}body:not(.studio-home) .header-inner nav.is-open{background:#f8f8f5}body:not(.studio-home) .header-inner nav a.mobile-tool-cta{background:#6544b5;color:#fff}}

/* The two native tools share the studio's quieter working palette. */
body.tool-workbench{--studio-ink:#202127;--studio-muted:#62636d;--studio-line:#dededc;background:#f3f3ef;color:#202127}
body.tool-workbench .site-header{background:#f8f8f5;border-bottom-color:#dededc}
body.tool-workbench .site-header .brand{color:#202127}
body.tool-workbench .site-header .header-cta{background:#202127;border-color:#202127;color:#fff}
body.tool-workbench .site-header .header-cta:hover{background:#383943;color:#fff}
body.tool-workbench .site-header .menu-toggle{background:transparent;border-color:#c9c7cd;color:#35303f;border-radius:5px}
body.tool-workbench .site-header .menu-toggle:hover{background:#ebe9ef}
body.tool-workbench .page-intro{background:#f8f8f5;border-bottom-color:#d9d9d5;padding-block:34px 30px;overflow:visible}
body.tool-workbench .page-intro::before,body.tool-workbench .page-intro::after{display:none}
body.tool-workbench .page-intro .breadcrumbs{margin-bottom:24px;font-size:11px;color:#737079}
body.tool-workbench .page-intro .eyebrow{font-size:10px;font-weight:550;letter-spacing:.11em;color:#746784;margin-bottom:14px}
body.tool-workbench .page-intro h1{font-weight:500;font-size:clamp(32px,3.4vw,47px);line-height:1.13;letter-spacing:-.05em;color:#202127;margin-bottom:17px;max-width:1000px}
body.tool-workbench .page-intro .intro-description{max-width:780px;font-size:14px;line-height:1.85;color:#62636d}
body.tool-workbench :is(.workbench-benefits,.tool-hero-meta){color:#72707a;font-size:11px;gap:8px 22px;margin-top:18px}
body.tool-workbench :is(.workbench-benefits,.tool-hero-meta) svg{color:#7a6c8c;width:15px;height:15px}
body.tool-workbench .tool-navigation{margin-top:26px;gap:8px}
body.tool-workbench .tool-navigation a{font-size:12px;font-weight:500;min-height:44px;padding:10px 15px;border-radius:5px;border-color:#d1cfd6;background:transparent;color:#67616f;gap:9px}
body.tool-workbench .tool-navigation a[aria-current=page]{background:#282a35;border-color:#282a35;color:#f7f6f9;font-weight:500}
body.tool-workbench .tool-navigation a:hover:not([aria-current=page]){background:#efedf3;border-color:#bcb6c7;color:#352d43}
body.tool-workbench .generator-layout{gap:24px;padding-block:32px 48px}
body.tool-workbench :is(.generator-panel,.shot-card,.storyboard-output){border-color:#dededb;border-radius:10px;box-shadow:none;background:#fff}
body.tool-workbench .generator-panel{padding:28px}
body.tool-workbench .panel-heading{gap:13px;margin-bottom:14px}
body.tool-workbench .panel-heading h2{font-size:24px;font-weight:500;letter-spacing:-.045em}
body.tool-workbench .panel-heading .eyebrow{font-size:9px;font-weight:550;color:#756983;letter-spacing:.1em}
body.tool-workbench :is(.panel-step,.shot-index){background:#efedf4;border-color:#dbd6e4;border-radius:7px;color:#7b6795;font-weight:500}
body.tool-workbench .panel-description{color:#696672;font-size:13px;line-height:1.85;margin-bottom:25px}
body.tool-workbench .starter-box{border-color:#dfdce5;background:#f2f0f5;border-radius:7px;padding:19px;margin-bottom:24px}
body.tool-workbench .workbench-step{border-top-color:#e4e2e8;padding-block:24px}
body.tool-workbench .step-heading h3{font-size:18px;font-weight:500;letter-spacing:-.025em}
body.tool-workbench .step-marker{background:#f2f0f5;border-color:#ded8e7;color:#77648f;border-radius:5px;font-size:11px}
body.tool-workbench .field label,body.tool-workbench .mode-choice legend{color:#39363f;font-size:13px;font-weight:550}
body.tool-workbench .field :is(input:not([type=radio]),textarea,select){border-color:#cfccd5;border-radius:6px;background:#fff;color:#302b39;font-size:16px;box-shadow:none}
body.tool-workbench .field :is(input,textarea,select):focus{border-color:#8267ab}
body.tool-workbench .field :is(input,textarea,select)[aria-invalid=true]{border-color:#a51926}
body.tool-workbench .field-help{font-size:12px;line-height:1.8;color:#726c7a}
body.tool-workbench .mode-choice label{border-color:#d4cfdd;background:#fff;border-radius:6px;color:#675d73;font-weight:450}
body.tool-workbench .mode-choice label:has(input:checked){border-color:#a794c0;background:#f1edf7;color:#4f3c68}
body.tool-workbench input[type=radio]{accent-color:#6c548f}
body.tool-workbench .optional-details{background:#f9f8fa;border-color:#e1dee6;border-radius:7px}
body.tool-workbench .optional-details summary{color:#63576f;font-size:13px;font-weight:500;min-height:50px}
body.tool-workbench .btn{background:#292b37;border-color:#292b37;color:#fff;border-radius:5px;font-size:12px;font-weight:550;min-height:46px;box-shadow:none}
body.tool-workbench .btn:hover{background:#414350;border-color:#414350;color:#fff}
body.tool-workbench .btn.secondary{background:#fff;border-color:#c9c3d3;color:#5f506f}
body.tool-workbench .btn.secondary:hover{background:#f2eff6;border-color:#aaa0b9;color:#4b3b5e}
body.tool-workbench .quiet-btn{color:#746282;border-radius:5px;font-size:12px;min-height:44px}
body.tool-workbench .quiet-btn:hover{background:#efecf4;color:#4d3a63}
body.tool-workbench .form-bottom{border-color:#dfdce5}
body.tool-workbench .output-empty{background:#f4f4f0;border-color:#deded9;border-radius:8px;padding:28px 24px}
body.tool-workbench .output-empty .empty-icon{color:#8a7c9a}
body.tool-workbench .output-empty h3{font-weight:500;font-size:22px;color:#34313b}
body.tool-workbench .output-empty p{font-size:13px;line-height:1.85;color:#746d7b}
body.tool-workbench :is(.output-preview,.output-structure,.output-notes,.saved-card){background:#faf9fb;border-color:#e0dce6;border-radius:7px}
body.tool-workbench .output-box{background:#242936;border-color:#484e60;border-radius:8px;color:#ecedf2;font-size:14px;line-height:1.85}
body.tool-workbench :is(.preview-structure dt,.preview-heading span,.preview-heading small){color:#7b648e}
body.tool-workbench :is(.template-guidance,.production-review,.shot-plan-notes,.result-next-step){background:#eef2ef;border-color:#d3dfd8;border-radius:7px;color:#50665b}
body.tool-workbench :is(.template-guidance p,.production-review h3,.production-review > summary,.shot-plan-notes summary,.planning-tips){color:#53675d}
body.tool-workbench .tool-stepper{gap:10px}
body.tool-workbench .tool-stepper a{background:#faf9fb;border-color:#d1cbdc;border-radius:5px;color:#6c5d7a;font-size:12px}
body.tool-workbench .tool-stepper a:hover{background:#efecf4;border-color:#aea1be}
body.tool-workbench .workbench-summary{background:#ebe9ef;border-color:#d9d4e2;border-radius:6px;color:#6c5d79;font-size:12px}
body.tool-workbench .shot-timeline-link{border-color:#d7d1e0;border-radius:6px;color:#685875;background:#fff;font-size:12px}
body.tool-workbench .shot-timeline-link:hover{background:#f3f0f6;border-color:#b3a4c3}
body.tool-workbench .shot-timeline-number{background:#efecf4;color:#77648c;border-radius:5px;font-size:11px;font-weight:500}
body.tool-workbench .shot-output{background:#faf9fb;border-color:#ddd7e6;border-left-color:#8c7a9c;border-radius:8px}
body.tool-workbench .soft-section{background:#eeefeb;border-color:#dadbd5}
body.tool-workbench .tool-explainer{padding-block:64px}
body.tool-workbench .tool-explainer h2{font-size:32px;font-weight:500;letter-spacing:-.045em}
body.tool-workbench .tool-explainer p{font-size:14px;line-height:1.9;color:#6b6571}
body.tool-workbench .tool-explainer summary{font-size:14px;font-weight:500;color:#4e4559}
@media(max-width:780px){body.tool-workbench .page-intro{padding-block:26px 25px}body.tool-workbench .page-intro .breadcrumbs{margin-bottom:22px;font-size:10px}body.tool-workbench .page-intro h1{font-size:36px;line-height:1.13;margin-bottom:17px}body.tool-workbench .page-intro .intro-description{font-size:14px;line-height:1.8}body.tool-workbench :is(.workbench-benefits,.tool-hero-meta){font-size:10px;gap:8px 14px}body.tool-workbench .tool-navigation a{font-size:11px;padding-inline:12px}body.tool-workbench .generator-layout{padding-block:24px 40px;gap:20px}body.tool-workbench .generator-panel{padding:24px 21px}body.tool-workbench .panel-heading h2{font-size:23px}body.tool-workbench .panel-description{font-size:13px}body.tool-workbench .starter-box{padding:16px}body.tool-workbench .output-empty{padding:25px 21px}body.tool-workbench .tool-explainer{padding-block:48px}body.tool-workbench .tool-explainer h2{font-size:29px}body.tool-workbench .tool-stepper a{font-size:11px;padding-inline:11px}}