@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--blue:#224fe4;--orange:#fb783b;--ink:#171922;--muted:#5b606c;--line:#e1e5ee;--paper:#f5f7fb;--violet:#6654d9;--radius:14px;--shadow:0 12px 36px #19244c0c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:white;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fb783b;outline-offset:4px}button{border:0}img{max-width:100%;display:block}p{margin:0 0 16px}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,70px);font-weight:800}h2{font-size:clamp(30px,3.2vw,46px);font-weight:800}h3{font-size:23px}h4{font-size:17px;letter-spacing:-.02em}.ph{font-size:22px;vertical-align:middle}.wrap{max-width:1256px;margin:auto;padding:0 28px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border-radius:30px;padding:5px 11px;font-size:11px;font-weight:700}.pill.blue{color:var(--blue);background:#edf1ff}.pill.orange{background:#fff1e9;color:#a03f13}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 22px;border-radius:9px;font-weight:750;line-height:1.4;transition:background .15s,transform .15s;border:1px solid transparent;background:white;color:var(--ink)}.btn:hover{transform:translateY(-1px)}.btn.primary{color:white;background:var(--blue)}.btn.primary:hover{background:#123bd4}.btn.secondary{border-color:var(--line)}.btn.secondary:hover{background:var(--paper)}.btn.subtle{background:var(--paper);color:var(--blue)}.btn.violet{background:var(--violet);color:white}.btn.full{width:100%}.btn.small{padding:8px 14px;min-height:40px;font-size:12px}.icon-btn{height:44px;width:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.icon-btn:hover{background:var(--paper)}.skip-link{position:fixed;left:10px;top:-80px;padding:12px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}
header{height:82px;border-bottom:1px solid #f0f1f5;background:#fffffff5;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;gap:36px}.logo{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.logo .ph{font-size:26px;color:var(--orange)}.nav-links{display:flex;gap:30px;align-items:center;margin:auto;font-size:12px;font-weight:750}.nav-links a:hover{color:var(--blue)}.nav-tools{display:flex;align-items:center;gap:10px}.nav-tools .btn{font-size:12px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding-top:54px;padding-bottom:55px}.hero h1{line-height:1.06;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero .intro{font-size:18px;color:var(--muted);line-height:1.6;margin:24px 0}.hero .main-cta{min-height:55px;padding:15px 24px;font-size:15px;min-width:290px}.helper{font-size:11px;color:var(--muted);margin-top:10px}.occasion-list{display:flex;gap:10px;margin-top:28px}.occasion{border:1px solid var(--line);background:white;border-radius:10px;padding:14px 12px;display:flex;gap:10px;text-align:left;flex:1;min-height:80px}.occasion .ph{color:var(--orange);font-size:24px}.occasion strong{display:block;font-size:12px;margin-bottom:3px}.occasion small{display:block;font-size:10px;color:var(--muted)}.occasion.active{border:2px solid var(--blue);padding:13px 11px;background:#f8faff}.occasion:hover{border-color:var(--blue)}.hero-art{position:relative}.comic-hero{padding:9px;background:white;border:1px solid #d4d8e1;box-shadow:var(--shadow);transform:rotate(1deg)}.comic-hero img{width:100%;aspect-ratio:1;object-fit:cover}.art-caption{position:absolute;bottom:-19px;right:18px;background:var(--orange);padding:6px 14px;font-size:11px;font-weight:800;transform:rotate(-3deg);color:#251105}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head p{max-width:380px;color:var(--muted);margin-bottom:0;font-size:14px}.steps-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;background:var(--paper);border-radius:15px;padding:25px 32px}.how-step{display:flex;gap:16px;align-items:center}.how-step .num{font-size:56px;font-weight:800;line-height:1;color:var(--blue);letter-spacing:-.07em}.how-step h3{font-size:16px;margin:0 0 6px}.how-step p{font-size:12px;color:var(--muted);margin:0}.mini-editor{display:grid;grid-template-columns:1.1fr 1fr .7fr;border:1px solid var(--line);border-radius:15px;margin-top:26px;padding:20px;gap:22px;align-items:center}.mini-art{aspect-ratio:1.8;background-image:url('assets/comic.png');background-size:200% 200%;background-position:100% 0%;border:2px solid var(--blue);border-radius:8px}.mini-editor label{font-size:12px;font-weight:750;display:block;margin:5px 0}.mini-editor textarea{min-height:70px}.mini-editor .mini-price{font-size:35px;color:var(--orange);font-weight:800;line-height:1.2;margin:5px 0 12px}.micro{font-size:10px;color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;text-align:left;padding:0;transition:transform .18s,box-shadow .18s}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.story-card .art-slice{aspect-ratio:1.3;background-image:url('assets/comic.png');background-size:200% 200%;background-position:0 0}.story-card:nth-child(2) .art-slice{background-position:100% 0}.story-card:nth-child(3) .art-slice{background-position:0 100%}.story-card .body{padding:20px}.story-card h3{font-size:18px;margin:12px 0 7px}.story-card p{font-size:12px;color:var(--muted);margin:0}.benefit-area{background:var(--paper)}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-visual{position:relative;padding:20px 30px}.detail-visual img{border:9px solid white;box-shadow:var(--shadow);border-radius:3px;transform:rotate(-2deg)}.floating-note{position:absolute;right:0;bottom:45px;max-width:210px;background:white;border:1px solid var(--line);padding:15px;border-radius:10px;box-shadow:var(--shadow);font-size:12px}.floating-note .ph{color:var(--blue)}.benefit-copy p{color:var(--muted);margin-top:20px}.benefit-row{display:flex;gap:14px;margin:26px 0}.benefit-row>.ph{color:var(--blue);font-size:25px}.benefit-row strong{font-size:13px;display:block}.benefit-row small{font-size:12px;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid var(--line);padding:26px;border-radius:14px;position:relative}.price-card.featured{border:2px solid var(--blue);padding:25px;background:#fafbff}.price-tag{position:absolute;right:15px;top:-13px;background:var(--blue);color:white;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800}.price-card h3{font-size:19px;margin-bottom:10px}.price-card .price{font-size:38px;font-weight:800;letter-spacing:-.06em;margin:14px 0}.price-card .price small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0}.price-card>p{font-size:12px;color:var(--muted)}.price-card ul{padding:0;list-style:none;margin:23px 0}.price-card li{font-size:12px;margin:13px 0;display:flex;gap:10px}.price-card li .ph{color:var(--blue);font-size:17px}.price-note{text-align:center;font-size:11px;color:var(--muted);margin:22px 0 0}.faq-list{max-width:810px;margin:auto}.faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-size:14px;font-weight:750;cursor:pointer}.faq-list details p{margin:15px 0 0;font-size:13px;color:var(--muted)}.final-cta{text-align:center;background:#edf1ff;border-radius:18px;padding:52px 25px;margin-top:70px}.final-cta h2{font-size:35px}.final-cta p{font-size:14px;color:var(--muted);margin:16px 0 23px}footer{border-top:1px solid var(--line);padding:35px 0 60px}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-content .logo{font-size:23px}.footer-content p{font-size:11px;color:var(--muted);margin:0}.footer-links{display:flex;gap:22px;font-size:11px}.prototype-bar{position:fixed;bottom:13px;left:16px;z-index:25;display:flex;align-items:center;gap:16px;border:1px solid #d6dce8;background:#fffffff5;border-radius:8px;padding:9px 13px;font-size:10px;box-shadow:0 3px 12px #00000008;backdrop-filter:blur(8px)}.prototype-bar span{font-weight:800;color:#545a6a;font-size:9px;letter-spacing:.06em}.prototype-bar a{color:var(--blue);font-weight:750}#toast{position:fixed;bottom:68px;left:50%;transform:translate(-50%,12px);padding:12px 21px;background:var(--ink);color:white;border-radius:9px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:18px;padding:0;max-width:760px;width:calc(100% - 34px);max-height:90vh;box-shadow:0 25px 90px #00000030}dialog::backdrop{background:#11162788;backdrop-filter:blur(4px)}.modal-content{padding:32px}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.modal-top h2{font-size:28px}.modal-content>p{font-size:13px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group{margin:0 0 21px}.form-group label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}input,textarea,select{border:1px solid #d6dce8;border-radius:8px;background:white;padding:12px 13px;width:100%;color:var(--ink);font-size:13px;line-height:1.5}textarea{resize:vertical;min-height:100px}.form-group small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.error-text{font-size:12px;color:#b12836;margin-top:10px}.callout{border:1px solid #d9e1ff;border-radius:10px;background:#f4f6ff;padding:15px;font-size:12px;color:#36435f;margin:20px 0}.callout .ph{color:var(--blue);margin-right:7px}.page-title{padding:48px 0 28px}.page-title h1{font-size:44px}.page-title p{margin:15px 0 0;color:var(--muted)}.back-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:20px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0;background:white;text-align:left}.design-tile img{width:100%;aspect-ratio:1.405;object-fit:cover}.design-tile div{padding:20px}.design-tile h3{font-size:17px;margin:10px 0}.design-tile p{font-size:12px;color:var(--muted)}.design-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;margin-top:45px}.spec-box{background:var(--paper);border-radius:14px;padding:27px}.spec-box h3{font-size:20px;margin-bottom:20px}.swatches{display:flex;gap:14px}.swatch{flex:1}.swatch-block{height:62px;border-radius:7px;margin-bottom:7px}.swatch small{font-size:10px;display:block}.spec-box p,.spec-box li{font-size:12px;color:var(--muted)}.spec-box ul{padding-left:18px}.journey{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.journey a{font-size:11px;padding:12px 15px;border:1px solid var(--line);border-radius:8px}.journey a:hover{border-color:var(--blue);color:var(--blue)}.gallery-dialog{max-width:1200px}.gallery-dialog img{width:100%}.gallery-toolbar{padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.gallery-toolbar span{font-size:12px;font-weight:750}
.studio-body{background:var(--paper)}.studio-header .nav{max-width:none;padding:0 26px;gap:26px}.studio-header .project-name{font-size:12px;border-left:1px solid var(--line);padding-left:28px}.studio-header .saved{margin-left:auto;color:var(--muted);font-size:10px}.studio-header .saved .ph{color:#32967e;font-size:16px}.studio-header .btn{font-size:11px}.studio-shell{display:grid;grid-template-columns:235px minmax(0,1fr) 292px;min-height:calc(100vh - 82px);max-width:1800px;margin:auto}.studio-sidebar{background:#fafbfe;border-right:1px solid var(--line);padding:28px 19px 70px}.flow-steps{display:grid;gap:14px;margin-bottom:30px}.flow-step{display:flex;align-items:center;gap:13px;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:var(--muted)}.flow-step .number{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #c6ccdc;border-radius:50%;font-size:11px;flex-shrink:0}.flow-step strong{display:block;font-size:12px}.flow-step small{font-size:9px;display:block;margin-top:2px}.flow-step.active{background:#ecefff;color:var(--blue)}.flow-step.active .number,.flow-step.done .number{background:var(--blue);color:white;border-color:var(--blue)}.flow-step.done .number .ph{font-size:15px}.side-label{font-size:10px;font-weight:750;color:var(--muted);margin-bottom:14px}.character-card{background:white;border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:14px}.character-card .character-top{display:flex;gap:11px;align-items:center}.character-icon{width:43px;height:43px;border-radius:8px;background:#edf1ff;display:flex;align-items:center;justify-content:center;color:var(--blue);overflow:hidden;flex-shrink:0}.character-icon img{width:100%;height:100%;object-fit:cover}.character-card strong{font-size:12px;display:block}.character-card small{font-size:9px;color:var(--muted);display:block}.character-card .character-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:10px}.local-notice{font-size:9px;line-height:1.7;color:var(--muted);margin-top:20px}.studio-center{padding:30px 32px 90px;min-width:0}.studio-center h1{font-size:29px;letter-spacing:-.045em}.studio-subtitle{font-size:12px;color:var(--muted);margin:8px 0 22px}.studio-inspector{padding:27px 18px 80px 0}.inspector-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.inspector-card h3{font-size:18px;margin-bottom:7px}.inspector-card>p{font-size:11px;color:var(--muted)}.inspector-card .form-group{margin-top:20px}.inspector-card textarea{min-height:77px;font-size:12px}.inspector-card .btn{font-size:11px}.page-tabs{display:flex;gap:5px;margin-bottom:14px}.page-tab{background:#e9ecf4;color:var(--muted);padding:9px 17px;border-radius:7px;font-size:11px}.page-tab.active{background:white;color:var(--blue);box-shadow:0 2px 8px #19244c08}.comic-page{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;max-width:740px;margin:auto}.comic-panel{position:relative;aspect-ratio:1;background-image:url('assets/comic.png');background-size:200% 200%;background-position:var(--position);border:2px solid #1b202e;border-radius:2px;cursor:pointer;padding:0;overflow:hidden;text-align:left}.comic-panel.selected{outline:3px solid var(--blue);outline-offset:2px;z-index:1}.comic-panel .bubble{position:absolute;top:11px;left:10px;background:white;padding:8px 10px;max-width:78%;border:1px solid #171922;border-radius:9px;font-size:11px;line-height:1.45;font-weight:650;box-shadow:2px 2px 0 #17192218;white-space:pre-line}.comic-panel .edit-label{position:absolute;right:8px;bottom:8px;background:var(--blue);color:white;padding:5px 10px;font-size:9px;border-radius:5px;opacity:0}.comic-panel.selected .edit-label{opacity:1}.panel-caption{position:absolute;bottom:11px;left:10px;background:#fff7e8;padding:6px 9px;font-size:9px;line-height:1.4;max-width:78%;border:1px solid #171922}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin:16px auto 0;max-width:740px;background:white;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:9px;color:var(--muted);gap:10px}.canvas-toolbar .btn{font-size:10px}.canvas-toolbar .ph{font-size:15px}.inspector-price{margin-top:20px;background:white;border:1px solid var(--line);padding:16px;border-radius:10px;font-size:11px;display:flex;justify-content:space-between;gap:12px}.inspector-price strong{font-size:15px}.wizard-card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:22px;max-width:770px}.wizard-card h3{font-size:18px;margin-bottom:20px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-card{padding:18px;background:#fafbff;border:1px solid var(--line);border-radius:12px}.upload-preview{height:130px;display:flex;justify-content:center;align-items:center;background:#edf1ff;color:var(--blue);border-radius:8px;overflow:hidden;margin-bottom:17px}.upload-preview .ph{font-size:40px}.upload-preview img{height:100%;width:100%;object-fit:cover}.upload-card label{font-size:11px;font-weight:750;display:block;margin:13px 0 6px}.upload-card input[type=file]{font-size:10px;background:white;padding:8px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:770px;margin-top:24px}.wizard-actions .btn{font-size:12px}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.style-option{border:1px solid var(--line);border-radius:9px;background:white;padding:14px;font-size:11px;text-align:left}.style-option strong{display:block;margin-bottom:6px}.style-option small{font-size:9px;color:var(--muted)}.style-option.active{border:2px solid var(--blue);padding:13px;background:#f7f9ff}.story-outline{display:grid;gap:10px}.outline-row{display:grid;grid-template-columns:27px 1fr;gap:12px;align-items:start;padding:13px;background:var(--paper);border-radius:8px}.outline-row>span{color:var(--blue);font-weight:800;font-size:14px}.outline-row strong{font-size:11px;display:block}.outline-row p{font-size:11px;color:var(--muted);margin:5px 0 0}.inspector-guide{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.inspector-guide h3{font-size:17px;margin-bottom:14px}.inspector-guide p{font-size:11px;color:var(--muted)}.guide-point{padding:15px 0;border-top:1px solid var(--line)}.guide-point strong{font-size:11px;display:block}.guide-point small{font-size:10px;color:var(--muted)}.cover-preview{max-width:490px;margin:auto;padding:22px;background:#171922;color:white;border:9px solid white;box-shadow:var(--shadow);text-align:center}.cover-preview h2{font-size:28px;margin:18px 0}.cover-preview img{aspect-ratio:1;object-fit:cover}.cover-preview p{font-size:11px;color:#cdd2e1;margin:15px 0}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-option{border:1px solid var(--line);border-radius:11px;padding:20px;background:white}.export-option .ph{font-size:29px;color:var(--blue)}.export-option h3{font-size:15px;margin:15px 0 9px}.export-option p{font-size:11px;color:var(--muted)}.saved-card{display:grid;grid-template-columns:200px 1fr;gap:25px;padding:20px;border:1px solid var(--line);border-radius:14px;max-width:800px;margin:25px 0 55px;align-items:center}.saved-card img{border-radius:7px}.saved-card h3{margin:13px 0;font-size:21px}.saved-card p{font-size:12px;color:var(--muted)}.empty-library{padding:50px;text-align:center;border:1px dashed #c8cfdf;border-radius:15px;margin:30px 0 70px}.empty-library>.ph{font-size:40px;color:var(--blue)}.empty-library h3{margin:20px 0 13px}.empty-library p{font-size:13px;color:var(--muted)}.checkout-summary{padding:20px;border-radius:10px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkout-summary strong{font-size:24px}.checkout-summary small{display:block;color:var(--muted);font-size:11px}.success-mark{font-size:48px;color:var(--blue);margin:20px 0}.success-content{text-align:center;padding:45px 25px}.success-content h2{font-size:28px;margin:20px 0 15px}.success-content p{font-size:13px;color:var(--muted)}.lightbox-art{max-width:650px;margin:auto}.lightbox-art .comic-panel{cursor:default}
img{height:auto}.comic-hero img{height:auto}.design-tile img{height:auto}.logo .ph{font-weight:normal}.success-content>.ph{font-size:50px;color:var(--blue)}
@media(min-width:1550px){.hero{gap:70px}.studio-center{padding-left:50px;padding-right:50px}}
@media(max-width:1100px){.nav-links{gap:17px}.hero{gap:30px}.hero h1{font-size:54px}.hero .intro{font-size:16px}.occasion{padding:10px 8px;gap:6px}.occasion.active{padding:9px 7px}.occasion small{font-size:9px}.studio-shell{grid-template-columns:190px minmax(0,1fr) 255px}.studio-sidebar{padding-left:12px;padding-right:12px}.studio-center{padding-left:22px;padding-right:22px}.comic-panel .bubble{font-size:9px;padding:6px;top:7px;left:7px}.panel-caption{font-size:8px;bottom:7px;left:7px}.studio-header .project-name{max-width:230px}.mini-editor{gap:15px}.benefit-grid{gap:40px}}
@media(max-width:860px){.nav-links{display:none}.nav-tools{margin-left:auto}.mobile-menu{display:inline-flex}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:35px}.hero h1{font-size:42px}.hero .intro{font-size:14px}.hero .main-cta{min-width:0;width:100%;font-size:13px}.occasion-list{flex-wrap:wrap}.occasion{flex-basis:30%;min-height:67px}.occasion .ph{display:none}.steps-strip{gap:20px;padding:22px}.how-step{gap:10px}.how-step .num{font-size:40px}.how-step h3{font-size:13px}.how-step p{font-size:10px}.mini-editor{grid-template-columns:1fr 1fr}.mini-editor>div:last-child{grid-column:1/-1;display:flex;gap:20px;align-items:center;justify-content:space-between}.mini-editor .mini-price{font-size:26px;margin:0}.mini-editor>div:last-child .btn{width:auto}.section{padding-top:60px;padding-bottom:60px}.story-grid{gap:14px}.story-card .body{padding:15px}.story-card h3{font-size:15px}.benefit-grid{gap:25px}.price-card{padding:20px}.price-card.featured{padding:19px}.price-card .price{font-size:31px}.studio-shell{grid-template-columns:170px minmax(0,1fr)}.studio-inspector{grid-column:2;padding:0 22px 90px}.studio-center{padding-bottom:20px}.studio-header .saved{display:none}.studio-header .nav-tools{margin-left:auto}.studio-header .project-name{font-size:10px;padding-left:15px}.studio-header .logo{font-size:24px}.studio-header .nav{gap:15px;padding:0 18px}.studio-header .btn{padding:9px 12px}.inspector-price{display:none}.inspector-card .form-row{grid-template-columns:1fr 1fr}.inspector-card textarea{min-height:60px}.design-grid{grid-template-columns:1fr}.design-tile{display:grid;grid-template-columns:1fr 1fr}.design-tile img{height:100%;object-fit:cover}.design-layout{gap:20px}.footer-content{flex-wrap:wrap}}
@media(max-width:620px){header{height:70px}.wrap{padding-left:20px;padding-right:20px}.nav{gap:12px}.logo{font-size:26px}.nav-tools>.btn{display:none}.nav-tools{gap:4px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:40px;gap:35px}.hero h1{font-size:49px;max-width:420px}.hero .intro{font-size:15px;max-width:400px;margin:19px 0}.hero .main-cta{width:auto;min-width:280px}.occasion-list{margin-top:23px;gap:8px}.occasion{padding:12px 10px;min-height:74px}.occasion.active{padding:11px 9px}.occasion .ph{display:block;font-size:20px}.occasion strong{font-size:11px}.occasion small{font-size:9px}.hero-art{max-width:460px;margin:auto}.art-caption{bottom:-15px;font-size:10px}.steps-strip{grid-template-columns:1fr;gap:24px;padding:25px}.how-step .num{font-size:43px;min-width:35px}.how-step h3{font-size:15px}.how-step p{font-size:12px}.mini-editor{grid-template-columns:1fr;padding:16px;gap:16px}.mini-editor>div:last-child{grid-column:auto}.mini-art{aspect-ratio:1.7}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:18px;font-size:13px}.story-grid{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:40% 60%}.story-card .art-slice{aspect-ratio:auto;height:100%;min-height:155px}.story-card .body{padding:17px}.story-card h3{font-size:16px;margin-top:8px}.story-card p{font-size:11px}.benefit-grid{grid-template-columns:1fr;gap:35px}.detail-visual{padding:10px 20px}.floating-note{max-width:180px;font-size:11px}.pricing-grid{grid-template-columns:1fr;gap:26px}.price-card .price{font-size:38px}.price-card{padding:25px}.price-card.featured{padding:24px}.price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.price-card li{font-size:11px;margin:5px 0}.final-cta{padding:35px 20px;margin-top:40px}.final-cta h2{font-size:28px}.footer-content{display:block}.footer-content p{margin:14px 0 20px}.footer-links{gap:20px}.prototype-bar{left:9px;bottom:9px;padding:7px 10px;gap:11px}.prototype-bar span{font-size:8px}.prototype-bar a{font-size:9px}.modal-content{padding:23px}.modal-top h2{font-size:25px}.form-row{grid-template-columns:1fr}.page-title{padding-top:30px}.page-title h1{font-size:34px}.design-tile{display:block}.design-layout{grid-template-columns:1fr}.studio-header{height:70px}.studio-header .project-name{display:none}.studio-header .nav{padding:0 14px;gap:10px}.studio-header .nav-tools>.btn{display:inline-flex;font-size:10px;min-height:38px;padding:8px 11px}.studio-header .nav-tools>.btn.secondary{display:none}.studio-header .logo{font-size:23px}.studio-header .logo .ph{font-size:21px}.studio-shell{display:block}.studio-sidebar{padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.flow-steps{display:flex;gap:4px;margin:0}.flow-step{flex:1;padding:8px 5px;gap:6px;justify-content:center}.flow-step .number{width:23px;height:23px;font-size:9px}.flow-step strong{font-size:10px}.flow-step small{display:none}.studio-sidebar .side-label,.studio-sidebar .character-card,.studio-sidebar .local-notice{display:none}.studio-center{padding:24px 16px 22px}.studio-center h1{font-size:25px}.studio-subtitle{font-size:11px}.studio-inspector{padding:0 16px 85px}.comic-page{gap:5px;padding:7px}.comic-panel .bubble{font-size:9px;max-width:85%;padding:5px;top:7px;left:6px}.panel-caption{font-size:7px;bottom:6px;left:6px;padding:4px}.comic-panel .edit-label{font-size:8px;padding:3px 7px;right:5px;bottom:5px}.canvas-toolbar{font-size:8px;padding:7px;gap:6px}.canvas-toolbar .btn{padding:6px 9px;min-height:34px;font-size:9px}.inspector-card{padding:20px}.wizard-card{padding:20px}.upload-grid{gap:12px}.upload-card{padding:12px}.upload-preview{height:110px}.upload-card input[type=file]{font-size:9px;width:100%;padding:6px}.style-options{grid-template-columns:1fr}.style-option{padding:12px}.style-option.active{padding:11px}.style-option strong{margin:0 0 3px}.wizard-actions .btn{font-size:11px;padding:10px 15px}.wizard-actions .helper{display:none}.export-grid{grid-template-columns:1fr 1fr;gap:10px}.export-option{padding:17px}.saved-card{grid-template-columns:100px 1fr;gap:16px;padding:15px}.saved-card h3{font-size:17px}.saved-card p{font-size:11px}.saved-card .btn{font-size:10px;padding:9px 12px}.empty-library{padding:40px 20px}.gallery-toolbar{padding:10px 14px}.gallery-toolbar span{font-size:10px}}
.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-tile{border:1px solid var(--line);border-radius:11px;overflow:hidden;padding:0;background:white;text-align:left}.screen-tile img{width:100%;aspect-ratio:1.405;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.screen-tile span{display:block;padding:15px 17px;font-size:12px;font-weight:750}.screen-tile:hover{border-color:var(--blue)}
@media(max-width:860px){.screen-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.screen-grid{grid-template-columns:1fr}}
.inspector-card h3{font-size:21px}.inspector-card>p{font-size:12px}.inspector-card .form-group label{font-size:13px}.inspector-card textarea{font-size:13px;min-height:95px}.inspector-card .micro{font-size:11px}.inspector-card .btn{font-size:12px;color:var(--blue);border-color:var(--blue)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}