/* Maxsa studio v3: one calm, spacious creative surface. */
html{scroll-padding-top:90px;scroll-behavior:auto}body{background:#0d0b15}.site-header{background:#0d0b15e6;border-bottom:0}.nav-wrap{max-width:1380px;min-height:84px;padding:0 48px;gap:24px}.desktop-nav{margin-left:auto;gap:34px;font-size:14px}.nav-actions{display:none}.nav-current{color:#f1e8fc!important}.studio-hero{position:relative;isolation:isolate;padding:62px 36px 48px;overflow:visible}.studio-hero:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 39% 47% at 27% 67%,#60338e28,transparent 100%),radial-gradient(ellipse 38% 48% at 74% 66%,#b0643830,transparent 100%),radial-gradient(ellipse 55% 38% at 50% 72%,#88568516,transparent 100%)}.studio-intro{text-align:center;margin:0 auto 37px;max-width:1136px}.agent-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.16em;font-weight:600;color:#a68fbd;margin-bottom:15px}.agent-eyebrow>span{font-size:17px;color:#cbb2ee}.studio-intro h1{font-size:clamp(35px,4.2vw,57px);font-weight:600;letter-spacing:-.055em;line-height:1.15;margin:0 0 20px}.studio-intro>p:last-child{font-size:16px;color:#a99db6;line-height:1.7}.gradient-text{background:linear-gradient(100deg,#bc9afc,#e4a4ce 55%,#ffc195);background-clip:text;color:transparent}.studio-shell{max-width:1136px;margin:auto;position:relative;scroll-margin-top:116px}.agent-form{position:relative;border:1px solid #b598c53b;border-radius:24px;background:linear-gradient(130deg,#211a2ae8,#18131eea 60%,#211a22ec);box-shadow:0 24px 70px #0005,0 -1px 0 #d2a8f312,inset 0 1px 0 #eee1ff08;transition:border-color .2s,box-shadow .2s;padding:0}.agent-form:focus-within{border-color:#bca2d26b;box-shadow:0 24px 75px #0005,0 0 50px #b885d20b}.agent-form textarea{display:block;width:100%;height:161px;min-height:161px;max-height:350px;resize:vertical;padding:30px 31px 12px;background:transparent;border:0;outline:none!important;color:#f4edf9;font-size:19px;line-height:1.7;letter-spacing:-.015em}.agent-form textarea::placeholder{color:#a194ab;opacity:1}.prompt-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 30px;height:29px;visibility:hidden}.has-prompt .prompt-tools{visibility:visible}.prompt-tools button{background:none;padding:0;font-size:12px;color:#c3a9dc}.prompt-tools>span{font-size:11px;color:#8d7d9b}.prompt-tools button:disabled{opacity:.5}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 23px 22px}.toolbar-controls{display:flex;align-items:center;gap:14px;min-width:0}.mode-picker,.settings-picker{position:relative;flex:none}.mode-trigger{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 14px;background:#ffffff09;border:1px solid #ffffff0c;border-radius:12px;font-size:14px;line-height:1.5;font-weight:500;color:#e7dcee;white-space:nowrap;transition:background .2s,border-color .2s}.mode-trigger:hover,.mode-trigger[aria-expanded=true]{background:#ffffff10;border-color:#c5a4e338}.mode-trigger>span:first-child{font-size:18px;color:#c7a4e4;line-height:1}.chevron{width:15px;height:15px;fill:none;stroke:#bba6ca;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-left:7px;transition:transform .2s}.mode-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.settings-trigger{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;background:none;color:#ad9cb8;padding:10px 4px;min-height:42px;white-space:nowrap}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{color:#e4c9f6}.settings-trigger svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;flex:none}.mobile-settings-label{display:none}.composer-toolbar>.button{flex:none;min-height:45px;border-radius:12px;font-size:14px;font-weight:600;padding:13px 20px;gap:14px}.button:disabled{opacity:.5;transform:none;box-shadow:none}.mode-menu,.settings-panel{position:absolute;left:0;top:calc(100% + 12px);z-index:35;background:#241c2e;border:1px solid #c9a5e534;border-radius:16px;box-shadow:0 20px 65px #000a;padding:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#685277 transparent}.mode-menu{width:264px}.mode-menu.opens-up,.settings-panel.opens-up{top:auto;bottom:calc(100% + 12px)}.menu-caption{padding:10px 11px 9px;color:#aa92bb;font-size:9px;font-weight:600;letter-spacing:.1em}.mode-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:9px;min-height:41px;background:none;color:#c4b2d2;font-size:14px;text-align:left;line-height:1.4}.mode-menu button:hover,.mode-menu button:focus-visible{background:#ffffff08;color:#eee0fa;outline-offset:-3px}.mode-menu button[aria-checked=true]{background:#b182e623;color:#ebd6ff}.mode-option-icon{font-size:19px;color:#ac8ac6;width:20px;line-height:1;text-align:center}.mode-check{margin-left:auto;visibility:hidden;color:#d7b3f3;font-size:13px}.mode-menu button[aria-checked=true] .mode-check{visibility:visible}.settings-panel{width:360px;padding:21px}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.settings-heading h2{font-size:17px;letter-spacing:-.02em;font-weight:600}.settings-heading button{font-size:23px;background:none;color:#b4a0c4;width:25px;height:25px;display:grid;place-items:center;line-height:1}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 13px}.settings-grid label{font-size:12px;color:#bda8cd;display:flex;flex-direction:column;gap:7px;min-width:0}.settings-grid label:last-child{grid-column:1/-1}.settings-grid select{width:100%;min-width:0;background:#17121e;color:#e0cee9;border:1px solid #ffffff17;border-radius:8px;font-size:13px;padding:10px 7px;min-height:39px}#apply-settings{display:block;width:100%;background:#ad85d82b;color:#e1c8f5;border:1px solid #b992d830;border-radius:8px;font-size:13px;min-height:38px;margin-top:20px}#apply-settings:hover{background:#ad85d83b}.inspiration-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:23px auto 0;padding:0 10px;min-height:36px}.inspiration-label{font-size:12px;color:#8f7f9f;white-space:nowrap}.prompt-suggestions{display:flex;gap:9px;min-width:0;flex-wrap:wrap;justify-content:center}.prompt-suggestion{font-size:12px;line-height:1.6;background:#ffffff02;border:1px solid #c4a3d821;border-radius:20px;padding:7px 13px;color:#b5a2c3;white-space:nowrap;transition:background .2s,color .2s}.prompt-suggestion:hover{background:#ba91d811;color:#e3c9f6;border-color:#c4a3d84d}.prompt-suggestion:disabled{opacity:.5}#refresh-prompts{background:none;color:#a18aaf;font-size:22px;width:32px;height:32px;flex:none;line-height:1;padding:0;border-radius:50%}#refresh-prompts:hover{color:#e5c5fa;background:#ffffff07}.composer-note{text-align:center;font-size:11px;color:#85728f;margin:16px auto 0;line-height:1.7;padding:0 15px}.reference-area{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 30px 0}.reference-drop{display:inline-flex;gap:8px;align-items:center;background:#ffffff05;border:1px dashed #b091c653;border-radius:9px;padding:9px 12px;color:#d2badf;font-size:13px;min-height:39px}.reference-drop>span{font-size:20px;line-height:1}.reference-drop:hover,.reference-drop.dragging{background:#b383d519;border-color:#d2a8f0}.reference-note{font-size:11px;color:#9a83a7}.reference-preview{display:flex;align-items:center;gap:10px;max-width:320px;padding:6px 9px 6px 6px;border:1px solid #bd95d22f;background:#150f1f;border-radius:9px;min-width:0}.reference-preview img{height:35px;width:35px;object-fit:cover;border-radius:5px;flex:none}.reference-preview strong{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-preview button{font-size:21px;line-height:1;color:#bc9ccd;background:none;margin-left:auto}.agent-feedback:empty{display:none}.agent-feedback{padding:12px 15px;border-radius:8px;margin-top:15px;background:#aa7ace09;font-size:13px;line-height:1.6;color:#d0b3e2}.agent-feedback.error{background:#cc886610;color:#e8b3a9}.conversation{max-height:510px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#695379 transparent;display:grid;gap:17px;margin:0 0 16px;padding:1px 10px 8px 0;scroll-behavior:smooth;overscroll-behavior:contain}.user-message{margin-left:10%;padding:16px 20px;background:#30203e;border:1px solid #ca96f52b;border-radius:16px 16px 4px 16px;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.user-message small{display:block;font-size:10px;color:#b99dcb;margin-bottom:5px}.assistant-message{padding:25px;background:#18121f;border:1px solid #ffffff12;border-radius:16px;overflow-wrap:anywhere}.assistant-heading{font-size:11px;color:#c6a1e5;display:flex;gap:7px;align-items:center;margin-bottom:10px}.assistant-message h3{font-size:24px;line-height:1.4;letter-spacing:-.025em;margin-bottom:10px}.assistant-message>p{font-size:15px;line-height:1.8;color:#c3b1d1;white-space:pre-wrap}.plan-section{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff0a}.plan-section h4{font-size:14px;font-weight:600;color:#dcc8ed;margin:0 0 7px}.plan-section p{font-size:14px;line-height:1.9;color:#bca8ca;white-space:pre-wrap}.production-prompt{margin-top:20px;background:#23192e;border:1px solid #bf92dc24;padding:15px;border-radius:9px}.production-prompt summary{cursor:pointer;font-size:14px;color:#c8a7e3}.production-prompt p{font-size:14px;line-height:1.8;color:#c4add2;margin-top:10px;white-space:pre-wrap}.answer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.answer-actions button,.followup-chips button,.handoff-actions button{font-size:12px;padding:7px 10px;background:#b381d411;color:#c7a7df;border:1px solid #c998e424;border-radius:7px;line-height:1.5}.answer-actions button:hover,.followup-chips button:hover,.handoff-actions button:hover{background:#b381d425}.followup-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.followup-chips button{text-align:left;background:#21182b;color:#bca4ce}.handoff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;border-top:1px solid #ffffff0a;padding-top:15px}.handoff-actions>span{font-size:11px;color:#9681a3;margin-right:3px}.chat-tools{display:flex;gap:15px;justify-content:flex-end;margin:0 0 17px}.chat-tools button{font-size:12px;color:#ba9dce;background:none;padding:0}.loading-message{font-size:14px;color:#cbb0df;display:flex;gap:10px;align-items:center;padding:15px 18px;background:#22172d;border-radius:10px}.loading-message>span{display:inline-block;animation:breathe 1.4s ease-in-out infinite;font-size:19px}.inspiration-section{max-width:1304px;padding:34px 36px 64px}.section-heading{margin-bottom:27px}.inspiration-section h2{font-size:28px;font-weight:500;letter-spacing:-.025em}.inspiration-section .section-heading>p{font-size:12px;color:#9682a6}.story-grid{gap:22px}.story-card{border:0;background:transparent;overflow:visible;border-radius:17px}.story-image{aspect-ratio:16/10;border-radius:16px;border:1px solid #dcc0ed21}.story-details{padding:20px 3px 0}.story-details h3{font-size:18px;font-weight:500}.story-details p{font-size:13px;line-height:1.7;color:#9b89a7;margin-top:6px}.story-plus{right:16px;bottom:16px;background:#261b35a3;backdrop-filter:blur(10px)}.story-style{font-size:11px;top:13px;left:13px}.faq-section{max-width:1232px;padding:51px 36px 68px;gap:55px;grid-template-columns:.8fr 1.2fr}.faq-intro h2{font-size:29px;font-weight:500;letter-spacing:-.035em}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px;line-height:1.8}.footer{padding:30px max(36px,calc((100vw - 1160px)/2));display:flex;align-items:center;border-top:1px solid var(--line);gap:38px}.footer .brand{font-size:24px}.footer .brand-mark{height:30px;width:29px;font-size:24px;border-radius:8px}.footer .brand-ai{font-size:19px}.footer nav{font-size:13px;gap:24px}.footer>span{font-size:11px;color:#8c779b;width:auto;margin:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #d4aaf849;border-radius:10px;background:#2c1c39f5;backdrop-filter:blur(15px);color:#ead9f6;font-size:13px;z-index:100;box-shadow:0 10px 40px #0006;max-width:calc(100vw - 32px);width:max-content;text-align:center}#story-modal-prompt{margin:0 0 23px;padding:17px;background:#261a32;border-left:2px solid #c49ae9;border-radius:4px;font-size:14px;line-height:1.8;color:#cbb5dc}@keyframes breathe{50%{opacity:.35;transform:scale(.85)}}
@media(min-width:1600px){.studio-hero{padding-top:76px;padding-bottom:60px}.studio-intro{margin-bottom:44px}.agent-form textarea{height:183px;min-height:183px;font-size:21px}.studio-shell{max-width:1190px}.composer-toolbar{padding-bottom:25px}}
@media(max-width:1050px){.nav-wrap{padding:0 32px}.studio-hero{padding:47px 28px 38px}.studio-intro h1{font-size:46px}.toolbar-controls{gap:11px}.settings-trigger{font-size:11px}.mode-trigger{font-size:13px;padding:10px 12px;gap:7px}.composer-toolbar{gap:12px;padding:15px 20px 20px}.composer-toolbar>.button{font-size:13px;padding:12px 16px;gap:10px}.settings-panel{left:-90px}.inspiration-row{gap:9px}.prompt-suggestion{font-size:11px;padding:6px 10px}.inspiration-label{font-size:11px}.inspiration-section{padding-top:25px}.footer{flex-wrap:wrap}.footer>span{width:auto;margin:0}.faq-section{gap:35px}}
@media(max-width:820px){#settings-summary{display:none}.mobile-settings-label{display:inline}.settings-trigger{font-size:13px}.settings-panel{left:-125px}.studio-intro h1{font-size:40px}.studio-intro>p:last-child{font-size:15px}.inspiration-row{flex-wrap:wrap;gap:10px}.inspiration-label{display:none}.inspiration-section{padding-left:28px;padding-right:28px}.story-grid{gap:16px}.story-details h3{font-size:16px}.story-details p{font-size:12px}.inspiration-section h2{font-size:26px}}
@media(max-width:700px){.nav-wrap{min-height:72px;padding:0 23px;display:flex;gap:15px}.desktop-nav{display:none}.nav-actions{display:flex;margin-left:auto}.nav-wrap .brand{font-size:26px}.nav-wrap .brand-mark{width:32px;height:33px;font-size:27px}.nav-wrap .brand-ai{font-size:20px}.menu-toggle{display:block}.studio-hero{padding:35px 18px 30px}.studio-intro{margin-bottom:27px;padding:0 5px}.agent-eyebrow{font-size:8px;letter-spacing:.13em;gap:7px;margin-bottom:15px}.agent-eyebrow>span{font-size:14px}.studio-intro h1{font-size:34px;line-height:1.17;max-width:410px;margin:0 auto 17px;letter-spacing:-.05em}.studio-intro h1 .gradient-text{display:block}.studio-intro>p:last-child{font-size:14px;max-width:290px;margin:auto;line-height:1.8}.studio-shell{scroll-margin-top:90px}.agent-form{border-radius:19px}.agent-form textarea{height:167px;min-height:167px;font-size:17px;line-height:1.8;padding:22px 20px 10px}.prompt-tools{padding:0 19px;height:27px}.prompt-tools button{font-size:11px}.prompt-tools>span{font-size:10px}.composer-toolbar{padding:12px 14px 15px;gap:15px;flex-wrap:wrap}.toolbar-controls{flex:1;gap:11px;justify-content:space-between}.mode-trigger{font-size:12px;padding:9px 10px;border-radius:9px;min-height:39px;gap:6px}.mode-trigger>span:first-child{font-size:15px}.chevron{width:12px;margin-left:3px}.settings-trigger{font-size:11px;gap:5px;padding:7px 0;min-height:37px}.settings-trigger svg{width:16px;height:16px}.composer-toolbar>.button{width:100%;font-size:13px;border-radius:10px;min-height:43px;padding:11px 17px;gap:12px}.mode-menu{width:248px;border-radius:13px;max-width:calc(100vw - 64px)}.mode-menu button{font-size:14px;min-height:41px;padding:10px 11px}.settings-panel{width:294px;max-width:calc(100vw - 64px);left:auto;right:0;padding:18px;border-radius:13px}.settings-heading h2{font-size:16px}.settings-grid{gap:13px 11px}.settings-grid label{font-size:11px}.settings-grid select{font-size:12px;min-height:38px}.inspiration-row{gap:6px;margin-top:17px;padding:0;position:relative}.prompt-suggestions{gap:6px;flex:1;flex-wrap:wrap;justify-content:flex-start}.prompt-suggestion{font-size:10px;padding:6px 9px;white-space:normal;text-align:left}#refresh-prompts{font-size:21px;width:29px;height:29px}.composer-note{font-size:10px;margin-top:15px;padding:0 8px;max-width:330px}.reference-area{margin:17px 20px 0;gap:8px}.reference-drop{font-size:12px;padding:7px 10px;min-height:36px}.reference-note{font-size:10px;flex-basis:100%;line-height:1.7}.reference-preview{max-width:100%}.reference-preview strong{font-size:11px}.agent-feedback{font-size:12px;padding:10px 12px}.conversation{max-height:430px;padding-right:4px}.assistant-message{padding:18px}.assistant-message h3{font-size:20px}.assistant-message>p{font-size:14px}.plan-section p{font-size:13px}.user-message{font-size:14px;margin-left:15px;padding:14px 17px}.chat-tools{gap:13px}.chat-tools button{font-size:11px}.inspiration-section{padding:26px 23px 44px}.inspiration-section .section-heading{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:22px}.inspiration-section h2{font-size:23px}.inspiration-section .section-heading>p{font-size:9px;max-width:73px;text-align:right;line-height:1.6}.story-grid{grid-template-columns:1fr;gap:30px}.story-image{aspect-ratio:16/10;border-radius:14px}.story-details{padding:14px 2px 0}.story-details h3{font-size:18px}.story-details p{font-size:13px}.faq-section{grid-template-columns:1fr;padding:34px 23px 42px;gap:22px}.faq-intro h2{font-size:25px}.faq-list summary{font-size:14px;padding:19px 0}.faq-list details p{font-size:13px;padding-right:10px}.footer{padding:28px 23px;gap:23px;flex-wrap:wrap}.footer nav{margin:0 0 0 auto;gap:18px;font-size:12px}.footer>.brand{font-size:23px}.footer .brand-ai{font-size:17px}.footer>span{display:block;width:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.loading-message>span{animation:none}.conversation{scroll-behavior:auto}.chevron,.agent-form{transition:none}}