*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);letter-spacing:-.025em;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}nav{justify-content:space-between;align-items:center;max-width:1440px;height:78px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand img{object-fit:contain;width:32px;height:32px}.nav-links{color:#777;align-items:center;gap:34px;font-size:13px;display:flex}.nav-links a:hover{color:#111}.nav-cta,.button{background:#242426;border-radius:9px;align-items:center;gap:25px;padding:12px 19px;font-size:13px;font-weight:650;display:inline-flex;color:#fff!important}.hero{max-width:1290px;margin:auto;padding:100px 5% 0}.hero-top{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.eyebrow{color:#918d97;letter-spacing:.13em;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.065em;margin:25px 0 30px;font-size:clamp(48px,6.2vw,82px);font-weight:650;line-height:1.15}.hero-aside{width:255px;padding-bottom:8px}.hero-aside p{color:#8a898c;margin:0 0 22px;font-size:14px;line-height:1.8}.hero-meta{color:#a2a0a4;letter-spacing:.04em;justify-content:space-between;margin:52px 0 16px;font-size:11px;display:flex}.stage{background:#eae8f0 radial-gradient(at 50% 110%,#d8d0e8 0%,#0000 65%);border-radius:16px;min-height:610px;padding:66px 7% 0;position:relative;overflow:hidden}.stage-caption{color:#8e899a;font-size:11px;position:absolute;top:26px;left:28px}.stage-number{color:#8e899a;font-size:11px;position:absolute;top:26px;right:28px}.window{background:#fafafced;border:1px solid #fff9;border-radius:15px 15px 0 0;max-width:980px;margin:auto;overflow:hidden;box-shadow:0 25px 65px #59516c29,0 2px 8px #8f889e22}.window-bar{color:#67666b;border-bottom:1px solid #e5e4e8;justify-content:center;align-items:center;height:52px;font-size:12px;font-weight:650;display:flex;position:relative}.traffic{gap:7px;display:flex;position:absolute;left:19px}.traffic i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.window-bar .hint{color:#aaa;font-size:11px;font-weight:400;position:absolute;right:20px}.workspace{grid-template-columns:44% 56%;min-height:430px;display:grid}.preview-panel{border-right:1px solid #e8e7eb;flex-direction:column;justify-content:space-between;align-items:center;padding:26px;display:flex}.panel-title{color:#999;justify-content:space-between;align-self:stretch;font-size:11px;display:flex}.preview-image{object-fit:contain;filter:drop-shadow(0 13px 10px #756d7c26);width:230px;height:230px}.preview-image.pop{animation:.35s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{0%{opacity:.3;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.file-label{text-align:center;color:#555;margin-top:-10px;font-size:12px}.preview-controls{color:#a4a2a7;background:#f1f0f2;border-radius:11px;width:100%;padding:15px;font-size:11px}.control-row{justify-content:space-between;margin-bottom:10px;display:flex}.control-line{background:linear-gradient(90deg,#f1a4ac,#f5db9e,#a8daa9,#a2c8ec,#c2a7db);border-radius:5px;height:5px}.control-text{justify-content:space-between;padding-top:14px;display:flex}.cover-panel{flex-direction:column;padding:25px;display:flex}.cover-header{justify-content:space-between;align-items:center;font-size:12px;font-weight:650;display:flex}.cover-header small{color:#a8a6ac;font-weight:400}.cover-subtitle{color:#9f9da4;margin:8px 0 17px;font-size:11px;line-height:1.6}.choices{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice{cursor:pointer;color:#777;background:#f0eff2;border:1px solid #0000;border-radius:11px;min-height:120px;padding:8px;font-size:11px;transition:background .2s,border .2s,transform .2s}.choice:hover{background:#e8e5ef;transform:translateY(-2px)}.choice.active{color:#51426e;background:#ede9f6;border-color:#9f8bcf}.choice:focus-visible{outline-offset:2px;outline:3px solid #8670c7}.choice img{object-fit:contain;width:100%;height:85px;display:block}.choice span{display:block}.demo-note{color:#aaa;max-width:1290px;margin:14px auto 0;padding:0 5%;font-size:11px}.intro{grid-template-columns:1fr 2fr;gap:40px;max-width:1290px;margin:auto;padding:160px 5% 145px;display:grid}.section-label{color:#a4a2a4;letter-spacing:.12em;font-size:11px;font-weight:700}.intro h2,.section-title{letter-spacing:-.055em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.35}.collection{max-width:1290px;margin:auto;padding:0 5% 150px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.section-heading p{color:#a3a1a4;max-width:260px;margin:0;font-size:13px;line-height:1.7}.gallery{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gallery-card{background:#f0eef1;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:260px;padding:20px;display:flex;overflow:hidden}.gallery-card img{object-fit:contain;width:100%;height:185px;transition:transform .45s}.gallery-card:hover img{transform:scale(1.08)rotate(-3deg)}.gallery-card span{color:#8e8b91;font-size:11px}.features{max-width:1290px;margin:auto;padding:0 5% 140px}.feature-head{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:40px;padding-top:25px;display:grid}.feature-head h2{margin:0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin:70px 0 0;display:grid}.feature-grid article{border-top:1px solid #dcdadd;padding-top:22px}.feature-grid .index{color:#b5b1b7;font-size:11px}.feature-grid h3{margin:45px 0 12px;font-size:19px;font-weight:600}.feature-grid p{color:#969398;max-width:290px;font-size:13px;line-height:1.9}.closing{text-align:center;background:#eae8f0;padding:110px 20px}.closing h2{letter-spacing:-.06em;margin:18px 0;font-size:clamp(36px,4.4vw,58px);font-weight:600;line-height:1.25}.closing p{color:#96929f;font-size:14px;line-height:1.8}.closing .button{margin-top:16px}.closing small{color:#a7a3af;margin-top:17px;font-size:11px;display:block}footer{color:#aaa;justify-content:space-between;align-items:center;max-width:1290px;margin:auto;padding:34px 5% 50px;font-size:11px;display:flex}footer .brand{color:#525055}footer img{width:28px!important;height:28px!important}@media (max-width:760px){nav{height:68px}.nav-links>a:not(.nav-cta),.nav-links>.nav-soon{display:none}.hero{padding-top:65px}.hero-top{display:block}.hero h1{margin:20px 0;font-size:clamp(42px,10vw,62px)}.hero-aside{width:auto}.hero-meta{margin-top:36px}.stage{min-height:0;padding:45px 12px 0}.stage-caption,.stage-number{top:16px}.stage-caption{left:16px}.stage-number{right:16px}.workspace{grid-template-columns:1fr}.preview-panel{border-bottom:1px solid #e8e7eb;border-right:0;min-height:275px;padding:18px}.preview-image{width:150px;height:150px}.preview-controls{display:none}.cover-panel{padding:18px}.choices{gap:6px}.choice{min-height:95px}.choice img{height:65px}.window-bar .hint{display:none}.intro{grid-template-columns:1fr;gap:22px;padding:100px 5%}.collection{padding-bottom:100px}.section-heading{display:block}.section-heading p{margin-top:20px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery-card{min-height:190px}.gallery-card img{height:130px}.feature-head{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr;gap:25px;margin-top:45px}.feature-grid h3{margin-top:24px}.features{padding-bottom:90px}.closing{padding:80px 20px}footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.hero-top{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.hero-copy{max-width:none}.hero h1{margin:0 0 24px}.hero-aside{width:auto;max-width:480px;padding:0}.hero .stage{margin-top:60px}.feature-grid h3{margin-top:25px}@media (max-width:760px){.hero-top{display:flex}.hero h1{margin:0 0 20px}.hero .stage{margin-top:42px}}.hero{max-width:none;padding:0;position:relative;overflow:hidden}.hero-scene{pointer-events:none;height:720px;position:absolute;top:0;left:0;right:0;overflow:hidden}.orbits{background:repeating-radial-gradient(circle,#0000 0 108px,#5b566321 109px,#0000 110px);border-radius:50%;width:1450px;height:1450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 0%,#000 30% 72%,#0000 78%);mask-image:radial-gradient(circle,#0000 0%,#000 30% 72%,#0000 78%)}.hero-top{z-index:2;justify-content:center;height:720px;padding:0 20px;position:relative}.hero-copy{position:relative}.hero h1{margin-bottom:22px;font-size:clamp(50px,6.4vw,88px);line-height:1.14}.hero-aside p{color:#737078;max-width:410px;margin:0 auto 24px}.hero-aside .button{border-radius:2px;padding:16px 24px}.hero-scene:after{content:"";background:radial-gradient(#fafaf9 20%,#fafaf9d9 50%,#0000 75%);position:absolute;inset:22% 30%}.orbit-item{object-fit:contain;filter:drop-shadow(0 15px 12px #716a7a2a);z-index:1;animation:7s ease-in-out infinite float;position:absolute}.orbit-one{width:210px;top:6%;left:7%;transform:rotate(-13deg)}.orbit-two{width:175px;animation-delay:-2s;top:9%;right:8%}.orbit-three{width:190px;animation-delay:-4s;top:48%;left:4%}.orbit-four{width:190px;animation-delay:-1s;top:48%;right:5%}.orbit-five{width:150px;animation-delay:-3s;bottom:3%;left:24%}.orbit-six{width:155px;animation-delay:-5s;bottom:1%;right:25%}.orbit-seven{width:110px;animation-delay:-2.5s;top:1%;left:46%}@keyframes float{0%,to{translate:0}50%{translate:0 -13px}}.hero .stage{max-width:1170px;margin:0 auto;padding-top:66px}.demo-note{margin-top:14px}@media (max-width:760px){.hero-scene,.hero-top{height:670px}.hero-top{padding:0 25px}.hero h1{font-size:clamp(42px,10vw,60px)}.hero-scene:after{background:radial-gradient(#fafaf9 28%,#fafaf9e8 53%,#0000 77%);inset:25% 7%}.orbit-one{width:125px;top:5%;left:-4%}.orbit-two{width:120px;top:6%;right:-3%}.orbit-three{width:115px;top:57%;left:-5%}.orbit-four{width:120px;top:58%;right:-5%}.orbit-five{width:105px;bottom:0;left:18%}.orbit-six{width:105px;bottom:0;right:17%}.orbit-seven{width:75px;top:0;left:42%}.orbits{width:1000px;height:1000px}.hero .stage{margin:0 12px;padding-top:45px}}.stage{background:0 0}.more-tools{background:#f3f2f8;padding:100px 5% 110px}.more-tools-heading{text-align:center;margin-bottom:42px}.more-tools-heading .eyebrow{color:#8c77c4;margin:0 0 14px;font-size:12px}.more-tools-heading h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(30px,3.3vw,44px);font-weight:650}.moonvy-feature{background:#fff;border:1px solid #e6e4eb;border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 35px #5450630d}.moonvy-feature img{width:100%;height:auto;display:block}.moonvy-feature>span{color:#242426;background:#fffffff0;border:1.5px solid #242426;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 16px #00000024}.tool-card-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.tool-card{background:#fff;border:1px solid #e6e4eb;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.tool-card:hover,.moonvy-feature:hover{transform:translateY(-3px);box-shadow:0 16px 35px #54506318}.tool-card img{object-fit:cover;width:100%;height:140px}.tool-card-copy{flex-direction:column;gap:9px;min-height:145px;padding:20px;display:flex}.tool-card strong{letter-spacing:-.02em;font-size:16px}.tool-card small{color:#96939c;font-size:13px;line-height:1.5}.tool-card em{color:#a5a2ac;justify-content:space-between;margin-top:auto;font-size:12px;font-style:normal;display:flex}.tool-card b{color:#29272f;font-size:16px;font-weight:400}@media (max-width:700px){.more-tools{padding:75px 5%}.tool-card-grid{grid-template-columns:1fr}.tool-card{flex-direction:row}.tool-card img{object-fit:cover;width:38%;height:auto;min-height:140px}.tool-card-copy{flex:1;min-height:140px;padding:16px}.moonvy-feature>span{height:36px;padding:0 16px;font-size:13px;bottom:10px;right:10px}}.more-covers{color:#77717e;border:1px solid #e5e3e9;border-radius:9px;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 13px;font-size:12px;transition:background .2s,color .2s;display:flex}.more-covers:hover{color:#302a38;background:#f1eef5}.more-covers:focus-visible{outline-offset:2px;outline:3px solid #8670c7}.download-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}#download[aria-busy=true] .download-button{cursor:wait}.download-button:focus-visible,.backup-links a:focus-visible,.download-retry:focus-visible{outline-offset:4px;outline:3px solid #8670c7}.backup-downloads{border-top:1px solid #d9d5e2;max-width:460px;margin:34px auto 0;padding-top:24px}.backup-downloads h3{color:#77717e;letter-spacing:0;margin:0 0 13px;font-size:12px;font-weight:600}.backup-links{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.backup-links a,.download-retry{color:#5c4b7d;text-underline-offset:4px;font-size:13px;text-decoration:underline}.backup-links a:hover,.download-retry:hover{color:#30253f}.backup-downloads p{color:#93909b;margin:0;font-size:12px}.download-retry{cursor:pointer;background:0 0;border:0;margin-top:14px;padding:5px}[hidden]{display:none!important}:root{--ink:#181818;--muted:#767676;--line:#dededb;--bg:#f2f2f0;--purple:#8f83b3}body{background:var(--bg);color:var(--ink)}nav{max-width:1440px;height:72px}.nav-links{color:#6d6d6b}.nav-cta,.button{background:#181818;border-radius:10px;box-shadow:0 1px 2px #0002}.hero h1{letter-spacing:-.07em;font-weight:550}.hero h1 span{color:#929290}.hero-aside p{color:#747472}.hero-aside .button{border-radius:10px}.hero-scene:after{background:radial-gradient(#f2f2f0 20%,#f2f2f0dc 50%,#0000 75%)}.orbits{opacity:.62}.orbit-item{filter:drop-shadow(0 14px 14px #4c4b501c)}.window{background:#f8f8f7;border:1px solid #dededc;border-radius:15px;box-shadow:0 16px 55px #27272b14,0 2px 5px #27272b0b}.window-bar{background:#f3f3f2;border-color:#e2e2e0}.workspace{background:#f8f8f7}.preview-panel{border-color:#e5e5e3}.preview-controls,.choice{background:#ededea}.choice.active{background:#e9e7ef;border-color:#a99bc8}.choice:hover{background:#e6e5e8}.more-covers{color:#6d6d6a;border-color:#dededc}.more-covers:hover{background:#ededea}.intro h2 span{color:#a6a6a3}.gallery-card{background:#e9e9e7}.gallery-card:nth-child(2){background:#eee8e9}.gallery-card:nth-child(3){background:#e7ebeb}.gallery-card:nth-child(4){background:#edebe5}.gallery-card,.tool-card{border:1px solid #dfdfdc}.feature-grid article{border-color:#d6d6d3}.closing{background:#e8e8e6}.closing p,.closing small{color:#81817e}.more-tools{background:#eaeae8}.tool-card,.moonvy-feature{box-shadow:none;border-color:#dcdcd9}.tool-card:hover,.moonvy-feature:hover{box-shadow:0 12px 25px #0000000b}.more-tools-heading .eyebrow{color:#8d8796}@media (max-width:760px){.hero-scene:after{background:radial-gradient(#f2f2f0 28%,#f2f2f0e8 53%,#0000 77%)}}.more-tools{color:#000;letter-spacing:normal;background:#fff;padding:138px 20px 120px}.more-tools-inner{max-width:1200px;margin:auto}.more-tools-heading{text-align:center;margin:0 0 60px}.more-tools-heading .more-tools-eyebrow{color:#0000;background:linear-gradient(90.2deg,#64bf8d 43.35%,#5dc551);-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:700;line-height:24px}.more-tools-heading h2{letter-spacing:.005em;margin:12px 0 20px;font-size:36px;font-weight:600;line-height:44px}.more-tools-heading>p:last-child{color:#565955;margin:0;font-size:18px;line-height:30px}.more-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.more-tool{color:inherit;border:1px solid #0000;border-radius:24px;flex-direction:column;align-items:center;padding:32px;transition:box-shadow .2s,border-color .2s;display:flex}.more-tool:hover{box-shadow:0 63px 25px #08073b03,0 36px 21px #08073b05,0 16px 16px #08073b05,0 4px 9px #08073b05}.feature-tool{background:linear-gradient(#f8eeff,#fff8ea);grid-column:1/-1;align-items:stretch}.feature-tool:hover{border-color:#e5dceb}.feature-tool h3{align-items:center;height:70px;margin:0 0 30px;font-size:24px;font-weight:600;display:flex}.feature-tool h3>img:first-child{margin-right:16px}.feature-tool h3 span span{margin-left:.2em}.feature-tool .feature-type{margin-left:auto}.feature-images{gap:16px;display:flex}.feature-images img{width:calc(33.3333% - 10.6667px);max-height:143px}.more-tool:not(.feature-tool){min-height:302px}.tool-cover{justify-content:center;align-items:center;height:100px;display:flex}.tool-cover img{margin-bottom:22px}.more-tool:not(.feature-tool) h3{text-align:center;margin:0;font-size:18px;font-weight:600}.more-tool p{color:#000c;text-align:center;height:80px;margin:0;padding-top:8px;font-size:15px;line-height:1.5}.tool-type{max-width:100%;height:auto}.search-tool{background:linear-gradient(164.9deg,#fdebffe6 .77%,#ffebebe6 90.69%)}.network-tool{background:linear-gradient(286.73deg,#e9f7ff -1.07%,#e8ffea 125.37%)}.kuang-tool{background:linear-gradient(333.61deg,#f7f7f7 -39.32%,#f0edff 104.9%)}.pixel-tool{background:linear-gradient(140.6deg,#f0fff0e6 13.84%,#d8ffcee6 104.26%)}.search-tool:hover{border-color:#f4dbeb}.network-tool:hover{border-color:#cce5db}.kuang-tool:hover{border-color:#ddd5ff}.pixel-tool:hover{border-color:#d9ead5}@media (max-width:800px){.more-tools{padding:80px 20px}.more-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.more-tools-heading h2{font-size:30px}.feature-tool h3{flex-wrap:wrap;gap:10px;height:auto}.feature-tool .feature-type{max-width:150px}.feature-images{gap:8px}.feature-images img{width:calc(33.3333% - 5.33333px)}}@media (max-width:480px){.more-tools-grid{grid-template-columns:1fr}.feature-tool{grid-column:auto}.feature-images{flex-direction:column}.feature-images img{width:100%;max-height:none}.feature-tool h3{font-size:20px}.feature-tool .feature-type{margin-left:0}.more-tools-heading h2{font-size:26px}}.closing{isolation:isolate;min-height:860px;padding:0 20px clamp(360px,46vh,520px);display:flow-root;position:relative;overflow:visible}.closing-content{z-index:2;pointer-events:none;max-width:1120px;margin:0 auto;position:relative}.closing-content a,.closing-content button{pointer-events:auto}.cover-physics{z-index:1;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.closing-content h2,.closing-content p,.closing-content small,.closing-content .backup-downloads,.closing-content .download-shot{pointer-events:none}.closing-content .backup-links a{pointer-events:auto}@media (max-width:700px){.closing{min-height:680px;padding:0 20px 300px}}.real-preview{min-height:0;padding:0 5% 30px;overflow:visible}.real-window{background:#f1f2f7;border-radius:18px;max-width:1120px;margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 55px #25253020,0 2px 8px #25253012}.app-screenshot{width:100%;height:auto;display:block}.real-cover{object-fit:contain;filter:drop-shadow(0 3px 3px #0002);width:14.6%;height:20%;position:absolute;top:25.1%;left:11.8%}.real-cover.pop{animation:.35s cubic-bezier(.2,.8,.2,1) pop}.real-picker{max-width:840px;margin:26px auto 0}.real-picker .cover-subtitle{text-align:center;margin:0 0 14px}.real-picker .choices{grid-template-columns:repeat(6,1fr);display:grid}.real-picker .choice{min-height:100px}.real-picker .choice img{height:70px}@media (max-width:760px){.hero .real-preview{margin:0;padding:0 12px 20px}.real-window{border-radius:10px}.real-picker .choices{grid-template-columns:repeat(3,1fr)}.real-picker .choice{min-height:85px}.real-picker .choice img{height:55px}}.real-window:after{content:"";z-index:1;background:#f1f2f7;width:15.6%;height:21.5%;position:absolute;top:24.5%;left:11.4%}.real-cover{z-index:2}.real-window:after{background:#f1f2f7;width:30%;height:41%;top:22%;left:10%}.real-cover{width:30%;height:41%;top:22%;left:10%}.real-window:after{background:#f2f3f7}.app-demo{min-height:0;padding:0 5% 30px;overflow:visible}.demo-app{background:#f2f3f7;border:1px solid #e2e3e9;border-radius:18px;max-width:1120px;margin:auto;padding:22px;box-shadow:0 20px 55px #2525301c}.demo-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.demo-brand{align-items:center;gap:9px;font-size:17px;display:flex}.demo-brand img{object-fit:contain;width:36px;height:36px}.demo-tabs{background:#e7e8ec;border-radius:30px;padding:4px;display:flex}.demo-tabs button{cursor:pointer;color:#777;background:0 0;border:0;border-radius:25px;padding:8px 24px}.demo-tabs button.active{color:#222;background:#fff;box-shadow:0 1px 3px #0001}.demo-columns{grid-template-columns:1fr 1fr;gap:18px;min-height:500px;display:grid}.demo-left{flex-direction:column;justify-content:space-between;gap:15px;display:flex}.demo-preview{color:#68676c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.demo-icon{aspect-ratio:1;place-items:center;width:min(75%,260px);display:grid;position:relative}.demo-icon img{object-fit:contain;width:100%;height:100%;filter:hue-rotate(var(--hue,0deg))}.demo-icon span{color:#414148;overflow-wrap:anywhere;text-align:center;pointer-events:none;max-width:80%;font-size:32px;font-weight:700;position:absolute;top:52%}.demo-settings,.demo-right{background:#e9eaee;border:1px solid #d9dbe2;border-radius:22px}.demo-settings{gap:12px;padding:16px;display:grid}.folder-select,.demo-actions button{cursor:pointer;color:#555;background:#f4f5f7;border:1px solid #d2d4da;border-radius:12px;padding:10px 13px}.folder-select{text-align:left;justify-content:space-between;display:flex}.hue-label{gap:8px;font-size:12px;display:grid}.hue-label input{accent-color:#8d7ad6;width:100%}.demo-settings input[type=text]{background:#f6f6f8;border:1px solid #d5d7de;border-radius:10px;min-width:0;padding:10px}.demo-actions{justify-content:space-between;display:flex}.demo-right{flex-direction:column;min-width:0;padding:15px;display:flex}.demo-pile,.demo-list{flex:1;min-height:390px;position:relative;overflow:hidden}.demo-pile canvas{touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.demo-list{grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;max-height:430px;display:grid;overflow:auto}.demo-list button{cursor:pointer;aspect-ratio:1;background:#ffffff80;border:0;border-radius:12px}.demo-list img{object-fit:contain;width:100%;height:100%}.demo-bottom{color:#777;border-top:1px solid #d6d8df;justify-content:space-between;align-items:center;gap:10px;padding:12px 0 0;font-size:12px;display:flex}.demo-bottom button{color:#fff;cursor:pointer;white-space:nowrap;background:#9d8cda;border:0;border-radius:25px;padding:10px 16px}.demo-app button:focus-visible,.demo-app input:focus-visible{outline-offset:2px;outline:3px solid #8d7ad6}@media (max-width:700px){.hero .app-demo{margin:0;padding:0 12px 20px}.demo-app{border-radius:14px;padding:12px}.demo-brand{font-size:13px}.demo-brand img{width:28px;height:28px}.demo-tabs button{padding:7px 12px}.demo-columns{grid-template-columns:1fr;gap:12px}.demo-preview{min-height:190px}.demo-icon{width:155px}.demo-settings{padding:12px}.demo-pile,.demo-list{min-height:280px}.demo-list{max-height:300px}.demo-bottom{font-size:10px}}.simple-preview{min-height:0;padding:20px 5% 65px;overflow:visible}.simple-folder{place-items:center;min-height:310px;display:grid}.simple-folder img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 15px #4c4b501c);width:min(320px,65vw)}.simple-folder img.pop{animation:.35s cubic-bezier(.2,.8,.2,1) pop}.simple-options{grid-template-columns:repeat(5,1fr);gap:12px;max-width:650px;margin:15px auto 0;display:grid}.cover-option{cursor:pointer;color:#73736f;background:#ececea;border:1px solid #0000;border-radius:16px;padding:8px 8px 12px;font-size:12px;transition:transform .2s,border-color .2s,background .2s}.cover-option img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.cover-option[aria-pressed=true]{color:#51426e;background:#e9e7ef;border-color:#a99bc8}.cover-option:focus-visible{outline-offset:3px;outline:3px solid #8670c7}@media (max-width:700px){.hero .simple-preview{margin:0;padding:0 16px 45px}.simple-folder{min-height:240px}.simple-options{gap:5px}.cover-option{border-radius:10px;padding:4px 2px 8px;font-size:10px}}.simple-options{gap:10px;max-width:520px}.cover-option{padding:6px 6px 9px}@media (max-width:700px){.simple-folder{min-height:190px}.simple-folder img{width:min(190px,48vw)}.simple-options{gap:5px;max-width:420px}.cover-option{padding:3px 2px 7px}}.simple-preview{padding-top:0}@media (max-width:760px){.hero-scene,.hero-top{height:390px}.simple-folder{min-height:160px}.simple-folder img{width:min(160px,42vw)}.simple-options{margin-top:0}}.hero-scene,.hero-top{height:clamp(300px,42vh,390px)}.simple-folder{min-height:175px}.simple-folder img{width:min(175px,40vw)}@media (max-width:760px){.hero-scene,.hero-top{height:clamp(280px,40vh,350px)}.simple-folder{min-height:145px}.simple-folder img{width:min(145px,38vw)}}.simple-options{margin-top:36px}.hero .simple-preview{padding-bottom:calc(var(--shot-half) + 190px)}@media (max-width:760px){.simple-options{margin-top:24px}.hero .simple-preview{padding-bottom:calc(var(--shot-half) + 130px)}}.simple-folder{flex-direction:column;justify-content:center;display:flex}.simple-folder-name{color:#777773;margin-top:4px;font-size:13px}.simple-options{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#d5d6da8c;border:1px solid #ffffffb8;border-radius:22px;justify-content:center;align-items:flex-end;gap:4px;width:max-content;max-width:100%;padding:7px 10px 8px;display:flex;box-shadow:0 8px 24px #2a2a301f,inset 0 1px #fffc}.cover-option{background:0 0;border:0;border-radius:12px;flex:0 78px;width:78px;padding:0 0 12px;transition:transform .2s;position:relative}.cover-option img{aspect-ratio:1;filter:drop-shadow(0 3px 3px #0002);width:100%}.cover-option span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cover-option:hover{background:0 0;transform:translateY(-5px)scale(1.06)}.cover-option[aria-pressed=true]{background:0 0;border:0}.cover-option[aria-pressed=true]:after{content:"";background:#222;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}@media (max-width:700px){.simple-options{border-radius:17px;gap:1px;padding:5px 6px 6px}.cover-option{flex-basis:clamp(45px,14vw,65px);width:clamp(45px,14vw,65px);padding:0 0 10px}.cover-option[aria-pressed=true]:after{width:4px;height:4px;bottom:2px}}.simple-options{-webkit-backdrop-filter:blur(30px)saturate(150%);background:linear-gradient(145deg,#ffffff9e,#dedee26b);border:1px solid #ffffffd1;border-radius:24px;gap:8px;padding:10px 14px 8px;box-shadow:0 10px 28px #30303617,0 2px 6px #3030360d,inset 0 1px #ffffffe0}.cover-option{flex-basis:70px;width:70px;padding:4px 4px 12px}.cover-option img{filter:drop-shadow(0 3px 4px #00000024);width:100%}.cover-option[aria-pressed=true]:after{width:4px;height:4px;bottom:2px}@media (max-width:700px){.simple-options{border-radius:20px;gap:3px;padding:8px 9px 7px}.cover-option{flex-basis:clamp(42px,12vw,59px);width:clamp(42px,12vw,59px);padding:3px 3px 10px}}.hero h1{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(38px,4.2vw,62px);line-height:1.2}.hero-aside{max-width:570px}.hero-aside p{color:#70706e;max-width:550px;margin:0 auto 28px;font-size:16px;line-height:1.75}.hero-aside .button{padding:14px 22px}@media (max-width:760px){.hero h1{margin-bottom:18px;font-size:clamp(34px,8vw,48px);line-height:1.25}.hero-aside p{margin-bottom:24px;font-size:14px;line-height:1.75}}.hero h1{font-size:clamp(46px,5.2vw,76px)}@media (max-width:760px){.hero h1{font-size:clamp(38px,9vw,56px)}}.hero-aside{width:min(100%,1000px);max-width:1000px}.hero-aside p{text-wrap:pretty;max-width:none}@media (max-width:760px){.hero-aside{width:100%}}.hero-scene .orbits,.hero-scene:after{display:none}.hero{background:#f7f7f6}nav{background:0 0;width:100%;max-width:none}body{background:#f7f7f6}nav{background:0 0;border:0}.hero-top{height:clamp(250px,33vh,310px)}.hero-aside p{margin-bottom:0}@media (max-width:760px){.hero-top{height:clamp(230px,32vh,280px)}}.cover-flight{aspect-ratio:1;perspective:350px;width:min(175px,40vw);position:relative}.simple-folder .cover-flight img{object-fit:contain;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.flight-outgoing{z-index:2;pointer-events:none}.flight-burst{z-index:3;pointer-events:none;position:absolute;inset:0}.flight-burst i{border-radius:50%;position:absolute;top:50%;left:50%}@media (max-width:760px){.cover-flight{width:min(145px,38vw)}}footer .team-credit{color:#98989a;align-items:center;gap:12px;font-size:12px;display:flex}footer .team-credit a{align-items:center;display:inline-flex}footer .team-credit img{display:block;width:94px!important;height:auto!important}footer .team-credit a:focus-visible{outline-offset:4px;outline:2px solid #8670c7}@media (max-width:700px){footer .team-credit{flex-wrap:wrap}}:root{--shot-half:calc(min(1120px,100%) * .280751)}.download-shot{z-index:3;width:100%;margin:calc(var(--shot-half) * -1) auto 34px;position:relative}.download-shot img{border:1px solid #e2e3e9;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 20px 55px #2525301a,0 2px 8px #2525300f}@media (max-width:700px){.download-shot{margin-bottom:26px}.download-shot img{border-radius:10px}}.closing .download-button{isolation:isolate;letter-spacing:-.01em;text-shadow:0 1px 1px #00000073;background:radial-gradient(130% 150% at 50% -25%,#4c4c55 0%,#2c2c31 42%,#1e1e22 72%,#191a1d 100%);border:1px solid #0b0b0d;border-radius:18px;justify-content:center;align-items:center;gap:14px;min-width:320px;margin-top:26px;padding:18px 26px 18px 32px;font-size:17px;font-weight:600;line-height:1.2;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #000000a6,inset 0 -10px 18px -10px #0000008c,0 1px 1px #0e0e1238,0 6px 14px -6px #0e0e1252,0 20px 40px -18px #0e0e1273}.closing .download-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff6b,#fff0);border-radius:1px;height:1px;position:absolute;top:0;left:14px;right:14px}.closing .download-button:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff08 60%,#fff0);border-radius:17px 17px 46% 46%/17px 17px 100% 100%;height:42%;position:absolute;top:1px;left:1px;right:1px}.download-icon{color:#1a1a1d;background:linear-gradient(#fff 0%,#f5f5f7 58%,#e4e4e8 100%);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 1px 1px #0c0c104d,0 3px 8px -3px #0c0c106b,inset 0 1px #fff,inset 0 -2px 3px #00000012,inset 0 0 0 .5px #0000000f}.download-icon svg{filter:drop-shadow(0 .5px #ffffffe6);display:block;transform:translateY(-.5px)}.closing .download-button:hover{background:radial-gradient(130% 150% at 50% -25%,#56565f 0%,#33333a 42%,#24242a 72%,#1e1f23 100%);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,inset 0 -1px #000000a6,inset 0 -10px 18px -10px #00000080,0 1px 1px #0e0e1238,0 10px 22px -8px #0e0e1257,0 28px 52px -20px #0e0e127a}.closing .download-button:active{background:radial-gradient(130% 150% at 50% -25%,#3d3d45 0%,#26262b 45%,#1b1b1f 100%);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000080,inset 0 -1px #ffffff14,0 2px 6px -2px #0e0e124d}.closing .download-button[aria-disabled=true]{filter:saturate(.6);transform:none}.closing .download-button:focus-visible{outline-offset:4px;outline:3px solid #8670c7}@media (max-width:700px){.closing .download-button{border-radius:16px;gap:12px;width:100%;min-width:0;max-width:330px;padding:16px 20px 16px 24px;font-size:16px}.download-icon{border-radius:10px;width:31px;height:31px}}.nav-links{gap:34px}.nav-soon{cursor:default;color:#8a8a88;align-items:center;transition:color .18s;display:inline-flex;position:relative}.nav-soon:hover,.nav-soon:focus-visible{color:#4a4a48}.nav-soon-tip{z-index:20;color:#fff;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#1a1a1df0;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:500;line-height:1.3;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-5px);box-shadow:0 10px 24px -8px #14141880,0 2px 6px #14141833,inset 0 1px #ffffff24}.nav-soon-tip:before{content:"";background:#1a1a1df0;border-radius:2px;width:8px;height:8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,3px)rotate(45deg)}.nav-soon:hover .nav-soon-tip,.nav-soon:focus-visible .nav-soon-tip{opacity:1;visibility:visible;transform:translate(-50%)}.nav-soon:focus-visible{outline-offset:5px;border-radius:6px;outline:3px solid #8670c7}@media (prefers-reduced-motion:reduce){.nav-soon-tip{transition:none}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-lang{color:#6d6d6b;align-items:center;display:inline-flex;position:relative}.nav-lang:after{content:"";opacity:.7;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;position:absolute;top:50%;right:3px;transform:translateY(-70%)rotate(45deg)}.nav-lang select{appearance:none;max-width:132px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 15px 5px 5px;font-size:13px;line-height:1.4}.nav-lang select:hover{color:#111}.nav-lang select:focus-visible{outline-offset:3px;outline:3px solid #8670c7}.nav-lang option{color:#222;background:#fff}@media (max-width:760px){nav{padding:0 16px}.brand{gap:8px;font-size:13px}.brand img{width:26px;height:26px}.nav-links{gap:6px}.nav-cta{white-space:nowrap;gap:6px;padding:10px 12px;font-size:12px}.nav-lang select{max-width:88px;padding-left:2px;font-size:12px}.nav-lang:after{right:0}}@media (max-width:360px){.brand{gap:6px;font-size:12px}.brand img{width:24px;height:24px}.nav-cta{gap:4px;padding:9px 8px;font-size:11px}.nav-lang select{max-width:76px;font-size:11px}}.nav-sound{color:#6d6d6b;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;transition:background .16s,color .16s,transform .16s;display:inline-grid}.nav-sound:hover{color:#26262a;background:#e7e6e8}.nav-sound:active{transform:scale(.92)}.nav-sound:focus-visible{outline-offset:2px;outline:3px solid #8670c7}.nav-sound svg{pointer-events:none;display:block}.nav-sound .sound-slash{display:none}.nav-sound[aria-pressed=false]{color:#a4a3a1}.nav-sound[aria-pressed=false] .sound-wave{display:none}.nav-sound[aria-pressed=false] .sound-slash{display:block}@media (max-width:760px){.nav-sound{width:26px;height:26px}}@media (max-width:360px){.nav-sound{width:24px;height:24px}}@media (max-width:340px){.nav-links{gap:4px}.nav-sound{width:22px;height:22px}.nav-sound svg{width:16px;height:16px}}.cover-option{min-width:0}@media (max-width:700px){.simple-options{width:min(100%,510px)}.cover-option{flex:1 1 0;width:auto}}.cover-score{z-index:3;-webkit-backdrop-filter:blur(16px);color:#777;white-space:nowrap;pointer-events:none;background:#ffffffa8;border:1px solid #ffffffb3;border-radius:24px;align-items:center;gap:18px;padding:9px 15px;font-size:12px;display:flex;position:absolute;bottom:clamp(210px,25vh,310px);left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0000000d}.cover-score strong{color:#252527;font-variant-numeric:tabular-nums;font-size:14px}@media (max-width:700px){.cover-score{gap:10px;font-size:11px;bottom:210px}}.score-fireworks{pointer-events:none;z-index:4;width:0;height:0;position:absolute;top:50%;left:50%}.score-fireworks span{opacity:0;animation:emoji-burst 1.45s cubic-bezier(.16,.75,.3,1) var(--delay) both;font-size:21px;line-height:1;position:absolute;top:0;left:0}@keyframes emoji-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}}@media (prefers-reduced-motion:reduce){.score-fireworks span{opacity:1;transform:translate(calc(-50% + var(--x) * .3),calc(-50% + var(--y) * .3));animation:none}}