*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9e9;color:#17203a;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;left:-9999px;top:0;z-index:900;background:#fff;padding:12px}.skip:focus{left:12px}.top{background:linear-gradient(110deg,#08b9ff 0%,#0879ee 50%,#0061d2 100%);position:relative;overflow:hidden;border-bottom:7px solid #0d1931}.top-art{position:absolute;inset:-90px;opacity:.23;background:repeating-conic-gradient(from -22deg at 14% 56%,transparent 0deg 12deg,#fff 12deg 13.5deg,transparent 13.5deg 25deg)}.masthead{position:relative;max-width:1580px;margin:auto;padding:23px 28px 15px;display:flex;gap:20px;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;white-space:nowrap;flex-shrink:0;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.35));transition:transform .15s}.logo:hover{transform:rotate(-1deg) scale(1.01)}.face{font-size:clamp(3rem,7vw,7rem);line-height:1;filter:drop-shadow(3px 4px 0 #111)}.logo-text{font-family:'Baloo 2',Impact,sans-serif;font-size:clamp(2.6rem,6.8vw,7.3rem);letter-spacing:-.075em;font-weight:800;line-height:1;text-shadow:-3px -3px 0 #111,3px -3px 0 #111,-3px 3px 0 #111,3px 3px 0 #111,7px 8px 0 #092c58}.logo .max{color:#ffdc2f}.logo .laugh{color:#fff}.logo .dot{color:#ffdc2f;font-size:.52em;letter-spacing:-.055em}.corner{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));position:relative;width:min(515px,42%);background:#fffefa;border:4px solid #101c36;border-radius:18px;box-shadow:6px 8px 0 rgba(8,16,43,.5);padding:22px 7px 7px;gap:5px;text-align:center}.corner-head{position:absolute;top:-15px;left:10%;right:10%;font:1.3rem Bangers,Impact,sans-serif;letter-spacing:.04em;background:#ffdc2f;border:3px solid #141628;border-radius:10px;transform:rotate(-2deg);padding:5px}.corner a,.corner-pending{text-decoration:none;color:#102039;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-weight:800;font-size:.69rem;line-height:1.2;border-radius:9px;padding:8px 3px;transition:background .15s}.corner a:hover{background:#e5f6ff}.corner a span,.corner-pending span{font-size:2rem}.corner-pending{opacity:.62}.headline-band{position:relative;max-width:1580px;margin:0 auto;padding:1px 25px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tagline{margin:0;font:clamp(1.3rem,2.7vw,2.7rem) Bangers,Impact,sans-serif;background:#ffe53b;display:inline-block;padding:7px 22px;transform:rotate(-2deg);border:4px solid #11182c;box-shadow:6px 6px 0 #0e2547;letter-spacing:.02em}.speech{background:#fff;transform:rotate(3deg);border:4px solid #161525;border-radius:45%;padding:12px 18px;text-align:center;font:clamp(.85rem,1.7vw,1.6rem) Bangers,Impact,sans-serif;box-shadow:5px 5px 0 #10264e}.speech strong{color:#f34047}.welcome{text-align:center;padding:26px 22px 13px;max-width:1200px;margin:0 auto}.welcome .hello{font:clamp(1.5rem,3vw,2.3rem) Bangers,Impact,sans-serif;color:#f1484f;letter-spacing:.025em}.welcome p{font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.6;margin:8px auto 14px;max-width:840px}.catalog{max-width:1580px;margin:0 auto;padding:4px 16px 26px}.section-heading{display:flex;align-items:center;gap:20px;margin:11px 5px 15px}.section-heading h2{margin:0;font:clamp(1.8rem,3vw,2.7rem) Bangers,Impact,sans-serif;color:#0c2a52;letter-spacing:.035em}.section-heading span{font-weight:800;font-size:.75rem;letter-spacing:.07em}.office-heading:after,.pet-heading:after{content:"";height:4px;background:repeating-linear-gradient(90deg,#1657b4 0px,#1657b4 22px,transparent 22px,transparent 29px);flex:1}.pet-heading h2{color:#c24b23}.pet-heading:after{background:repeating-linear-gradient(90deg,#ec744b 0px,#ec744b 22px,transparent 22px,transparent 29px)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.comic-card{background:#fff;display:flex;flex-direction:column;border:4px solid #14213a;border-radius:15px;overflow:hidden;box-shadow:5px 6px 0 #1a2844;transition:transform .15s,box-shadow .15s}.comic-card:hover{transform:translateY(-4px);box-shadow:7px 10px 0 #1a2844}.comic-card h3{font:clamp(1.35rem,2vw,2.05rem) Bangers,Impact,sans-serif;letter-spacing:.025em;color:#fff;background:#0951ba;margin:0;padding:10px 13px;text-align:center;border-top:4px solid #10244b;border-bottom:3px solid #10244b}.comic-card:nth-child(2) h3{background:#0771c8}.comic-card:nth-child(3) h3{background:#ef5b2e}.comic-card:nth-child(4) h3{background:#6f31ad}.comic-card p{font-size:.8rem;color:#3c4156;line-height:1.45;padding:9px 14px 4px;margin:0;min-height:54px;text-align:center}.art{aspect-ratio:1/1;min-height:200px;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;border-bottom:0;box-shadow:inset 0 0 0 5px rgba(255,255,255,.35)}.art:before{content:"";position:absolute;inset:-35%;background:repeating-conic-gradient(from -12deg at 52% 48%,transparent 0deg 17deg,rgba(255,255,255,.37) 17deg 18deg,transparent 18deg 36deg);z-index:-1}.art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#15243c80 .9px,transparent 1px);background-size:9px 9px;opacity:.2;pointer-events:none;mix-blend-mode:multiply}.art-reality{background:linear-gradient(90deg,#ecf5fd 0 49%,#ffbba2 50%)}.art-ceo{background:radial-gradient(circle at 50% 50%,#f8eb62,#00a4ee 70%)}.art-movie{background:linear-gradient(142deg,#170f2a,#f74817 65%,#ffb31a)}.art-super{background:linear-gradient(30deg,#70e6f9,#f93b57)}.art-boss{background:linear-gradient(20deg,#167f7e,#afe9d7)}.art-petjob{background:linear-gradient(35deg,#a35cc7,#efc4ef)}.art-twin{background:linear-gradient(145deg,#f15d34,#fff07d)}.art-name{background:linear-gradient(135deg,#ffe34a,#ff641d 55%,#ff4a86)}.art-person{font-size:clamp(5rem,11vw,10rem);filter:drop-shadow(6px 7px 0 #16203d88);transform:rotate(-7deg);position:absolute;left:7%;bottom:19%;line-height:1}.art-movie .art-person{left:18%;bottom:24%;filter:drop-shadow(9px 8px 0 #211326)}.art-super .art-person{font-size:clamp(4rem,8vw,8rem)}.art-boss .art-person,.art-petjob .art-person,.art-name .art-person{font-size:clamp(7rem,12vw,12rem);left:17%;bottom:15%}.art-petjob .art-person{left:12%;font-size:clamp(5rem,9vw,9rem)}.art-name .art-person{left:24%}.art .cover-hook{position:absolute;bottom:9%;left:3%;right:3%;font:clamp(2rem,3.1vw,3.4rem) Bangers,Impact,sans-serif;line-height:.95;color:#ffe52b;text-shadow:3px 3px 0 #151b29,-2px -2px 0 #151b29,4px 6px 0 #18253e;transform:rotate(-4deg);letter-spacing:.04em}.art-ceo .cover-hook,.art-super .cover-hook,.art-boss .cover-hook,.art-petjob .cover-hook{left:42%;bottom:25%;right:2%;color:#fff;transform:rotate(4deg)}.art-petjob .cover-hook{color:#ffe732;left:34%;bottom:29%}.art-name .cover-hook{bottom:3%;background:#ffe532;color:#142047;border:4px solid #172343;text-shadow:none;padding:7px;transform:rotate(-3deg)}.art-twin .cover-hook{bottom:13%;color:#fff}.art-reality .cover-hook{background:#ffe433;padding:8px 1px;border:4px solid #202137;color:#101933;text-shadow:none;bottom:4%;font-size:clamp(1.5rem,2.3vw,2.6rem)}.art-reality em{color:#f02166}.duo{position:absolute;inset:12% 0 24%;display:flex;align-items:center;justify-content:center}.figure{width:48%;font-size:clamp(4rem,8.8vw,9rem);display:flex;align-items:center;justify-content:center;flex-direction:column}.figure small{font:clamp(1rem,1.8vw,1.7rem) Bangers,Impact,sans-serif;color:#0e2855;background:#ffe145;border:3px solid #142443;padding:3px 5px;transform:rotate(-4deg)}.figure.chaos small{transform:rotate(3deg);background:#ff84c3}.sticker{position:absolute;top:5%;background:#ffe332;border:3px solid #1c2340;padding:4px 12px;transform:rotate(-7deg);font:clamp(1.1rem,1.6vw,1.5rem) Bangers,Impact,sans-serif}.bubble{position:absolute;top:5%;right:3%;max-width:55%;transform:rotate(7deg);font:clamp(.95rem,1.7vw,1.5rem) Bangers,Impact,sans-serif;background:#fff;border:3px solid #12203c;border-radius:25% 35% 20% 40%;padding:9px;color:#101f3e}.bubble-a{left:4%;right:auto}.bubble-b{right:4%;top:27%;background:#fffad2}.splash{position:absolute;top:16%;right:6%;font-size:4rem}.movie-extra{position:absolute;bottom:2%;color:#fff;font-size:.66rem;letter-spacing:.08em;font-weight:800}.twins{display:flex;font-size:clamp(4rem,9vw,9rem);gap:10px;transform:rotate(-6deg);filter:drop-shadow(3px 5px 0 #171c3988)}.art-twin .bubble{top:6%}.cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 10px 12px;padding:12px 13px;border:3px solid #161f3a;border-radius:18px;color:#fff;font:clamp(1.04rem,1.55vw,1.45rem) Bangers,Impact,sans-serif;letter-spacing:.055em;text-shadow:1px 2px 0 #141b34;box-shadow:inset 0 3px 0 #ffffff66,0 4px 0 #111e3a;transition:transform .15s;text-decoration:none}.comic-card .cta{margin-top:auto}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(2px)}.cta span{font-size:1.45rem}.pink{background:linear-gradient(#ff70b7,#fa137d)}.blue{background:linear-gradient(#38c7fa,#0069e5)}.orange{background:linear-gradient(#ffb04f,#fd4e36)}.purple{background:linear-gradient(#ba83ff,#8122e3)}.green{background:linear-gradient(#96e92d,#3ba921)}.share-banner{max-width:1520px;margin:22px auto 34px;padding:24px 30px;background:#ffe94e;border:5px solid #172142;border-radius:22px;box-shadow:7px 8px 0 #152649;display:flex;align-items:center;gap:25px;position:relative;overflow:hidden}.share-banner h2{margin:0;font:clamp(1.9rem,3.5vw,3.1rem) Bangers,Impact,sans-serif}.share-banner p{margin:4px 0 0;line-height:1.5}.share-emoji{font-size:clamp(3rem,7vw,6rem)}.share-burst{font-size:clamp(2rem,6vw,5rem);margin-left:auto}.how{text-align:center;max-width:1080px;margin:16px auto 55px;padding:0 20px}.how h2{font:clamp(1.7rem,3.5vw,2.8rem) Bangers,Impact,sans-serif}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid>div{background:#fff;border:3px solid #17223d;border-radius:20px;padding:18px;display:flex;gap:7px;align-items:center;flex-direction:column;box-shadow:4px 5px 0 #1b2740}.how-grid span{font-size:2.5rem}.how-grid b{font:1.5rem Bangers,Impact,sans-serif}.how-grid small{color:#596078}.ad-zone[hidden]{display:none!important}footer{background:#0e1731;color:#e0e9ff;padding:28px max(24px,calc((100vw - 1520px)/2));line-height:1.5}footer p{max-width:900px;font-size:.78rem;opacity:.82}footer nav{display:flex;gap:21px;margin:14px 0;font-size:.83rem}footer a:hover{color:#ffeb4a}.footer-flex{display:flex;align-items:center;gap:20px}.footer-flex strong{font:1.7rem Bangers,Impact,sans-serif;color:#ffdc2d}
#studio{border:5px solid #13213d;border-radius:18px;padding:0;background:#fff8ec;color:#182039;width:min(1180px,calc(100% - 24px));max-height:94vh;box-shadow:10px 12px 0 #152443;overflow:auto}#studio::backdrop{background:#070c20d9;backdrop-filter:blur(6px)}.studio-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 24px;background:linear-gradient(110deg,#08a8f1,#2354c6);border-bottom:5px solid #172340;color:#fff}.studio-kicker{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#fff38d}.studio-top h2{font:clamp(2rem,4vw,3.3rem) Bangers,Impact,sans-serif;margin:3px 0;letter-spacing:.04em}.studio-top p{margin:0;font-size:.83rem}.close{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:3px solid #172340;background:#ffe54a;color:#152039;font-weight:900;font-size:1.3rem}.studio-body{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(350px,1.2fr);gap:20px;padding:22px}.studio-body form{display:flex;flex-direction:column;gap:15px;min-width:0}.field{display:flex;flex-direction:column;gap:6px}.field label,.upload-label>span{font-weight:800;font-size:.85rem}.field input,.field select,.field textarea{width:100%;background:#fff;border:2px solid #a2acc0;border-radius:11px;padding:12px 13px;font-size:.96rem;color:#142039;outline-offset:3px}.field textarea{min-height:86px;resize:vertical}.field small{font-size:.7rem;color:#566073}.upload-label{display:flex;flex-direction:column;gap:8px;background:#fff5d8;padding:12px;border:2px dashed #e4b841;border-radius:13px}.upload-label small{font-weight:500}.upload-label input{font-size:.76rem;max-width:100%}.photo-hint{margin:-7px 0 0;font-size:.72rem;line-height:1.5;color:#687187}.cta.large{margin:0;min-height:56px}.privacy-mini{font-size:.74rem;color:#3f7963;margin:0}.studio-preview{min-width:0;display:flex;flex-direction:column}.preview-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font:1.2rem Bangers,Impact,sans-serif}.preview-head span{font:700 .75rem Inter,sans-serif;color:#6c7892}#result-canvas{display:block;width:100%;height:auto;max-height:570px;aspect-ratio:1;background:#fff;border:3px solid #15233a;border-radius:12px;object-fit:contain}.preview-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.action{border:2px solid #192541;background:#fff;padding:11px 9px;border-radius:12px;font-weight:800;font-size:.8rem;color:#101c33;box-shadow:2px 3px 0 #192541}.action.solid{background:#ffe535}.action:hover{background:#dff3ff}.action:disabled{opacity:.5;cursor:not-allowed}#action-status{min-height:1.3em;color:#246a4f;font-size:.75rem;margin:8px 0 0}.preview-legal{font-size:.72rem;color:#647083;margin:2px 0}
@media(max-width:1190px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.art{min-height:240px}.art-person{font-size:9rem}.art-boss .art-person,.art-petjob .art-person,.art-name .art-person{font-size:11rem}.art .cover-hook{font-size:clamp(2rem,5vw,4.2rem)}.art-reality .cover-hook{font-size:3rem}.art-ceo .cover-hook,.art-super .cover-hook,.art-boss .cover-hook,.art-petjob .cover-hook{font-size:3.7rem}.art .bubble{font-size:1.8rem}.figure{font-size:9rem}.figure small{font-size:1.7rem}.comic-card h3{font-size:2rem}.cta{font-size:1.5rem}.corner{width:min(455px,46%)}.logo-text{font-size:clamp(2.6rem,5.6vw,5rem)}}
@media(max-width:750px){.masthead{padding:20px 14px 10px;flex-direction:column;gap:25px}.logo-text{font-size:clamp(3rem,11vw,5rem)}.face{font-size:clamp(3.8rem,13vw,6rem)}.corner{width:100%;max-width:550px}.headline-band{padding:5px 14px 22px;flex-direction:column;gap:12px}.tagline{text-align:center;font-size:clamp(1.35rem,5.3vw,2rem);padding:7px 10px}.speech{font-size:1.4rem;padding:7px 14px}.welcome{padding:20px 12px}.section-heading{flex-wrap:wrap;gap:7px;margin-bottom:12px}.section-heading:after{display:none}.section-heading span{font-size:.68rem}.catalog{padding:0 12px 24px}.cards{gap:12px}.comic-card h3{font-size:clamp(1.25rem,3.4vw,1.7rem)}.art{min-height:160px}.art-person{font-size:clamp(4rem,13vw,8rem)}.art-boss .art-person,.art-petjob .art-person,.art-name .art-person{font-size:clamp(4rem,16vw,8rem)}.art .cover-hook{font-size:clamp(1.4rem,5vw,2.8rem)}.art-ceo .cover-hook,.art-super .cover-hook,.art-boss .cover-hook,.art-petjob .cover-hook{font-size:clamp(1.5rem,5vw,2.6rem)}.art-reality .cover-hook{font-size:clamp(1.1rem,4.1vw,2.4rem)}.art .bubble{font-size:clamp(.7rem,2.3vw,1.3rem)}.figure{font-size:clamp(3.5rem,13vw,7.5rem)}.figure small{font-size:clamp(.85rem,3vw,1.3rem)}.cta{font-size:clamp(.92rem,2.7vw,1.3rem);padding:10px}.comic-card p{font-size:.73rem;min-height:57px}.studio-body{grid-template-columns:1fr;padding:16px}.studio-top{padding:15px}.studio-body form{order:0}.studio-preview{order:1}.share-banner{margin:16px 12px 28px;padding:15px}.share-banner h2{font-size:1.9rem}.share-burst{display:none}}
@media(max-width:490px){.cards{grid-template-columns:1fr;max-width:390px;margin:auto}.art{min-height:300px}.art-person{font-size:9.5rem}.art-boss .art-person,.art-petjob .art-person,.art-name .art-person{font-size:11rem}.art .cover-hook{font-size:3.2rem}.art-reality .cover-hook{font-size:2.7rem}.art-ceo .cover-hook,.art-super .cover-hook,.art-boss .cover-hook,.art-petjob .cover-hook{font-size:3.5rem}.art .bubble{font-size:1.7rem}.figure{font-size:7rem}.figure small{font-size:1.5rem}.comic-card h3{font-size:2rem}.comic-card p{font-size:.85rem;min-height:0}.cta{font-size:1.35rem}.how-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.25rem}.corner{grid-template-columns:repeat(4,minmax(0,1fr));padding-left:4px;padding-right:4px}.corner a,.corner-pending{font-size:.6rem}.corner a span,.corner-pending span{font-size:1.5rem}.share-banner p{font-size:.84rem}.share-emoji{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}