/* Warm anime art direction. Shared studio interactions remain unchanged. */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,500;1,600&display=swap');
:root{color-scheme:light;--bg:#faf8f1;--surface:#fffdf8;--surface-high:#f0f3e9;--text:#344134;--muted:#73776a;--line:#65755326;--purple:#70855f;--orange:#77975e;--story-font:'Lora',Georgia,serif}
body{background:var(--bg);color:var(--text)}.site-header{background:#faf8f1bd;backdrop-filter:blur(18px)}.nav-wrap{min-height:80px}.brand{color:#334330}.brand-mark{background:linear-gradient(135deg,#a5b693,#758d65);color:#fffdf5;box-shadow:0 3px 10px #6a815414}.brand-ai{color:#819074}.desktop-nav{color:#737768}.nav-current{color:#405d36!important}.desktop-nav a:hover{color:#3b5a30}.menu-toggle span{background:#4c6141}.mobile-nav{background:#faf8f1f7}.mobile-nav a{border-color:#75846622;color:#536746}.studio-hero{padding:48px 36px 44px;isolation:isolate}.studio-hero:before{display:none}.hero-landscape{position:absolute;inset:-80px 0 0;z-index:-2;overflow:hidden;pointer-events:none}.hero-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center 59%;opacity:.91}.hero-landscape:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 56% 55% at 50% 35%,#faf8f1ee 0%,#faf8f1bc 62%,#faf8f117 100%),linear-gradient(180deg,#faf8f152 0%,#faf8f14d 48%,#faf8f1cb 83%,#faf8f1 100%)}.studio-intro{margin-bottom:31px;position:relative}.agent-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:#667951;margin-bottom:18px}.agent-eyebrow>span{color:#80955f;font-size:17px}.studio-intro h1{font-family:var(--story-font);font-size:clamp(40px,4.6vw,62px);font-weight:500;line-height:1.16;letter-spacing:-.045em;color:#344b36;margin:0 0 19px}.studio-intro h1 .gradient-text{color:#7f9468;background:none;font-style:italic;letter-spacing:-.035em}.studio-intro>p:last-child{color:#6d7667;font-size:16px;line-height:1.85;max-width:670px;margin:auto}.studio-shell{max-width:1056px;scroll-margin-top:108px}.agent-form{background:#fffefaee;border:1px solid #b4bfa380;border-radius:23px;box-shadow:0 18px 60px #576a4615,0 4px 15px #6c6f3a08,inset 0 1px 0 #fffefb;backdrop-filter:blur(18px)}.agent-form:focus-within{border-color:#9ba987;box-shadow:0 18px 65px #576a461a,0 0 0 3px #b8c3a014}.agent-form textarea{color:#3e4a36;font-size:18px;height:152px;min-height:152px;padding:28px 29px 12px;line-height:1.8;letter-spacing:0}.agent-form textarea::placeholder{color:#657457}.prompt-tools{padding:0 29px;height:27px}.prompt-tools button{color:#688052}.prompt-tools>span{color:#838972}.composer-toolbar{padding:14px 22px 21px;gap:18px}.toolbar-controls{gap:18px}.mode-trigger{background:#eef1e8;border:1px solid #dce3d2;border-radius:11px;color:#526746;font-size:14px;font-weight:500;padding:10px 13px}.mode-trigger:hover,.mode-trigger[aria-expanded=true]{background:#e9eddf;border-color:#b7c3a3}.mode-trigger>span:first-child{color:#789260}.chevron{stroke:#7f8b71}.settings-trigger{color:#657457;font-size:12px}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{color:#455f34}.button-primary{background:#617950;border:1px solid #617950;color:#fffef9;box-shadow:0 4px 14px #6e815b1a;font-weight:600}.button-primary:hover{background:#536f43;box-shadow:0 5px 18px #6e815b30}.composer-toolbar>.button{padding:13px 19px;min-height:44px;border-radius:11px;font-size:14px;gap:13px}.mode-menu,.settings-panel{background:#fffef9;border-color:#d3dbc7;border-radius:14px;box-shadow:0 18px 60px #46523824,0 3px 10px #46523808;scrollbar-color:#bcc6ad transparent}.menu-caption{color:#7d876d}.mode-menu button{color:#667358;font-size:14px;border-radius:8px}.mode-menu button:hover,.mode-menu button:focus-visible{background:#f4f5ed;color:#3a532c}.mode-menu button[aria-checked=true]{background:#eaf0df;color:#486232}.mode-option-icon{color:#8c9d74}.mode-check{color:#688448}.settings-heading h2{color:#435937;font-family:var(--font);font-size:17px}.settings-heading button{color:#849176}.settings-grid label{color:#7a846b;font-size:12px}.settings-grid select{color:#536346;background:#f9faf4;border-color:#dce1d2;border-radius:7px}#apply-settings{background:#e9eedf;border-color:#d6dec8;color:#526c3e}#apply-settings:hover{background:#e0e8d3}.inspiration-row{margin-top:21px;gap:12px}.inspiration-label{color:#7b846e;font-size:12px}.prompt-suggestion{background:#fffdf5a6;border-color:#c8d0b966;color:#71825f;font-size:12px;padding:6px 12px;box-shadow:0 1px 3px #68794b04}.prompt-suggestion:hover{background:#f4f6eb;border-color:#a5b58c;color:#465e33}#refresh-prompts{color:#839571}#refresh-prompts:hover{background:#e7edda;color:#4e6b37}.composer-note{color:#657457;font-size:10px;letter-spacing:.01em;margin-top:14px}.reference-drop{background:#f1f4e9;border-color:#bac8a8;color:#647954}.reference-drop:hover,.reference-drop.dragging{background:#eaf0df;border-color:#869c6a}.reference-note{color:#657457}.reference-preview{border-color:#d3dcc4;background:#f6f8ef}.reference-preview strong{color:#60704c}.reference-preview button{color:#84976c}.agent-feedback{background:#edf2e6;border:1px solid #dfe6d3;color:#657a51}.agent-feedback.error{background:#fff1e9;border-color:#e9cbb8;color:#986342}.conversation{scrollbar-color:#afbea0 transparent}.user-message{background:#edf2e4;border-color:#d6dfc8;color:#475a37}.user-message small{color:#81916a}.assistant-message{background:#fffef9;border-color:#dce2d2;box-shadow:0 3px 12px #5e704209}.assistant-heading{color:#7c955e}.assistant-message h3{color:#445c34}.assistant-message>p{color:#6b765e}.plan-section{border-color:#e6eadf}.plan-section h4{color:#526941}.plan-section p{color:#717b66}.production-prompt{background:#f4f6ed;border-color:#dfe5d3}.production-prompt summary{color:#68824d}.production-prompt p{color:#6f7f5b}.answer-actions button,.followup-chips button,.handoff-actions button{color:#6e8553;border-color:#d4dfc6;background:#f1f5e8}.answer-actions button:hover,.followup-chips button:hover,.handoff-actions button:hover{background:#e7eedb}.handoff-actions{border-color:#e5e9dd}.handoff-actions>span{color:#8c967d}.chat-tools button{color:#74895b}.loading-message{background:#edf3e5;color:#6e8555}.inspiration-section{max-width:1304px;padding:28px 36px 65px;background:var(--bg)}.section-kicker{font-size:9px;letter-spacing:.16em;color:#969f83;line-height:1.5;font-weight:600;margin-bottom:10px}.inspiration-section h2{font-family:var(--story-font);font-size:30px;font-weight:500;letter-spacing:-.04em;color:#475a3b}.inspiration-section .section-heading{align-items:end;margin-bottom:27px}.inspiration-section .section-heading>p{font-size:11px;color:#657457}.story-grid{gap:23px}.story-image{border:1px solid #e2e4d5;border-radius:17px;aspect-ratio:16/10;box-shadow:0 5px 20px #667b4512}.story-card:hover{transform:translateY(-3px)}.story-style{border:1px solid #fffdf8b5;background:#fbfaefd9;backdrop-filter:blur(10px);color:#6c7c56;border-radius:20px;font-size:10px;padding:4px 10px;top:13px;left:13px}.story-plus{background:#ffffefd9;border:1px solid #fff9;color:#7c8e61;box-shadow:0 3px 8px #576a4622}.story-details{padding:19px 3px 0}.story-details h3{font-family:var(--story-font);color:#5f6c4a;font-size:20px;letter-spacing:-.025em;font-weight:500}.story-details p{color:#657457;font-size:13px;margin-top:7px}.faq-section{border-top-color:#dfe3d3;max-width:1232px;padding-top:47px;padding-bottom:61px}.faq-intro h2{font-family:var(--story-font);font-size:29px;line-height:1.3;color:#61734d}.faq-list details,.faq-list details:first-child{border-color:#dfe4d2}.faq-list summary{color:#728161;font-size:15px}.faq-list summary>span{color:#99a883}.faq-list details p{color:#657457;font-size:14px;line-height:1.9}.footer{border-color:#e0e5d5;background:#f5f5ea;min-height:113px}.footer .brand{color:#526747}.footer nav{color:#8b957b}.footer nav a:hover{color:#59753c}.footer>span{color:#a0a98f}.modal{background:#fffef8;border-color:#d5dec7;color:#455a37;box-shadow:0 25px 120px #45552b4d}.modal::backdrop{background:#3541266b;backdrop-filter:blur(7px)}.modal-close{background:#fffdf2eb;color:#708054;border-color:#e4e6d4}.modal .eyebrow{color:#8a9a6b}.modal h2{font-family:var(--story-font);font-weight:500;color:#526b3e}.story-modal-body>p:not(.eyebrow):not(.privacy-note){color:#81906f}.privacy-note{color:#657457}.story-modal>img{height:330px}.story-modal-body{padding:27px 32px 30px}#story-modal-prompt{background:#f0f4e6;border-left-color:#b5c393;color:#768761}.toast{background:#f5f8ecf5;border-color:#bfcea8;color:#5f7845;box-shadow:0 10px 35px #62734624}.skip-link:focus{background:#f4f7e9;color:#4f6a36}.menu-toggle:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#8eaa70}
@media(min-width:1600px){.studio-hero{padding-top:63px;padding-bottom:53px}.studio-intro h1{font-size:66px}.studio-shell{max-width:1100px}.agent-form textarea{height:170px;min-height:170px;font-size:19px}.studio-intro{margin-bottom:36px}}
@media(max-width:1050px){.studio-hero{padding:43px 28px 36px}.studio-intro h1{font-size:51px}.studio-intro>p:last-child{font-size:15px}.composer-toolbar{padding:14px 20px 20px}.settings-trigger{font-size:12px}.inspiration-section{padding-top:25px}}
@media(max-width:820px){.studio-intro h1{font-size:46px}.settings-trigger{font-size:12px}.mode-trigger{font-size:13px}.inspiration-section h2{font-size:28px}.story-details h3{font-size:18px}}
@media(max-width:700px){.nav-wrap{min-height:72px}.site-header{background:#faf8f1e8}.studio-hero{padding:31px 18px 31px}.hero-landscape{inset:-72px 0 0}.hero-landscape>img{object-position:68% 50%;opacity:.77}.hero-landscape:after{background:linear-gradient(180deg,#faf8f1b3,#faf8f17d 28%,#faf8f18c 65%,#faf8f1 100%)}.studio-intro{margin-bottom:26px;padding:0 4px}.agent-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:17px;gap:7px}.agent-eyebrow>span{font-size:14px}.studio-intro h1{font-size:44px;line-height:1.12;max-width:360px;margin:0 auto 18px;letter-spacing:-.05em}.studio-intro h1 .gradient-text{display:block}.studio-intro>p:last-child{font-size:13px;line-height:1.85;max-width:320px;color:#718061}.studio-intro>p:last-child br{display:none}.agent-form{border-radius:18px;background:#fffefaf5}.agent-form textarea{height:140px;min-height:140px;font-size:16px;padding:23px 20px 10px;line-height:1.8}.prompt-tools{padding:0 19px}.composer-toolbar{padding:11px 14px 15px;gap:13px}.toolbar-controls{gap:11px}.mode-trigger{font-size:12px;min-height:38px;padding:9px 10px;border-radius:9px}.mode-trigger>span:first-child{font-size:15px}.settings-trigger{font-size:11px}.composer-toolbar>.button{font-size:13px;min-height:43px;border-radius:10px}.mode-menu button{font-size:13px;min-height:40px}.mode-menu{max-width:calc(100vw - 64px);width:260px}.settings-panel{max-width:calc(100vw - 64px)}.inspiration-row{margin-top:17px;gap:7px}.prompt-suggestion{font-size:10px;padding:6px 9px;background:#fffdf5c9}.composer-note{font-size:9px;line-height:1.8;max-width:305px;margin-top:13px;color:#657457}.reference-note{font-size:10px}.inspiration-section{padding:23px 23px 44px}.inspiration-section .section-heading{gap:12px;align-items:end;margin-bottom:20px}.section-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:8px}.inspiration-section h2{font-size:25px;line-height:1.25;max-width:240px}.inspiration-section .section-heading>p{font-size:9px;max-width:75px;color:#657457}.story-grid{gap:28px}.story-image{border-radius:14px}.story-details{padding-top:15px}.story-details h3{font-size:20px}.story-details p{font-size:12px}.story-style{font-size:10px}.faq-section{padding:35px 23px 43px}.faq-intro h2{font-size:26px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.footer{min-height:0}.footer nav{color:#849674}.story-modal>img{height:240px}.story-modal-body{padding:25px 23px}.assistant-message h3{font-size:20px}.assistant-message>p{font-size:14px}}