:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-redwood:#c8482e;--color-brand-coral:#f26d3d;--color-brand-honey:#f3b53d;--color-brand-forest:#236b5c;--color-brand-leaf:#4d9a73;--color-brand-berry:#5b4acb;--color-text-primary:#231a17;--color-text-secondary:#635652;--color-text-subtle:#867975;--color-text-inverse:#fffdf8;--color-bg-canvas:#fffdf8;--color-bg-surface:#fff;--color-bg-soft:#f7f1e8;--color-bg-tinted:#eff7f1;--color-border:#e5d8cb;--color-border-strong:#cdbbaa;--shadow-sm:0 2px 10px #231a1714;--shadow-md:0 10px 28px #231a171f;--shadow-focus:0 0 0 3px #5b4acb2e;--radius-xs:4px;--radius-sm:6px;--radius-card:8px;--radius-control:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-h3:28px;--font-h2:40px;--font-h1:56px;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.26s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-primary:#fff7ec;--color-text-secondary:#d8c8bb;--color-text-subtle:#ad9d91;--color-text-inverse:#171312;--color-bg-canvas:#171312;--color-bg-surface:#211b19;--color-bg-soft:#2b2421;--color-bg-tinted:#1f2c27;--color-border:#473a34;--color-border-strong:#66554d;--shadow-sm:0 2px 10px #0000002e;--shadow-md:0 12px 30px #00000047}}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #eff7f1c7, #fffdf800 360px), var(--color-bg-canvas);color:var(--color-text-primary);margin:0;font-family:Inter,Noto Sans TC,Noto Sans JP,PingFang TC,Hiragino Sans,Yu Gothic,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}img,canvas{max-width:100%;display:block}:focus-visible{box-shadow:var(--shadow-focus);outline:0}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;max-width:1152px;padding-inline:var(--space-4);margin-inline:auto}.appHeader{z-index:20;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-canvas) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.appHeaderInner{align-items:center;gap:var(--space-6);grid-template-columns:auto 1fr auto;min-width:0;min-height:76px;display:grid}.brandLogo{align-items:center;gap:var(--space-2);min-width:max-content;font-size:var(--font-xl);font-weight:950;display:inline-flex}.brandLogo img{object-fit:contain;width:48px;height:48px}.brandLogo em{color:var(--color-brand-coral);font-style:normal}.appNav{justify-content:center;align-items:center;gap:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-sm);min-width:0;font-weight:800;display:flex}.appNav a:hover,.footerLinks a:hover{color:var(--color-brand-redwood)}.appHeaderActions,.heroActions,.resultActions,.accountActions,.cardAction,.authBenefits{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.button{border-radius:var(--radius-pill);min-height:44px;padding:0 var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);transition:transform var(--duration-normal) ease, box-shadow var(--duration-normal) ease, background var(--duration-normal) ease;border:1px solid #0000;font-weight:900;line-height:1;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.58;transform:none}.buttonPrimary{background:var(--color-brand-redwood);color:#fff;box-shadow:0 10px 22px #c8482e38}.buttonSecondary{border-color:var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary)}.buttonSmall{min-height:38px;padding-inline:var(--space-4);font-size:var(--font-sm)}.buttonFull{width:100%}.selectShell{display:inline-flex}.selectControl,.localeSelect,.field input,.field textarea,.field select{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);width:100%;min-height:44px;color:var(--color-text-primary)}.selectControl,.localeSelect{min-width:136px;padding:0 var(--space-4);font-size:var(--font-sm);font-weight:800}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field label,.fieldLegend,.panelSection legend{color:var(--color-text-primary);font-size:var(--font-sm);font-weight:950}.field input,.field textarea,.field select{min-width:0;padding:var(--space-3) var(--space-4)}.field textarea{resize:vertical;min-height:92px}.fieldHint{color:var(--color-text-subtle);font-size:var(--font-xs);line-height:1.5}.marketingHero{border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,#fffdf8f2,#fffdf8b8),url(/brand/product-preview.jpg) 50%/cover no-repeat;min-height:700px;position:relative;overflow:hidden}.heroLayout{align-items:center;gap:var(--space-12);min-height:700px;padding-block:var(--space-12);grid-template-columns:minmax(0,.96fr) minmax(320px,.74fr);display:grid}.eyebrow,.heroKicker{color:var(--color-brand-forest);font-size:var(--font-xs);text-transform:uppercase;font-weight:950}.heroTitle{max-width:760px;margin:var(--space-4) 0;font-size:var(--font-h1);line-height:1.04}.heroBody,.sectionHead p,.featureCard p,.commercialBody,.pricingHero p,.ctaBand p,.authCard p,.legalPage p,.accountCard p{color:var(--color-text-secondary);line-height:1.75}.heroBody{max-width:680px;font-size:var(--font-lg)}.heroBadges,.trustRow{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.heroBadges li,.trustRow span,.chip,.cardBadge,.usageBadge{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:850}.heroBadges li,.trustRow span{padding:var(--space-2) var(--space-3)}.heroStage{place-items:center;min-height:560px;display:grid;position:relative}.heroMascot{object-fit:contain;filter:drop-shadow(0 18px 18px #231a172e);width:min(100%,440px);height:auto}.floatingPhrase{border:1px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-bg-surface);max-width:150px;padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-sm);font-size:var(--font-lg);text-align:center;font-weight:950;position:absolute}.floatingPhrase.one{top:88px;left:0}.floatingPhrase.two{top:132px;right:0}.floatingPhrase.three{bottom:104px;right:18px}.floatingPhrase.four{bottom:82px;left:14px}.signalStrip{background:var(--color-text-primary);color:var(--color-text-inverse)}.signalGrid,.proofGrid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.signalGrid div,.proofGrid div{border-right:1px solid color-mix(in srgb, var(--color-text-inverse) 18%, transparent);flex-direction:column;justify-content:center;min-height:96px;display:flex}.signalGrid div:last-child,.proofGrid div:last-child{border-right:0}.signalGrid strong,.proofGrid strong{font-size:var(--font-h3);line-height:1}.signalGrid span,.proofGrid span{margin-top:var(--space-2);color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent);font-size:var(--font-sm)}.section{padding-block:var(--space-20)}.sectionCompact{padding-block:var(--space-16)}.sectionHead{max-width:760px;margin:0 auto var(--space-10);text-align:center}.sectionHead span{color:var(--color-brand-forest);font-size:var(--font-sm);font-weight:950}.sectionHead h2,.pricingHero h1,.ctaBand h2,.legalPage h1,.accountPage h1{margin:var(--space-3) 0;font-size:var(--font-h2);line-height:1.12}.featureGrid,.stepsGrid,.pricingGrid,.sampleGrid{gap:var(--space-4);display:grid}.featureGrid,.stepsGrid,.pricingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.sampleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.featureCard,.pricingCard,.stickerPreviewCard,.accountCard,.authCard,.studioPanel,.resultPanel,.faq details{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.featureCard,.pricingCard,.accountCard{padding:var(--space-6)}.featureMarker{border-radius:var(--radius-sm);background:var(--color-bg-tinted);width:40px;height:40px;color:var(--color-brand-forest);place-items:center;font-weight:950;display:grid}.featureCard h3,.pricingCard h3,.accountCard h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-xl)}.featureFooter{margin-top:var(--space-4);color:var(--color-brand-forest);font-size:var(--font-sm);font-weight:900}.stickerPreviewCard{min-width:0;padding:var(--space-3);position:relative}.stickerIndex{top:var(--space-3);left:var(--space-3);z-index:1;border-radius:var(--radius-pill);background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-1) var(--space-2);font-size:var(--font-xs);font-weight:950;position:absolute}.stickerArtFrame{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(45deg, #cdbbaa2e 25%, transparent 25%), linear-gradient(-45deg, #cdbbaa2e 25%, transparent 25%), var(--color-bg-soft);background-size:20px 20px;place-items:center;display:grid;overflow:hidden}.stickerArtFrame img,.stickerArtFrame canvas{object-fit:contain;width:100%;height:100%}.stickerPreviewText{justify-content:center;gap:var(--space-1);min-height:54px;padding-top:var(--space-3);text-align:center;flex-direction:column;display:flex}.stickerPreviewText strong{overflow-wrap:anywhere;font-size:var(--font-lg)}.stickerPreviewText small{color:var(--color-text-subtle);font-size:var(--font-xs)}.stickerPreviewFooter{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr auto;display:grid}.stickerPreviewFooter input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);min-width:0;color:var(--color-text-primary);padding:var(--space-2) var(--space-3)}.iconButton{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);min-width:42px;min-height:42px;color:var(--color-text-primary);font-size:var(--font-xl);font-weight:950}.commercialBand,.ctaBand,.pricingNote{border-block:1px solid var(--color-border);background:var(--color-bg-tinted)}.commercialLayout,.ctaLayout{align-items:center;gap:var(--space-10);padding-block:var(--space-16);grid-template-columns:minmax(0,.86fr) minmax(280px,.54fr);display:grid}.commercialList,.checkList{gap:var(--space-3);padding:0;list-style:none;display:grid}.commercialList li,.checkList li{color:var(--color-text-secondary);padding-left:24px;line-height:1.55;position:relative}.commercialList li:before,.checkList li:before{content:"";border-radius:var(--radius-pill);background:var(--color-brand-leaf);width:8px;height:8px;position:absolute;top:.62em;left:0}.pricingCard{flex-direction:column;min-height:100%;display:flex;position:relative}.pricingCardFeatured{border-color:var(--color-brand-berry);box-shadow:var(--shadow-md)}.cardBadge{width:max-content;padding:var(--space-1) var(--space-3);color:var(--color-brand-berry)}.priceLine{align-items:baseline;gap:var(--space-2);margin:var(--space-4) 0;display:flex}.priceLine strong{font-size:var(--font-h2);line-height:1}.priceLine span{color:var(--color-text-subtle);font-weight:800}.cardAction{padding-top:var(--space-5);margin-top:auto}.pricingHero{padding-block:var(--space-16) var(--space-10);text-align:center}.pricingHero p{max-width:760px;margin-inline:auto}.pricingError{margin:0 auto var(--space-10)}.pricingNoteInner{max-width:820px;padding-block:var(--space-10)}.faq{max-width:860px;padding-bottom:var(--space-20)}.faq details{margin:var(--space-3) 0;padding:var(--space-5)}.faq summary{font-weight:950}.faq p{color:var(--color-text-secondary);line-height:1.7}.ctaBand{background:var(--color-text-primary);color:var(--color-text-inverse)}.ctaBand p{color:color-mix(in srgb, var(--color-text-inverse) 76%, transparent)}.studioPage{min-height:100vh}.studioShell{gap:var(--space-5);padding-block:var(--space-8) var(--space-20);grid-template-columns:minmax(320px,380px) minmax(0,1fr);min-width:0;display:grid}.studioPanel,.resultPanel{padding:var(--space-6);min-width:0}.studioPanel{height:max-content;position:sticky;top:96px}.studioPanel h1{margin:var(--space-2) 0;overflow-wrap:anywhere;font-size:34px;line-height:1.12}.studioPanel p{color:var(--color-text-secondary);line-height:1.65}.panelSection{margin:var(--space-5) 0 0;border:0;padding:0}.panelSection legend{margin-bottom:var(--space-3)}.twoCols{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chipRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{max-width:100%;min-height:36px;padding:0 var(--space-3);white-space:normal}.chip.active{border-color:var(--color-brand-forest);background:var(--color-bg-tinted);color:var(--color-brand-forest)}.appearancePanel{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-soft);padding:var(--space-4)}.appearancePanel summary{font-weight:950}.appearanceGrid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.colorField input[type=color]{height:46px;padding:var(--space-1)}.premiumBox,.licenseNotice,.notice{border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);line-height:1.55}.premiumBox{margin-top:var(--space-5);border:1px solid color-mix(in srgb, var(--color-brand-honey) 48%, var(--color-border));background:color-mix(in srgb, var(--color-brand-honey) 16%, var(--color-bg-surface))}.premiumBox strong{margin-bottom:var(--space-1);display:block}.premiumBox small{color:var(--color-text-secondary)}.usageBadge{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);display:flex}.usageBadge strong{color:var(--color-text-primary)}.resultHead{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.resultHead h2{font-size:var(--font-h3);margin:0}.resultHead p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.stickerGrid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.emptyState,.loadingState{text-align:center;min-height:560px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.emptyState img{object-fit:contain;width:240px;height:300px;margin-bottom:var(--space-5);filter:drop-shadow(0 14px 14px #231a171f)}.emptyState h3,.loadingState p{margin:0 0 var(--space-2);color:var(--color-text-primary)}.emptyState p{max-width:420px;line-height:1.7}.spinner{width:48px;height:48px;margin-bottom:var(--space-4);border:5px solid color-mix(in srgb, var(--color-brand-berry) 16%, var(--color-border));border-top-color:var(--color-brand-berry);border-radius:var(--radius-pill);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.errorState,.notice.error{color:#8c2f20;background:#fff1ee;border:1px solid #efb7ad}.notice.success,.licenseNotice.paid{color:#1f6652;background:#eaf8f1;border:1px solid #b9dfcf}.notice.info,.licenseNotice.sample{border:1px solid color-mix(in srgb, var(--color-brand-honey) 52%, var(--color-border));background:color-mix(in srgb, var(--color-brand-honey) 14%, var(--color-bg-surface));color:var(--color-text-primary)}.errorActions{margin-top:var(--space-3)}.noticeLink{margin-top:var(--space-2);font-weight:950;text-decoration:underline;display:inline-flex}.authPage{min-height:calc(100vh - 76px);padding-block:var(--space-16);place-items:center;display:grid}.authLayout{width:100%;max-width:920px;padding-inline:var(--space-4);gap:var(--space-5);grid-template-columns:minmax(0,.82fr) minmax(320px,.68fr);align-items:stretch;display:grid}.authIntro{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-tinted);padding:var(--space-8)}.authIntro h2{margin:var(--space-3) 0;font-size:var(--font-h3)}.authBenefits{margin-top:var(--space-6);align-items:stretch;padding:0;list-style:none}.authBenefits li{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-surface);padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:850}.authCard{padding:var(--space-8)}.authCard h1{margin:var(--space-2) 0;font-size:34px}.authModeTabs{gap:var(--space-2);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.authModeTabs .chip{flex:132px}.authSubmit{margin-top:var(--space-5)}.authAltAction{margin-top:var(--space-3)}.authCard .notice{margin-top:var(--space-4)}.accountPage{padding-top:var(--space-12)}.accountGrid{gap:var(--space-5);padding-block:var(--space-6) var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{margin:var(--space-4) 0;font-size:var(--font-h2);font-weight:950}.metric small{color:var(--color-text-secondary);font-size:var(--font-md)}.appFooter{border-top:1px solid var(--color-border);background:var(--color-bg-soft)}.appFooterInner{gap:var(--space-10);padding-block:var(--space-12);grid-template-columns:minmax(0,1.4fr) minmax(160px,.5fr) minmax(160px,.5fr);display:grid}.footerBrand p,.footerBrand small{color:var(--color-text-secondary);line-height:1.65}.footerLinks{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-sm);flex-direction:column;display:flex}.footerLinks h2{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-md)}.legalPage{max-width:880px;padding-block:var(--space-16) var(--space-20)}.legalPage h2{margin-top:var(--space-8)}.legalPage li{color:var(--color-text-secondary);line-height:1.75}.previewImage{border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%}.siteHeader,.footer{display:contents}@media (max-width:1020px){.appHeaderInner{padding-block:var(--space-3);grid-template-columns:auto auto}.appNav{padding-bottom:var(--space-1);grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.heroLayout,.commercialLayout,.ctaLayout,.authLayout,.studioShell{grid-template-columns:1fr}.heroLayout{gap:var(--space-6)}.heroStage{min-height:420px}.featureGrid,.sampleGrid,.stickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricingGrid,.stepsGrid{grid-template-columns:1fr}.studioPanel{position:static}.appFooterInner,.accountGrid{grid-template-columns:1fr}}@media (max-width:620px){:root{--font-h1:36px;--font-h2:30px;--font-h3:24px}.shell{padding-inline:var(--space-3)}.appHeaderActions .button{display:none}.brandLogo{font-size:20px}.brandLogo img{width:42px;height:42px}.selectControl,.localeSelect{min-width:118px;max-width:142px}.marketingHero,.heroLayout{min-height:auto}.heroLayout{padding-block:var(--space-10)}.heroTitle{font-size:var(--font-h1)}.heroBody{font-size:var(--font-md)}.heroActions,.appHeaderActions,.resultActions,.accountActions{align-items:stretch}.heroActions .button,.resultActions .button,.accountActions .button,.resultActions .localeSelect{width:100%}.heroStage{min-height:360px}.heroMascot{width:min(88%,320px)}.floatingPhrase{max-width:116px;font-size:var(--font-sm)}.floatingPhrase.one{top:36px}.floatingPhrase.two{top:70px}.floatingPhrase.three{bottom:58px}.floatingPhrase.four{bottom:38px}.signalGrid,.proofGrid,.featureGrid,.sampleGrid,.stickerGrid,.twoCols,.appearanceGrid{grid-template-columns:1fr}.signalGrid div,.proofGrid div{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--color-text-inverse) 18%, transparent);min-height:76px}.signalGrid div:last-child,.proofGrid div:last-child{border-bottom:0}.section,.commercialLayout,.ctaLayout{padding-block:var(--space-12)}.studioShell{padding-block:var(--space-5) var(--space-12)}.studioPanel,.resultPanel,.authCard,.authIntro{padding:var(--space-5)}.studioPanel h1{font-size:30px}.resultHead{flex-direction:column}.stickerPreviewFooter{grid-template-columns:1fr}.iconButton{width:100%}.emptyState,.loadingState{min-height:420px}}