@font-face{font-family:'DM Serif Display';src:url('assets/DMSerifDisplay.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--blue:#a76518;--orange:#F39600;--ink:#202b33;--muted:#69727a;--line:#e0dcd4;--paper:#f3f0e9;--violet:#a76518;--action:#F39600;--action-text:#FFFFFF;--canvas:#faf8f3;--shadow:0 8px 30px #342f2307}
body{background:var(--canvas);color:var(--ink)}h1,h2,h3,.logo,.price{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}.logo{font-size:40px;letter-spacing:-1.3px}.logo .ph{display:none}.wrap{max-width:1480px;padding:0 32px}header{background:#faf8f3f7;border-bottom:0}.nav{gap:30px}.nav-links{font-size:13px;font-weight:500;gap:32px}.nav-tools .btn{font-size:12px}.btn{min-height:46px;font-weight:700;border-radius:9px}.btn.primary,.btn.violet{background:#F39600;color:#FFFFFF}.btn.primary:hover,.btn.violet:hover{background:#F39600;color:#FFFFFF;box-shadow:0 4px 12px #f3960025}.btn.secondary{background:transparent;border-color:#d4c6ae;color:var(--ink)}.btn.subtle{background:#f5ead8;color:#80521a}.eyebrow{color:#8b7866;font-size:10px;font-weight:650;letter-spacing:.18em}.pill{font-size:10px}.pill.blue{background:#f8edd9;color:#865515}.pill.orange{color:#875718;background:#fff0d8}.section{padding:70px 0}.section-head h2{font-size:42px}.section-head p{font-size:13px}.form-group label{font-size:12px}.form-group small{font-size:11px}.callout{background:#faf4e8;border-color:#e8ddc7;color:#70624f}.callout .ph{color:#a76518}input,textarea,select{border-color:#d9d6ce;background:#fff;font-size:13px}.prototype-bar{border-color:#ded8cc}.prototype-bar a{color:#80521a}.price-tag{background:#a76518;color:#fff}.price-card.featured{background:#fffaf0;border-color:#e7b363}.price-card h3{font-size:26px}.price-card .price{font-size:44px}.price-card li .ph{color:#a76518}.price-card li{font-size:13px}.price-card>p{font-size:13px}.faq-list summary{font-size:14px}.final-cta{background:#f3ede2;border:1px solid var(--line)}.final-cta h2{font-size:37px}.footer-content .logo{font-size:30px}.benefit-area{background:#f2eee6}.detail-visual img{transform:none;border-width:7px;border-color:white}.story-card{background:#fffdf9}.story-card h3{font-size:25px}.story-card p{font-size:12px}.story-card .art-slice{background-image:url('assets/cinematic-comic.png');background-size:200% 200%;aspect-ratio:1.6}.story-card:nth-child(3) .art-slice{background-position:100% 100%}.benefit-row strong{font-size:13px}.benefit-row .ph{color:#a76518}.floating-note{background:#fffdf9;border-color:var(--line)}
.film-hero{display:grid;grid-template-columns:.96fr 1.92fr;gap:40px;align-items:center;padding-top:20px;padding-bottom:25px}.film-copy h1{font-size:clamp(44px,4.25vw,64px);line-height:1.02;font-weight:400;letter-spacing:-.045em;max-width:470px}.film-copy .eyebrow{margin-bottom:22px}.film-copy .intro{font-size:16px;line-height:1.65;color:var(--muted);max-width:420px;margin:20px 0 21px}.film-copy .main-cta{font-size:17px;min-height:53px;padding:13px 24px;border-radius:10px}.film-copy .helper{font-size:11px;line-height:1.6;margin-top:8px}.film-note{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.5;color:#69747a;margin-top:42px;max-width:330px}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:9px}.film-caption strong{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;font-size:18px}.film-caption span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.film-art .comic-page{max-width:none;border-radius:5px;padding:6px;gap:5px;background:#f0ede7;box-shadow:none}.film-art .comic-panel{aspect-ratio:1.77;border:0;border-radius:0;cursor:default}.film-art .comic-panel .bubble{font-size:11px;max-width:75%;padding:7px 9px}.film-art .panel-caption{font-size:10px}.film-how{display:grid;grid-template-columns:1.07fr 1fr 1fr 1fr;gap:22px;align-items:center;border-top:1px solid var(--line);padding:28px 0 24px}.film-how h2{font-size:28px;line-height:1.1}.film-how .eyebrow{font-size:8px;margin-bottom:10px}.film-step{display:flex;gap:14px;align-items:center}.film-step .ph{font-size:34px;color:var(--ink);flex-shrink:0}.film-step strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:20px;font-weight:400;margin-bottom:4px}.film-step small{font-size:10px;color:var(--muted);display:block;line-height:1.65}.film-step .step-no{font-family:'DM Serif Display',Georgia,serif;font-size:21px;color:#a76518;margin-right:0}.film-mini-editor{display:grid;grid-template-columns:.85fr 1.65fr 1.05fr .78fr;gap:22px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#f2efe9;align-items:center}.film-mini-editor h2{font-size:31px;line-height:1.08}.film-mini-editor .eyebrow{font-size:8px;margin-bottom:15px}.film-mini-editor .mini-explain{font-size:11px;color:var(--muted);line-height:1.6;margin-top:15px}.film-mini-editor .mini-art{aspect-ratio:1.77;border:2px solid #F39600;border-radius:6px;background-image:url('assets/cinematic-comic.png');background-size:200% 200%;background-position:100% 0%}.film-mini-form h3{font-size:19px;color:#a76518;margin-bottom:12px}.film-mini-form label{display:block;font-size:10px;color:var(--muted);margin:0 0 6px}.film-mini-form textarea{font-size:12px;min-height:65px;resize:vertical;padding:8px 10px}.film-mini-form .btn{font-size:12px;margin-top:12px}.film-mini-price{border-left:1px solid var(--line);padding-left:20px;align-self:stretch;padding-top:16px}.film-mini-price h3{font-size:24px;line-height:1.1}.film-mini-price .price{font-size:30px;color:#a76518;line-height:1.2}.film-mini-price p{font-size:10px;color:var(--muted);margin:13px 0}.film-mini-price .ph{color:#a76518;font-size:35px}.film-mini-editor p{margin-bottom:0}
.studio-body{background:var(--canvas)}.studio-header{border-bottom:1px solid var(--line)}.studio-header .logo{font-size:33px}.studio-header .project-name{font-size:12px}.studio-shell{grid-template-columns:222px minmax(0,1fr) 308px}.studio-sidebar{background:#f7f4ee;border-color:var(--line);padding:24px 18px 70px}.flow-step.active{background:#f7e9d2;color:#8d5814}.flow-step.active .number,.flow-step.done .number{background:#a76518;border-color:#a76518;color:#fff}.flow-step .number{border-color:#d3c7b1}.character-card{background:#fffdf9}.character-icon{background:#f7eddc;color:#9c641b}.studio-center{padding-top:28px}.studio-center h1{font-size:39px;line-height:1.12;font-weight:400;max-width:750px}.studio-subtitle{font-size:13px;margin-top:9px}.wizard-card{background:#fffdf9;box-shadow:none}.wizard-card h3{font-size:25px}.wizard-card p.micro{font-size:11px}.upload-card{background:#f8f5ef}.upload-preview{background:#f1eadf;color:#a76518;height:140px}.upload-card label{font-size:12px}.style-options{gap:12px}.style-option{background:#fffdf9}.style-option.active{background:#fbf1df;border-color:#d7a254}.style-option strong{font-family:Manrope,Arial,sans-serif}.outline-row{background:#f5f1e8;padding:15px}.outline-row strong{font-size:12px}.outline-row p{font-size:12px}.outline-row>span{color:#996219}.inspector-guide{background:#fffdf9}.inspector-guide h3{font-size:25px}.inspector-guide p{font-size:12px}.guide-point strong{font-size:12px}.guide-point small{font-size:11px}.page-tabs{margin-bottom:16px}.page-tab{background:#f0ebe1;font-size:12px}.page-tab.active{background:white;color:#956018}.comic-page{padding:8px;gap:7px;background:#fffdf9;border-color:var(--line);border-radius:8px;box-shadow:none}.comic-panel{background-image:url('assets/cinematic-comic.png');aspect-ratio:1.77;border:0;border-radius:3px}.comic-panel.selected{outline-color:#F39600}.comic-panel .bubble{font-size:12px;font-weight:500}.comic-panel .edit-label{background:#F39600;color:#fff;font-size:10px}.panel-caption{font-size:10px}.inspector-card{background:#fffdf9;padding:21px;border-color:var(--line)}.inspector-card h3{font-size:25px}.inspector-card .form-group{margin-top:22px}.inspector-card textarea{font-size:13px;min-height:92px}.inspector-card .btn{color:#a76518;border-color:#c7a779;min-height:46px}.inspector-card .micro{font-size:11px}.canvas-toolbar{font-size:11px;background:#fffdf9}.canvas-toolbar .btn{font-size:11px}.inspector-price{background:#fffdf9;font-size:12px}.inspector-price strong{font-family:'DM Serif Display',Georgia,serif;color:#9c5f1d;font-size:23px}.cover-preview{background:#f3ece0;color:var(--ink);border:9px solid white}.cover-preview h2{font-size:33px}.cover-preview p{color:var(--muted)}.cover-preview .eyebrow{color:#9c5f1d!important}.export-option{background:white}.export-option h3{font-size:23px}.export-option p{font-size:12px}.saved-card{background:#fffdf9;grid-template-columns:260px 1fr}.saved-card h3{font-size:29px}.saved-card img{aspect-ratio:1.77;object-fit:cover}.saved-card p{font-size:13px}.empty-library{background:#fffdf9}.empty-library h3{font-size:30px}.modal-content h2{font-size:36px}.modal-content>p{font-size:13px}.checkout-summary{background:#f4efe5}.checkout-summary h4{font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}.checkout-summary strong{font-family:'DM Serif Display',Georgia,serif;font-size:33px;color:#a76518}.success-content h2{font-size:36px}.gallery-toolbar{background:#faf8f3}.page-title h1{font-size:46px}.design-layout .spec-box{background:#f2eee6}.spec-box h3{font-size:27px}.spec-box p,.spec-box li{font-size:13px}.design-tile h3{font-size:26px}.design-tile{background:#fffdf9}.screen-tile{background:#fffdf9}.screen-tile img{object-fit:contain;background:#faf8f3;aspect-ratio:1.4}.screen-tile.mobile img{aspect-ratio:.65;max-height:340px;object-fit:contain}.screen-tile.mobile{background:#f3efe6}.design-download{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.spec-table{width:100%;border-collapse:collapse;font-size:12px}.spec-table td,.spec-table th{padding:13px 8px;border-bottom:1px solid var(--line);text-align:left}.button-spec{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:23px 0}.theme-note{font-size:12px;color:var(--muted)}.gallery-group-title{font-size:30px;margin:35px 0 20px}.form-state-demo{padding:22px 0;border-bottom:1px solid var(--line)}.component-section{margin-top:45px}.component-section h3{margin-bottom:20px}.component-demo{display:grid;grid-template-columns:1fr 1fr;gap:28px}.state-message{font-size:12px;color:#9c5f1d;margin-top:8px}
@media(min-width:861px){header{height:72px}.film-hero{padding-top:8px;padding-bottom:18px}.film-art .comic-panel{aspect-ratio:1.98;background-size:200% auto}.film-caption{margin-bottom:7px}.film-note{margin-top:28px}.film-mini-editor{padding:19px}.film-mini-form textarea{min-height:60px}.film-how{padding:25px 0}}
@media(min-width:1600px){.film-hero{padding-top:15px;gap:55px}.film-copy h1{font-size:66px}}
@media(max-width:1100px){.film-hero{gap:25px;grid-template-columns:1fr 1.6fr}.film-copy h1{font-size:51px}.film-copy .intro{font-size:14px}.film-how{grid-template-columns:1fr 1fr;gap:25px}.film-mini-editor{grid-template-columns:.8fr 1.4fr 1fr;gap:17px}.film-mini-price{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;display:flex;align-items:center;gap:20px}.film-mini-price h3{font-size:22px}.film-mini-price p{margin:0}.studio-shell{grid-template-columns:185px minmax(0,1fr) 270px}.studio-center{padding:25px 22px 70px}.studio-center h1{font-size:34px}.film-step strong{font-size:21px}.comic-panel .bubble{font-size:10px}.panel-caption{font-size:9px}}
@media(max-width:860px){.film-hero{grid-template-columns:1fr 1.35fr;gap:22px}.film-copy h1{font-size:43px}.film-copy .main-cta{font-size:13px;padding:12px 16px}.film-copy .intro{font-size:13px}.film-note{font-size:17px;margin-top:22px}.film-caption span{display:none}.film-caption strong{font-size:16px}.film-art .comic-panel .bubble{font-size:9px;padding:5px}.film-art .panel-caption{font-size:8px}.film-mini-editor{grid-template-columns:1fr 1.5fr}.film-mini-form{grid-column:1/-1}.film-mini-form textarea{min-height:60px}.film-mini-form .btn{width:auto;min-width:220px}.studio-shell{grid-template-columns:165px minmax(0,1fr)}.studio-center{padding-bottom:25px}.studio-inspector{grid-column:2}.studio-header .logo{font-size:29px}.saved-card{grid-template-columns:200px 1fr}.comic-panel .bubble{font-size:12px}.panel-caption{font-size:10px}.component-demo{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{padding:0 20px}.logo{font-size:35px}.nav-tools .icon-btn{width:38px}.film-hero{grid-template-columns:1fr;padding:30px 0 25px;gap:30px}.film-copy h1{font-size:53px;max-width:390px;line-height:1.02}.film-copy .intro{font-size:15px;margin-top:19px}.film-copy .main-cta{font-size:17px;min-height:52px;padding:13px 22px}.film-copy .helper{font-size:11px}.film-note{display:none}.film-caption strong{font-size:16px}.film-caption span{display:block;font-size:7px}.film-art .comic-panel .bubble{font-size:8px;max-width:85%;padding:5px;left:6px;top:6px}.film-art .panel-caption{font-size:7px;padding:4px;left:5px;bottom:5px}.film-how{grid-template-columns:1fr;gap:22px;padding:30px 0}.film-how h2{font-size:33px}.film-step{gap:15px}.film-step .step-no{width:25px}.film-step .ph{font-size:31px}.film-step strong{font-size:24px}.film-step small{font-size:12px}.film-mini-editor{grid-template-columns:1fr;padding:20px;gap:23px}.film-mini-editor h2{font-size:34px}.film-mini-editor .mini-explain{font-size:12px}.film-mini-editor .mini-art{aspect-ratio:1.77}.film-mini-form{grid-column:auto}.film-mini-form label{font-size:12px}.film-mini-form textarea{font-size:13px;min-height:85px}.film-mini-form .btn{width:100%}.film-mini-form h3{font-size:23px}.film-mini-price{grid-column:auto;display:block;padding-top:20px}.film-mini-price h3{font-size:27px;display:inline-block;margin-right:15px}.film-mini-price .price{display:inline-block;font-size:30px}.film-mini-price p{font-size:12px;margin:10px 0}.film-mini-price .ph{display:none}.section{padding:50px 0}.section-head h2{font-size:36px}.story-card h3{font-size:23px}.story-card .art-slice{aspect-ratio:auto;min-height:165px}.price-card .price{font-size:45px}.price-card h3{font-size:28px}.price-card li{font-size:11px}.studio-header .logo{font-size:27px}.studio-header .nav-tools>.btn{font-size:11px;min-height:41px}.studio-shell{display:block}.studio-sidebar{padding:10px 12px}.studio-center{padding:25px 16px 22px}.studio-center h1{font-size:34px;line-height:1.1}.studio-subtitle{font-size:12px}.flow-step{gap:6px}.flow-step strong{font-size:10px;font-family:Manrope,Arial,sans-serif}.wizard-card{padding:20px}.wizard-card h3{font-size:27px}.upload-preview{height:110px}.upload-card{padding:12px}.upload-card label{font-size:11px}.studio-inspector{padding:0 16px 85px}.comic-panel .bubble{font-size:8px;left:5px;top:5px;padding:5px;max-width:85%}.panel-caption{font-size:7px;left:5px;bottom:5px;padding:4px}.comic-panel .edit-label{font-size:8px;padding:4px 7px}.comic-page{padding:6px;gap:5px}.canvas-toolbar{font-size:8px;gap:5px}.canvas-toolbar .btn{font-size:10px;padding:7px 9px}.inspector-card h3{font-size:28px}.inspector-card .form-group label{font-size:13px}.inspector-card textarea{font-size:14px;min-height:90px}.export-option h3{font-size:22px}.saved-card{grid-template-columns:1fr}.saved-card img{max-height:200px;width:100%;object-fit:cover}.saved-card h3{font-size:30px}.saved-card .btn{font-size:12px}.page-title h1{font-size:38px}.modal-content h2{font-size:31px}.modal-content .form-group label{font-size:12px}.success-content h2{font-size:34px}.cover-preview h2{font-size:29px}.screen-tile.mobile img{max-height:480px}.gallery-group-title{font-size:28px}.design-download .btn{width:100%;font-size:12px}.button-spec .btn{font-size:18px}.component-demo{grid-template-columns:1fr}}
.mobile-inspector-preview{display:none}
@media(max-width:620px){.studio-center .comic-page{grid-template-columns:1fr}.studio-center .comic-panel .bubble{font-size:12px;left:9px;top:9px;padding:8px;max-width:82%}.studio-center .panel-caption{font-size:10px;left:9px;bottom:9px;padding:7px}.studio-center .comic-panel .edit-label{font-size:11px;padding:6px 10px}.mobile-inspector-preview{display:block;aspect-ratio:1.77;background-image:url('assets/cinematic-comic.png');background-size:200% 200%;border-radius:7px;margin:16px 0;border:2px solid #F39600}.studio-inspector{scroll-margin-top:85px}}

/* Clean design captures keep prototype chrome out of exported screen artwork. */
.design-capture .prototype-bar,.design-capture .skip-link{display:none!important}