:root{--paper:#fffaf5;--surface:#fff;--ink:#20332e;--muted:#5c6862;--orange:#c64629;--orange-hover:#a93820;--line:#dce2da;--forest:#163d35;--serif:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--radius:18px;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol{margin:0}h1,h2{font-family:var(--serif);font-weight:650;letter-spacing:-.025em;line-height:1.3;text-wrap:balance}h1{font-size:clamp(3rem,5.2vw,4.75rem)}h2{font-size:clamp(2rem,3.35vw,3.1rem)}h3{font-size:1.25rem;line-height:1.5;font-weight:650}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}img,video{max-width:100%;display:block}img{height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b44729;outline-offset:5px;border-radius:5px}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:96px}section[id]{scroll-margin-top:100px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--ink);color:white;padding:12px 18px}.skip-link:focus{top:12px}.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-bottom:22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:13px 25px;border:1px solid transparent;border-radius:10px;background:var(--orange);color:white;font-size:1rem;font-weight:650;line-height:1.5;transition:background .16s,transform .16s}.button:hover{color:white;background:var(--orange-hover)}.button-small{min-height:44px;padding:9px 19px;font-size:.875rem}.text-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#bac5bd;text-underline-offset:6px;font-size:.9375rem;font-weight:550}.text-link:hover{text-decoration-color:currentColor}.header{position:sticky;top:0;z-index:20;background:rgb(247 248 244 / 96%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:80px;display:flex;align-items:center;gap:30px}.logo{display:inline-flex;align-items:center;gap:11px;font-size:1.375rem;font-weight:700;white-space:nowrap}.logo img{width:40px;height:40px}.logo small{font-family:Georgia,serif;font-size:.875rem;font-weight:400;margin-left:8px;color:var(--muted)}.nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:.9375rem}.nav a{padding-block:10px}.menu-toggle{border:0;background:transparent;min-width:44px;min-height:44px;padding:12px}.menu-toggle>span:not(.sr-only){display:block;height:1.5px;background:var(--ink);width:22px;margin:6px 0}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding-block:72px 70px;min-height:730px}.hero-copy{padding-bottom:12px}.hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.04em;margin-bottom:25px}.live-mark{font-family:inherit;color:var(--orange);font-weight:650;letter-spacing:.04em}.hero h1 span{color:var(--orange)}.hero-description{font-size:1.125rem;line-height:1.95;color:var(--muted);margin-top:27px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.quiet-points{display:flex;gap:22px;padding:0;list-style:none;font-size:.875rem;color:var(--muted);margin-top:27px;flex-wrap:wrap}.quiet-points li:before{content:"✓";margin-right:6px;color:#58775f}.hero-art{min-width:0;background:white;border:1px solid var(--line);padding:20px 20px 12px;box-shadow:0 15px 48px #24392d0a;border-radius:4px;position:relative}.composition-top{display:flex;gap:12px;justify-content:space-between;font-size:.8125rem;color:var(--muted);margin-bottom:16px}.hero-media{aspect-ratio:6/5;background:#e1e7df;overflow:hidden}.hero-media video{width:100%;height:100%;object-fit:cover}.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px}.hero-art figcaption strong{display:block;font-size:1.375rem;letter-spacing:.1em;font-family:var(--serif)}.hero-art figcaption div>span{font-size:.8125rem;color:var(--muted)}.media-play{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 14px;background:var(--forest);border:0;border-radius:8px;font-size:.875rem;font-weight:600;color:white}.media-play:hover{background:#245446}.play-symbol{font-size:.75rem}.asset-note{color:var(--muted);font-size:.75rem;margin-top:12px}.feature-ribbon{border-block:1px solid var(--line);background:#edf1e9}.feature-ribbon .container{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px;font-size:.9375rem}.feature-ribbon a{font-weight:600;min-height:44px;display:flex;align-items:center;gap:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:42px}.section-intro{max-width:440px;color:var(--muted);font-size:1rem;line-height:1.9}.live-section{background:var(--forest);color:#f7f8f1;padding-block:85px 66px}.live-section .eyebrow{color:#bdd2c5}.live-section .section-intro{color:#d4e0d7}.live-spec{margin-top:18px;font-size:.875rem;color:#b8cfc1}.landscape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.landscape-card{min-width:0}.landscape-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#0e2a24}.landscape-media video{width:100%;height:100%;object-fit:cover}.live-badge{position:absolute;top:14px;left:14px;background:#102e26bf;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.06em;border:1px solid #ffffff4d;border-radius:5px;padding:3px 9px;pointer-events:none}.landscape-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px}.landscape-caption h3{font-size:1.125rem;letter-spacing:.03em}.landscape-caption p{color:#c1d3c7;font-size:.875rem;margin-top:2px}.round-play{background:transparent;color:white;border:1px solid #91b2a2;border-radius:50%;width:46px;height:46px;flex:0 0 46px;font-size:.875rem;display:grid;place-items:center}.round-play:hover{background:#ffffff18}.live-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #ffffff30;padding-top:30px;margin-top:37px;align-items:start}.live-steps{display:flex;gap:22px;list-style:none;padding:0;font-size:.9375rem;flex-wrap:wrap}.live-steps li{display:flex;align-items:center;gap:9px}.live-steps span{color:#b9d1c4;font-family:Georgia,serif}.demo-disclosure{font-size:.8125rem;color:#bdd2c5;line-height:1.85}.mode-tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid var(--line)}.mode-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 22px;font-size:1rem;min-height:54px;color:var(--muted);position:relative;bottom:-1px}.mode-tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:var(--orange);font-weight:650}.mode-tabs button:hover{background:#edf1e9}.mode-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.collage-stage{min-width:0;min-height:440px;max-height:510px;background:#ebefe7;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius)}.collage-stage img{width:100%;height:auto;max-height:420px;object-fit:contain;box-shadow:0 8px 24px #24392d0c}.collage-stage figcaption{font-size:.8125rem;color:var(--muted);margin-top:15px}.collage-stage[data-layout=long-strip]{height:510px;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.collage-stage[data-layout=long-strip] img{width:66%;height:auto;max-height:none;flex-shrink:0}.mode-number{font-family:Georgia,serif;font-size:2rem;color:#778e7d;display:block;margin-bottom:14px}.mode-copy h3{font-size:1.6rem;margin-bottom:16px}.mode-copy>p{color:var(--muted)}.mode-features{padding:0;list-style:none;display:grid;gap:9px;margin-top:24px;font-size:.9375rem}.mode-features li:before{content:"✓";color:#628168;margin-right:10px}.mode-copy .text-link{margin-top:22px;color:var(--orange)}.stickers{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.sticker-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px}.sticker-instruction{padding-left:16px;border-left:2px solid #afc2ad}.sticker-instruction small{font-size:.8125rem;display:block;margin-top:6px}.sticker-copy>.text-link{margin-top:22px;color:var(--orange)}.sticker-playground{border:1px solid var(--line);background:#ebefe7;border-radius:var(--radius);overflow:hidden}.sticker-workspace{position:relative;aspect-ratio:1.24;overflow:hidden;background:#e8ede4}.sticker-paper{position:absolute;left:12%;top:13%;width:76%;padding:13px 13px 15px;background:#fff;transform:rotate(-2deg);box-shadow:0 10px 28px #172a1910}.sticker-photo-pair{display:flex;gap:7px;aspect-ratio:1.55;overflow:hidden}.sticker-photo-pair img{width:calc(50% - 3.5px);height:100%;object-fit:cover}.sticker-paper p{font-family:var(--serif);text-align:center;margin-top:11px;font-size:1rem;letter-spacing:.05em}.placed-stickers{position:absolute;inset:0;pointer-events:none}.placed-sticker{position:absolute;left:var(--x);top:var(--y);width:23%;height:auto;aspect-ratio:1;background:none;border:1px solid transparent;padding:0;transform:translate(-50%,-50%) rotate(var(--angle));pointer-events:auto;touch-action:none;border-radius:10px;cursor:grab}.placed-sticker img{width:100%;height:100%;pointer-events:none;user-select:none}.placed-sticker[aria-pressed=true]{border:1px dashed var(--orange);background:#ffffff28}.placed-sticker.dragging{cursor:grabbing}.sticker-controls{padding:18px 20px 9px;background:#f2f5ef}.sticker-categories{display:flex;gap:7px;margin-bottom:12px}.sticker-categories button{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 15px;min-height:44px;font-size:.875rem;border-radius:7px}.sticker-categories button[aria-pressed=true]{background:white;border-color:var(--line);color:var(--ink)}.sticker-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sticker-tray button{display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:7px;min-height:64px}.sticker-tray button:hover{border-color:#91a58e}.sticker-tray img{width:64px;height:64px;object-fit:contain}.sticker-actions{display:flex;gap:8px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px}.sticker-actions p{font-size:.8125rem;color:var(--muted)}.sticker-actions>div{display:flex;gap:18px}.sticker-actions button{background:none;border:0;padding:5px 0;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.simple-section{background:#edf1e9;padding-block:54px}.simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px}.feature-number{font-size:.8125rem;color:#55705d;letter-spacing:.05em;display:block;margin-bottom:12px}.simple-grid h3{margin-bottom:10px}.simple-grid p{color:var(--muted)}.simple-grid a{font-size:.875rem;margin-top:12px}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:65px;border-bottom:1px solid var(--line)}.story h2{font-size:2rem}.story-copy>p{color:var(--muted)}.story-history{margin-top:16px}.story-history summary{display:flex;align-items:center;gap:14px;min-height:44px;font-size:.9375rem;font-weight:600;cursor:pointer;list-style:none}.story-history summary::-webkit-details-marker{display:none}.story-history ol{list-style:none;padding:15px 0;display:grid;gap:6px;font-size:.9375rem;color:var(--muted)}.story-history li strong{display:inline-block;width:42px;color:var(--ink)}.story-copy>.text-link{font-size:.875rem;color:var(--orange)}.download-section{background:#e6eddf}.download-inner{padding-block:72px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.download-brand{display:flex;align-items:center;gap:13px;font-weight:650;margin-bottom:27px}.download-brand img{width:52px;height:52px}.download-brand small{display:block;font-weight:400;color:var(--muted);font-size:.8125rem}.download-copy h2{margin-bottom:19px}.download-copy>p{color:var(--muted)}.download-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.download-actions .button{min-width:220px}.download-note{font-size:.875rem;margin-top:12px}.install-steps{list-style:none;padding:0;display:grid;gap:18px;margin-top:26px}.install-steps li{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem}.install-steps li>span{display:grid;place-items:center;flex:0 0 26px;height:26px;margin-top:2px;background:white;border-radius:50%;color:#40634b;font-family:Georgia,serif}.install-steps strong{font-weight:550}.install-steps a{text-decoration:underline;text-underline-offset:4px;font-weight:550}.install-steps p{font-size:.875rem;color:var(--muted);margin-top:1px}.share-invitation{border:1px solid #cbd8c3;background:#fbfcf8;border-radius:var(--radius);padding:22px 26px;max-width:440px;width:100%;justify-self:end}.share-invitation summary{list-style:none;font-size:1.125rem;font-weight:650;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px}.share-invitation summary::-webkit-details-marker{display:none}.mobile-share-title,.summary-plus{display:none}.invite-body{display:flex;flex-direction:column;align-items:center;text-align:center}.invite-body>img{width:224px;height:224px;margin-block:15px 13px;image-rendering:pixelated;background:white}.invite-body>p{font-size:.875rem;color:var(--muted)}.invite-address{font-size:.8125rem;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;color:var(--muted);max-width:100%;margin-block:12px 3px}.invite-actions{display:flex;gap:23px;justify-content:center}.invite-actions>*{display:flex;align-items:center;min-height:44px;border:0;background:none;color:var(--orange);font-size:.875rem;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.invite-body p[role=status]:not(:empty){margin-top:12px;font-size:.8125rem}.faq-section{padding-block:70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-section h2{font-size:2rem}.faq-section .text-link{margin-top:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:68px;padding-block:17px;font-size:1rem;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-weight:400;color:#608068;font-size:1.25rem}.faq-list details[open] summary>span,.story-history[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:.9375rem;color:var(--muted);padding-bottom:22px}.faq-list details a{text-decoration:underline;text-underline-offset:4px;color:var(--orange)}.footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-size:.875rem}.footer nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:.8125rem;color:var(--muted)}.screenshot-dialog{padding:20px;border:1px solid var(--line);border-radius:20px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);width:440px;background:var(--paper);color:var(--ink)}.screenshot-dialog::backdrop{background:#142820ab;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dialog-top h2{font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:0}.dialog-close{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);background:white;border-radius:50%;font-size:1.5rem;color:var(--ink)}.dialog-image{width:min(295px,100%);margin:auto;border-radius:22px}.screenshot-dialog>p{text-align:center;font-size:.8125rem;color:var(--muted);margin-top:15px}
@media(min-width:760px){.js .share-invitation summary{cursor:default}.js .menu-toggle{display:none}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav{gap:18px;font-size:.875rem}.header-inner{gap:22px}.hero{gap:35px;min-height:650px;padding-block:55px}.hero h1{font-size:3.4rem}.hero-description{font-size:1.0625rem}.hero-actions{gap:14px}.hero-actions .button{padding-inline:18px}.hero-actions .text-link{font-size:.875rem}.quiet-points{gap:12px;font-size:.8125rem}.hero-art{padding:15px 15px 12px}.composition-top{font-size:.75rem}.hero-art figcaption strong{font-size:1.15rem}.hero-art figcaption div>span{font-size:.75rem}.media-play{padding-inline:10px;font-size:.8125rem}.section{padding-block:76px}.landscape-grid{gap:19px}.landscape-caption p{font-size:.8125rem}.live-bottom{gap:35px;grid-template-columns:1.1fr .9fr}.live-steps{gap:10px 15px;font-size:.875rem}.mode-panel{gap:38px}.stickers{gap:45px}.simple-grid{gap:34px}.download-inner{gap:50px}.share-invitation{padding-inline:18px}.faq-section{gap:40px}}
@media(max-width:759px){.container{width:calc(100% - 40px)}.header-inner{min-height:72px;gap:12px;flex-wrap:wrap;position:relative}.logo{font-size:1.2rem}.logo img{width:36px;height:36px}.logo small{font-size:.8125rem}.nav-cta{margin-left:auto;font-size:.875rem;min-height:44px;padding-inline:16px}.menu-toggle{order:2}.nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px;margin:0;padding-bottom:12px;flex-wrap:wrap}.js .nav{display:none}.js .nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-block:42px 36px}.hero-copy{padding:0}.hero .eyebrow{font-size:.875rem;letter-spacing:0;margin-bottom:18px}.hero h1{font-size:clamp(2.7rem,10vw,3.75rem);line-height:1.32;letter-spacing:-.025em}.hero-description{font-size:1rem;line-height:1.8;margin-top:18px}.desktop-break{display:none}.hero-actions{margin-top:24px;gap:13px 18px}.hero-actions .button{font-size:.9375rem;min-height:52px;padding:12px 18px}.hero-actions .text-link{font-size:.875rem}.quiet-points{font-size:.875rem;gap:10px 18px;margin-top:20px}.hero-art{padding:14px 14px 11px;max-width:560px;width:100%;justify-self:center}.composition-top{font-size:.75rem;margin-bottom:11px;gap:10px}.hero-art figcaption{padding-top:12px;gap:10px}.hero-art figcaption strong{font-size:1.2rem}.media-play{font-size:.875rem;padding:9px 11px}.asset-note{font-size:.75rem;margin-top:10px}.feature-ribbon .container{min-height:64px;font-size:.875rem;gap:12px}.feature-ribbon .container>span:nth-child(2){display:none}.feature-ribbon a{white-space:nowrap;font-size:.875rem}.section{padding-block:58px}.section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:.8125rem;margin-bottom:14px}h2{font-size:2.25rem;line-height:1.4}.section-intro{margin-top:20px;max-width:none;font-size:1rem}.live-section{padding-block:55px 37px}.live-spec{font-size:.875rem;margin-top:13px}.landscape-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px;scrollbar-color:#719586 transparent;scrollbar-width:thin}.landscape-card{flex:0 0 83%;scroll-snap-align:start}.landscape-media{aspect-ratio:4/4.7}.landscape-caption{padding-top:14px}.landscape-caption p{font-size:.875rem}.live-bottom{grid-template-columns:1fr;gap:19px;margin-top:25px;padding-top:21px}.live-steps{font-size:.875rem;gap:10px 17px}.live-steps li{gap:6px}.demo-disclosure{font-size:.8125rem;line-height:1.8}.mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:22px}.mode-tabs button{font-size:.8755rem;padding:11px 2px;min-height:50px}.mode-panel{display:flex;flex-direction:column;gap:25px;align-items:stretch}.collage-stage{min-height:300px;max-height:390px;padding:18px;border-radius:14px}.collage-stage img{max-height:305px}.collage-stage figcaption{font-size:.8125rem;margin-top:12px}.collage-stage[data-layout=long-strip]{height:350px}.collage-stage[data-layout=long-strip] img{width:75%}.mode-copy{position:relative}.mode-number{position:absolute;right:0;top:0;font-size:1.5rem;margin:0}.mode-copy h3{font-size:1.375rem;padding-right:40px;margin-bottom:12px}.mode-features{font-size:.9375rem;gap:7px;margin-top:18px}.mode-copy .text-link{margin-top:15px}.stickers{display:flex;flex-direction:column;gap:27px;align-items:stretch}.sticker-copy>p:not(.eyebrow){margin-top:17px;font-size:1rem}.sticker-instruction small{font-size:.8125rem}.sticker-copy>.text-link{margin-top:14px}.sticker-workspace{aspect-ratio:1.18}.sticker-controls{padding:12px 14px 7px}.sticker-tray{gap:8px}.sticker-tray img{width:57px;height:57px}.sticker-tray button{min-height:66px;padding:5px}.sticker-paper{padding:10px 10px 13px}.sticker-paper p{font-size:.9375rem}.sticker-actions p{font-size:.8125rem}.sticker-actions>div{gap:20px}.simple-section{padding-block:34px}.simple-grid{display:grid;grid-template-columns:1fr;gap:25px}.simple-grid article{border-bottom:1px solid #d4dece;padding-bottom:24px;position:relative;padding-left:43px}.simple-grid article:last-child{border:0;padding-bottom:0}.feature-number{position:absolute;top:3px;left:0;font-size:.875rem}.simple-grid h3{font-size:1.125rem}.simple-grid p{font-size:1rem}.simple-grid a{margin-top:8px}.story{grid-template-columns:1fr;gap:17px;padding-block:43px}.story h2{font-size:1.75rem}.story .eyebrow{margin-bottom:12px}.story-copy>p{font-size:1rem}.story-history{margin-top:12px}.download-inner{grid-template-columns:1fr;gap:25px;padding-block:44px}.download-brand{margin-bottom:22px}.download-copy h2{font-size:2.35rem;line-height:1.3}.download-copy>p{font-size:1rem}.download-actions{margin-top:21px}.download-actions .button{width:100%;min-height:56px}.download-copy>.download-note{font-size:.875rem;margin-top:12px}.install-steps{margin-top:22px;gap:15px}.install-steps li{font-size:.9375rem}.share-invitation{padding:12px 16px;max-width:none;border-radius:12px}.share-invitation summary{justify-content:space-between;font-size:.875rem;font-weight:550;min-height:44px;line-height:1.5}.desktop-share-title{display:none}.mobile-share-title,.summary-plus{display:inline}.share-invitation[open] .summary-plus{transform:rotate(45deg)}.invite-body>img{width:222px;height:222px;margin-top:13px}.invite-address{font-size:.8125rem}.invite-actions{gap:30px}.faq-section{padding-block:44px;grid-template-columns:1fr;gap:22px}.faq-section h2{font-size:1.75rem}.faq-section .text-link{margin-top:12px;font-size:.875rem}.faq-list summary{font-size:.9375rem;min-height:66px}.faq-list details>p{font-size:.9375rem}.footer{padding-block:25px;gap:17px}.footer nav{gap:6px 21px;font-size:.875rem}.footer-bottom{font-size:.75rem;flex-direction:column;gap:4px;padding-top:17px}.dialog-top h2{font-size:.875rem}.screenshot-dialog>p{font-size:.8125rem}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.logo small{display:none}.header-inner{gap:9px}.hero h1{font-size:2.65rem}.hero-actions{gap:10px}.hero-actions .button{font-size:.875rem;padding-inline:13px}.hero-actions .text-link{font-size:.875rem}.quiet-points{gap:10px;font-size:.8125rem}.mode-tabs button{font-size:.875rem}.composition-top{font-size:.75rem}.hero-art figcaption div>span{font-size:.75rem}.media-play{font-size:.8125rem;gap:6px;padding-inline:9px}.live-steps{gap:9px}.share-invitation summary{font-size:.8125rem}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.header,.menu-toggle,video,.media-play,.round-play,.sticker-controls,.placed-stickers,.download-actions,.share-invitation,.screenshot-trigger,.footer nav{display:none!important}.hero-media{background:url('assets/shanhe/shanhe-collage.webp') center/cover}.container{width:100%}.hero,.section,.live-section,.story,.download-inner,.faq-section{padding:22px 0}.live-section{background:white;color:var(--ink)}.live-section p,.live-section .eyebrow{color:var(--muted)}.hero,.mode-panel,.stickers,.story,.download-inner,.faq-section{display:block}.landscape-media{display:none}.landscape-grid{display:flex}.landscape-card{flex:1}.hero-art{max-width:400px}.collage-stage{max-height:380px}.hero-art,.landscape-card,.mode-panel{break-inside:avoid}}

.logo img,.download-brand img{border-radius:23%}

.screenshot-trigger{border:0;padding:0;background:transparent;cursor:pointer}

@media(min-width:760px) and (max-width:950px){.hero h1{font-size:clamp(2.75rem,5.5vw,3.4rem)}}

/* Keep the browsing controls visible even when macOS hides system scrollbars. */
.example-themes{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}
.example-themes button{min-height:44px;padding:7px 21px;border:1px solid #e6dace;background:#fff;border-radius:100px;color:var(--muted)}
.example-themes button[aria-pressed=true]{background:#ffe5df;border-color:#eaa79a;color:#ab3c27;font-weight:650}
.collage-stage{min-height:0;max-height:none;padding:22px;gap:12px;background:#f5ece5}
.collage-stage[data-layout=long-strip]{height:auto;overflow:visible;max-height:none}
.mode-media{display:flex;gap:12px;width:100%;min-width:0;height:385px}
.mode-viewport{min-width:0;flex:1;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#fff8ef;position:relative}
.collage-stage .mode-viewport>img,.collage-stage .mode-viewport>video{width:100%;height:100%;max-height:none;object-fit:contain;flex-shrink:0;box-shadow:none}
.collage-stage[data-layout=long-strip] .mode-viewport{display:block;overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c64629 #f0dfd4;touch-action:pan-y}
.collage-stage[data-layout=long-strip] .mode-viewport>img,.collage-stage[data-layout=long-strip] .mode-viewport>video{width:100%;height:auto;max-height:none;object-fit:contain}
.long-strip-rail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:44px;flex-shrink:0;color:#9b4b35;font-size:.75rem;padding:2px 0;background:#fff2e6;border-radius:100px}
.long-strip-rail input{writing-mode:vertical-lr;direction:ltr;accent-color:#c64629;cursor:pointer;width:36px;flex:1;min-height:0;margin:6px 0;touch-action:none}
.long-strip-rail input:focus-visible{outline:3px solid #c64629;outline-offset:3px;border-radius:20px}
.collage-stage figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;width:100%;font-size:.8125rem}
#long-strip-progress{color:#9b4b35;font-variant-numeric:tabular-nums}
.mode-preview-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%}
.mode-preview-actions .media-play{background:#c64629;color:white;border-color:#c64629;min-height:44px}
.mode-preview-actions>button:not(.media-play){border:1px solid #e0c9b9;border-radius:9px;background:#fffaf5;color:#954c37;min-height:44px;padding:6px 12px;font-size:.8125rem}
.hero-art{background:#fff1e9}
.sticker-workspace{background:#f8e2de}
.sticker-paper{background:#fffaf0}
@media(max-width:759px){.collage-stage{padding:14px;gap:10px}.mode-media{height:340px;gap:7px}.long-strip-rail{width:36px}.long-strip-rail input{width:30px}.mode-preview-actions{gap:6px}.mode-preview-actions>button:not(.media-play){padding-inline:9px}.example-themes button{padding-inline:18px}.hero-art{border-radius:18px}.playground h2{font-size:1.8rem}}

/* Two independent download destinations, visible on desktop and mobile. */
.download-inner{display:block;padding-block:64px}
.download-copy{max-width:760px;margin:0 auto 32px;text-align:center}
.download-copy h2{font-size:clamp(2rem,3.2vw,3rem)}
.download-brand{margin-bottom:22px;justify-content:center;text-align:left}
.download-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:960px;margin-inline:auto}
.download-card{min-width:0;padding:28px 32px 22px;border:1px solid #cbd8c3;border-radius:16px;background:#fbfcf8;text-align:center}
.download-card-store{border-color:#cd9c88;box-shadow:0 6px 24px #5f392008}
.download-card-heading{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.download-card-heading h3{font-size:1.4rem;letter-spacing:-.02em}
.download-badge{font-size:.8125rem;line-height:1.6;padding:3px 10px;background:#e4ece1;color:#355447;border-radius:6px;font-weight:600}
.download-card-store .download-badge{background:#f8e7df;color:#984028}
.download-card-description{color:var(--muted);font-size:.9375rem;margin-top:8px}
.download-qr{display:block;width:224px;max-width:100%;margin:20px auto;background:white}
.download-qr img{width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.download-card .button{display:flex;width:100%;max-width:320px;margin-inline:auto;gap:14px}
.download-card-beta .button{background:var(--forest)}
.download-card-beta .button:hover{background:#245446}
.download-card-note{color:var(--muted);font-size:.875rem;margin-top:12px;min-height:2.6em}
.download-copy-status{font-size:.8125rem;color:var(--muted)}
.download-copy-status:empty{display:none}
.testflight-help{max-width:960px;margin:24px auto 0;border-top:1px solid #cbd8c3;padding-top:14px}
.testflight-help summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;cursor:pointer;list-style:none;font-size:.9375rem;font-weight:550}
.testflight-help summary::-webkit-details-marker{display:none}
.testflight-help[open] summary>span{transform:rotate(45deg)}
.testflight-help .install-steps{margin-top:12px;grid-template-columns:1fr 1.5fr;gap:24px}
@media(max-width:759px){.download-inner{padding-block:44px}.download-copy{margin-bottom:25px}.download-cards{grid-template-columns:1fr;gap:18px}.download-card{padding:24px 20px 18px}.download-card-heading h3{font-size:1.3rem}.download-card-note{min-height:0}.testflight-help .install-steps{grid-template-columns:1fr;gap:16px}.download-card .invite-actions{gap:22px}}
@media print{.download-cards,.testflight-help{display:none!important}}

.download-copy h2 span{display:inline-block}