/* Three independent visual directions. Product content and synthetic samples stay identical. */
.style-switcher{position:fixed;right:20px;bottom:18px;z-index:11;display:flex;align-items:center;gap:4px;background:#fffdfaf2;border:1px solid #D9D2C7;border-radius:12px;padding:5px;box-shadow:0 4px 22px #201f1710;backdrop-filter:blur(12px);font:11px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#59574f}.style-switcher>span{padding:6px 8px;font-size:9px;color:#8B8579}.style-switcher a{display:flex;align-items:center;gap:6px;border-radius:7px;padding:8px 11px;min-height:32px}.style-switcher a[aria-current=page]{background:#EEE9DE;color:#1B1B18}.style-switcher a:hover{background:#F2EEE6}.style-dot{width:7px;height:7px;border-radius:50%;background:#E8451F}.style-dot.playful{background:#F6CE3C}.style-dot.premium{background:#31584B}.style-switcher>a:last-child{border-left:1px solid #e7e1d6;border-radius:0;padding-left:13px;margin-left:3px;color:#716c60}body[data-theme=playful]{--canvas:#FFFAE6;--paper:#FFFEF8;--ink:#282D48;--muted:#777260;--line:#D3C9A1;--orange:#F55735;--accent:#D63E22;--soft:#F7EDC4;--peach:#FFDCD0;--lime:#DCE9AA;--lilac:#E2DCF7;--mint:#CBEBDE;--serif:"Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",sans-serif;background-color:var(--canvas)}[data-theme=playful] .brand>span,[data-theme=playful] .dialog-brand,[data-theme=playful] .footer-wordmark{font-family:"Arial Rounded MT Bold","Avenir Next","PingFang SC",sans-serif;font-style:normal;letter-spacing:-2px;font-weight:850}[data-theme=playful] .brand>svg{fill:#F7D748;stroke:var(--ink);stroke-width:2}[data-theme=playful] .header{border-bottom:2px solid var(--ink)}[data-theme=playful] .nav nav{font-weight:600}[data-theme=playful] .nav-collection{border:1.5px solid var(--ink);border-radius:12px;background:#FFFDF4;box-shadow:3px 3px 0 var(--ink)}[data-theme=playful] .hero{min-height:690px}[data-theme=playful] .hero h1{font-family:var(--serif);font-size:55px;line-height:1.35;font-weight:850;letter-spacing:-.055em}[data-theme=playful] .hero-copy>.eyebrow{background:#F7D748;color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;width:fit-content;padding:5px 9px;font-size:11px;transform:rotate(-2deg)}[data-theme=playful] .underline-word{color:#F55735}[data-theme=playful] .underline-word svg{display:none}[data-theme=playful] .hero-description{font-size:14px;color:#666654}[data-theme=playful] .button{border:2px solid var(--ink);border-radius:14px;font-weight:700;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}[data-theme=playful] .button-primary{background:#F55735;color:white}[data-theme=playful] .button-dark{background:#F7D748;color:var(--ink)}[data-theme=playful] .button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}[data-theme=playful] .hero-art{height:564px}[data-theme=playful] .art-dots{border-radius:35%;background-image:radial-gradient(#B1A578 1.5px,transparent 1.5px);background-size:19px 19px;opacity:.45}[data-theme=playful] .sticker{border:2px solid var(--ink);border-radius:23px;box-shadow:6px 7px 0 var(--ink)}[data-theme=playful] .sticker-person{background:#FFE4DC;left:0;top:25px;transform:rotate(-10deg);width:199px}[data-theme=playful] .sticker-person img{width:174px;height:180px}[data-theme=playful] .sticker-ip{background:#F7DC58;right:0;top:112px;transform:rotate(7deg);width:281px}[data-theme=playful] .sticker-ip img{width:236px;height:242px}[data-theme=playful] .sticker-pet{background:#DBECA9;width:192px;left:35px;bottom:0;transform:rotate(-6deg)}[data-theme=playful] .sticker-pet img{height:180px;width:165px}[data-theme=playful] .sticker-caption{font-family:"Arial Rounded MT Bold","PingFang SC",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.06em}[data-theme=playful] .sticker-ip .sticker-caption{font-size:32px}[data-theme=playful] .hero-note{right:4px;top:-4px;font-weight:600;color:#66654f}[data-theme=playful] .spark-one{top:28px;left:219px;stroke:#F55735;stroke-width:2}[data-theme=playful] .made-for-you{right:7px;bottom:4px}[data-theme=playful] .emotion-ribbon{background:#F7D748;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}[data-theme=playful] .emotion-ribbon span{font-family:var(--sans);font-size:13px;font-weight:650;letter-spacing:.02em}[data-theme=playful] .emotion-ribbon i{color:var(--ink)}[data-theme=playful] .section-heading h2,[data-theme=playful] .pack-copy h2{font-size:37px;line-height:1.45;font-weight:800}[data-theme=playful] .category-tabs{border:1.5px solid var(--ink);border-radius:12px;padding:4px;background:#F7D748}[data-theme=playful] .category-tabs button{border-radius:8px;color:var(--ink);font-weight:550}[data-theme=playful] .category-tabs button[aria-selected=true]{box-shadow:2px 2px 0 var(--ink)}[data-theme=playful] .source-card{border:1.5px dashed #AB9E72;border-radius:18px}[data-theme=playful] .sample-card{border:2px solid var(--ink);border-radius:21px;box-shadow:4px 5px 0 var(--ink)}[data-theme=playful] .sample-card:hover{transform:translate(-2px,-3px);box-shadow:6px 8px 0 var(--ink)}[data-theme=playful] .sample-footer>span:first-child{font-family:var(--sans);font-size:21px;font-weight:800}[data-theme=playful] .how-section{background:#F4EBC9;border-color:#DFD19B}[data-theme=playful] .how-icon{stroke:var(--ink)}[data-theme=playful] .step-number{font-family:var(--sans);font-weight:800;font-size:16px;color:#93845C}[data-theme=playful] .pack-board{border:2px solid var(--ink);border-radius:20px;box-shadow:8px 9px 0 var(--ink)}[data-theme=playful] .emotion-grid>span{font-family:var(--sans);font-weight:750;font-size:17px;border:1px solid #282d4826}[data-theme=playful] .final-cta{background:#F7D748;color:var(--ink);border:2px solid var(--ink);border-radius:23px;box-shadow:6px 7px 0 var(--ink)}[data-theme=playful] .final-cta>.button{background:#F55735;color:white}[data-theme=playful] .cta-spark{stroke:#2a2d482b}[data-theme=playful] .final-cta h2{font-family:var(--sans);font-weight:800}[data-theme=playful] .create-dialog{border:2px solid var(--ink)}[data-theme=playful] .composer-form h2{font-weight:800}[data-theme=playful] .composer-result,[data-theme=playful] .composer-photo{border:1.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink)}
body[data-theme=premium]{--canvas:#FAF9F5;--paper:#FFFFFF;--ink:#243C36;--muted:#7F8580;--line:#D8DED6;--orange:#31584B;--accent:#31584B;--soft:#EAEDE5;--peach:#F0EEE8;--lime:#EDF0E7;--lilac:#ECEDEA;--mint:#EDF0E9;background:var(--canvas)}[data-theme=premium] .brand>svg{fill:transparent;stroke:#31584B;stroke-width:1.3}[data-theme=premium] .brand>span{font-style:normal;font-weight:500;font-family:Georgia,serif;letter-spacing:-1.3px;font-size:32px}[data-theme=premium] .brand small{text-transform:uppercase;font-size:8px;letter-spacing:.1em}[data-theme=premium] .nav{height:100px}[data-theme=premium] .nav nav{font-size:11px;gap:34px;letter-spacing:.05em}[data-theme=premium] .nav-collection{border:1px solid var(--line);border-radius:4px;font-size:11px;background:transparent}[data-theme=premium] .hero{grid-template-columns:.93fr 1.07fr;gap:44px;min-height:650px;padding-top:40px;padding-bottom:40px}[data-theme=premium] .hero h1{font-family:var(--serif);font-size:47px;line-height:1.55;font-weight:400;letter-spacing:-.055em}[data-theme=premium] .hero-copy>.eyebrow{font-size:9px;letter-spacing:.14em;color:#879185;margin-bottom:23px}[data-theme=premium] .hero-copy>.eyebrow>.tiny-dot{width:4px;height:4px;background:#B3BCAD}[data-theme=premium] .underline-word svg{display:none}[data-theme=premium] .hero-description{font-size:12px;line-height:2.1;margin-top:23px;color:#818780}[data-theme=premium] .hero-actions{gap:22px;margin-top:30px}[data-theme=premium] .button{border-radius:4px;min-height:49px;font-size:12px;font-weight:450;padding:12px 22px;gap:24px;box-shadow:none}[data-theme=premium] .button-primary{background:#31584B;color:white}[data-theme=premium] .button-dark{background:#31584B;color:white}[data-theme=premium] .button:hover{background:#244639;transform:none}[data-theme=premium] .button-outline{background:transparent;color:var(--ink)}[data-theme=premium] .text-link{font-size:11px;color:#788276}[data-theme=premium] .hero-notes{border-top:1px solid var(--line);padding-top:19px;margin-top:32px;gap:17px}[data-theme=premium] .hero-notes>span{font-size:8px}[data-theme=premium] .hero-notes .icon{color:#85977C;width:11px;height:11px}[data-theme=premium] .hero-art{height:460px;display:grid;grid-template-columns:1fr 1.17fr 1fr;align-items:center;align-content:center;gap:12px}[data-theme=premium] .hero-art .sticker{position:relative;inset:auto;width:auto;transform:none;box-shadow:none;border:1px solid #D9DED4;border-radius:4px;background:#F0F1EA;padding:14px 8px 19px;align-self:center}[data-theme=premium] .sticker-person{grid-column:1;grid-row:1}[data-theme=premium] .sticker-ip{grid-column:2;grid-row:1;background:#E9EEE4!important;padding-top:22px!important;padding-bottom:25px!important}[data-theme=premium] .sticker-pet{grid-column:3;grid-row:1}[data-theme=premium] .sticker-person img{height:200px;width:100%;object-fit:contain}[data-theme=premium] .sticker-ip img{height:280px;width:100%;object-fit:contain}[data-theme=premium] .sticker-pet img{height:185px;width:100%;object-fit:contain}[data-theme=premium] .sticker-caption,[data-theme=premium] .sticker-ip .sticker-caption,[data-theme=premium] .sticker-pet .sticker-caption{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:.03em;margin-top:15px;white-space:normal;text-align:center}[data-theme=premium] .paper-label,[data-theme=premium] .sticker-tag,[data-theme=premium] .sticker-number,[data-theme=premium] .art-dots,[data-theme=premium] .hero-note,[data-theme=premium] .art-spark,[data-theme=premium] .made-for-you{display:none}[data-theme=premium] .emotion-ribbon{background:#F0F2EC;border-color:#DDE2D8;padding:17px 0}[data-theme=premium] .emotion-ribbon span{font-size:11px;letter-spacing:.1em;color:#7D887B}[data-theme=premium] .emotion-ribbon i{color:#A7B19F;font-size:15px}[data-theme=premium] .section{padding-top:85px;padding-bottom:85px}[data-theme=premium] .section-heading h2,[data-theme=premium] .pack-copy h2{font-size:35px;font-weight:400;line-height:1.6;letter-spacing:-.04em}[data-theme=premium] .eyebrow{font-size:9px;letter-spacing:.16em;color:#879185}[data-theme=premium] .section-heading>p{font-size:11px;line-height:2;color:#8C9189}[data-theme=premium] .category-tabs{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0;border-radius:0;gap:27px}[data-theme=premium] .category-tabs button{font-size:11px;padding:10px 2px;border-radius:0;min-height:40px}[data-theme=premium] .category-tabs button[aria-selected=true]{background:transparent;box-shadow:none;border-bottom:1px solid #31584B;color:#31584B}[data-theme=premium] .sample-grid{gap:17px}[data-theme=premium] .source-card{border-style:solid;border-radius:3px;background:#F4F4EE}[data-theme=premium] .source-frame img{border-radius:0;filter:saturate(.7)}[data-theme=premium] .sample-card{border:1px solid #DEE2D7;border-radius:3px;background:#F0F2EC;box-shadow:none}[data-theme=premium] .sample-card:hover{box-shadow:0 7px 17px #243c3609;transform:translateY(-3px)}[data-theme=premium] .sample-card.sample-lime{background:#EAF0E5}[data-theme=premium] .sample-card.sample-lilac{background:#ECEFE9}[data-theme=premium] .sample-footer>span:first-child{font-size:20px;font-weight:400;letter-spacing:.02em}[data-theme=premium] .animated-pill{border-color:#87917e35;border-radius:3px;color:#809078}[data-theme=premium] .gallery-status .tiny-dot{background:#9CAE8D}[data-theme=premium] .how-section{background:#EEF1E9;border-color:#DDE3D6}[data-theme=premium] .how-grid h3{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:0}[data-theme=premium] .how-grid p{font-size:11px;line-height:2}[data-theme=premium] .how-icon{stroke:#7D9073;stroke-width:1}[data-theme=premium] .how-grid article{border-color:#C8D3BF}[data-theme=premium] .pack-board{transform:none;box-shadow:none;border-radius:4px;background:#F6F7F1;border-color:#D9DFD2}[data-theme=premium] .emotion-grid>span{border-radius:2px;transform:none!important;background:#E8EDDF;font-size:17px;font-weight:400;font-style:normal}[data-theme=premium] .emotion-grid>span:nth-child(3n+2){background:#EEF0E8}[data-theme=premium] .emotion-grid>span:nth-child(3n){background:#E9ECE3}[data-theme=premium] .faq h2{font-size:31px;font-weight:400}[data-theme=premium] .faq-list summary{font-size:12px}[data-theme=premium] .final-cta{background:#31584B;border-radius:3px}[data-theme=premium] .final-cta h2{font-weight:400;font-size:43px;letter-spacing:.01em}[data-theme=premium] .final-cta>div>span{color:#CCD7C4;font-size:12px}[data-theme=premium] .final-cta>.button{background:#E9EDE0;color:#31584B}[data-theme=premium] .cta-spark{display:none}[data-theme=premium] .footer-wordmark{font-style:normal;font-weight:400;font-size:27px}[data-theme=premium] dialog{border-radius:5px}[data-theme=premium] .composer-form h2{font-weight:400}[data-theme=premium] .composer-photo,[data-theme=premium] .composer-result{transform:none;border-radius:3px;box-shadow:none;background:#EEF0E8}[data-theme=premium] .upload-box{border-radius:3px;background:#F4F5EF}[data-theme=premium] .composer-category button{border-radius:3px}[data-theme=premium] .composer-category button.selected{color:#31584B;background:#EAF0E1;border-color:#A8B79A}[data-theme=premium] .style-chip{border-radius:3px}
@media(max-width:1100px){[data-theme=playful] .hero h1{font-size:48px}[data-theme=playful] .sticker-person{width:175px}[data-theme=playful] .sticker-person img{width:150px;height:154px}[data-theme=playful] .sticker-ip{width:238px;top:138px}[data-theme=playful] .sticker-ip img{width:193px;height:207px}[data-theme=playful] .sticker-pet{width:172px;left:23px}[data-theme=playful] .sticker-pet img{width:145px;height:160px}[data-theme=premium] .hero{gap:30px}[data-theme=premium] .hero h1{font-size:40px}[data-theme=premium] .hero-art{gap:8px}[data-theme=premium] .sticker-person img{height:170px}[data-theme=premium] .sticker-ip img{height:245px}[data-theme=premium] .sticker-pet img{height:157px}[data-theme=premium] .sticker-caption{font-size:13px!important}}@media(max-width:900px){[data-theme=playful] .hero h1{font-size:58px}[data-theme=playful] .hero{min-height:0}[data-theme=playful] .hero-art{height:560px}[data-theme=playful] .sticker-person{width:199px;left:0;top:25px}[data-theme=playful] .sticker-person img{width:174px;height:180px}[data-theme=playful] .sticker-ip{width:281px;top:112px}[data-theme=playful] .sticker-ip img{width:236px;height:242px}[data-theme=playful] .sticker-pet{width:192px;left:35px;bottom:0}[data-theme=playful] .sticker-pet img{height:180px;width:165px}[data-theme=premium] .hero{grid-template-columns:1fr;min-height:0;gap:20px}[data-theme=premium] .hero h1{font-size:49px}[data-theme=premium] .hero-art{height:400px;width:560px}[data-theme=premium] .sticker-person img{height:210px}[data-theme=premium] .sticker-ip img{height:280px}[data-theme=premium] .sticker-pet img{height:190px}[data-theme=premium] .sticker-caption{font-size:16px!important}}@media(max-width:620px){.style-switcher{right:10px;bottom:10px;border-radius:10px;padding:4px;gap:1px;font-size:9px}.style-switcher>span{display:none}.style-switcher a{padding:7px 8px;min-height:29px;gap:4px}.style-dot{width:5px;height:5px}.style-switcher>a:last-child{padding-left:9px;margin-left:1px}.preview-badge{bottom:13px;font-size:7px;left:9px;padding:5px 7px}.preview-badge>span:last-child{display:none}[data-theme=playful] .hero{padding-top:40px}[data-theme=playful] .hero h1{font-size:clamp(34px,9.2vw,52px);line-height:1.45}[data-theme=playful] .hero-copy>.eyebrow{font-size:9px;padding:4px 7px}[data-theme=playful] .hero-description{font-size:12px}[data-theme=playful] .hero-art{height:425px}[data-theme=playful] .sticker-person{width:151px;left:0;top:21px;border-radius:16px;box-shadow:4px 5px 0 var(--ink)}[data-theme=playful] .sticker-person img{width:128px;height:134px}[data-theme=playful] .sticker-person .sticker-caption{font-size:17px}[data-theme=playful] .sticker-ip{width:203px;right:0;top:98px;border-radius:16px;box-shadow:4px 5px 0 var(--ink)}[data-theme=playful] .sticker-ip img{width:173px;height:173px}[data-theme=playful] .sticker-ip .sticker-caption{font-size:25px}[data-theme=playful] .sticker-pet{width:147px;left:15px;bottom:4px;border-radius:16px;box-shadow:4px 5px 0 var(--ink)}[data-theme=playful] .sticker-pet img{width:125px;height:140px}[data-theme=playful] .sticker-pet .sticker-caption{font-size:12px}[data-theme=playful] .hero-note{right:0;top:0;font-size:9px}[data-theme=playful] .spark-one{top:25px;left:162px}[data-theme=playful] .section-heading h2,[data-theme=playful] .pack-copy h2{font-size:29px}[data-theme=playful] .sample-footer>span:first-child{font-size:16px}[data-theme=playful] .sample-card{border-radius:15px;box-shadow:3px 4px 0 var(--ink)}[data-theme=playful] .final-cta h2{font-size:33px}[data-theme=premium] .nav{height:80px}[data-theme=premium] .hero{padding-top:42px;padding-bottom:30px;gap:10px}[data-theme=premium] .hero h1{font-size:clamp(31px,8.8vw,47px);line-height:1.65}[data-theme=premium] .hero-copy>.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:16px}[data-theme=premium] .hero-description{font-size:11px;line-height:1.95;margin-top:20px}[data-theme=premium] .hero-art{height:310px;gap:7px;width:100%;margin-top:15px}[data-theme=premium] .hero-art .sticker{padding:10px 4px 13px}[data-theme=premium] .sticker-person img{height:135px}[data-theme=premium] .sticker-ip img{height:210px}[data-theme=premium] .sticker-pet img{height:125px}[data-theme=premium] .sticker-caption{font-size:10px!important;letter-spacing:0!important;margin-top:9px!important}[data-theme=premium] .hero-notes{gap:10px;padding-top:15px;margin-top:26px}[data-theme=premium] .hero-notes>span{font-size:7px}[data-theme=premium] .hero-actions>.button{min-height:46px;font-size:11px;gap:15px;padding:10px 17px}[data-theme=premium] .section{padding-top:55px;padding-bottom:55px}[data-theme=premium] .section-heading h2,[data-theme=premium] .pack-copy h2{font-size:29px}[data-theme=premium] .category-tabs{gap:20px;width:auto}[data-theme=premium] .category-tabs button{font-size:10px;padding:8px 1px}[data-theme=premium] .sample-grid{gap:10px}[data-theme=premium] .sample-footer>span:first-child{font-size:17px}[data-theme=premium] .final-cta h2{font-size:35px}[data-theme=premium] .footer{padding-bottom:57px}}
/* Keep the mascot's actual teal and lavender colors on the bright yellow frame. */
[data-theme=playful] .sticker-ip img{mix-blend-mode:normal;background:#fff;border-radius:12px}
