:root{--paper:#080d20;--ink:#eef3ff;--muted:#9eaec9;--cyan:#67ddf5;--purple:#9e9afb;--gold:#e9c56b;--line:#ffffff13;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;position:relative;isolation:isolate;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:disabled{cursor:default}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.shell{max-width:1280px;margin:auto;padding-inline:48px}
.ambient{position:absolute;inset:0 0 auto;height:1050px;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 16%,#24225260,transparent 48%),radial-gradient(ellipse at 20% 32%,#0d426238,transparent 45%)}
.orb{position:absolute;border-radius:50%;filter:blur(100px)}
.orb-one{width:410px;height:350px;background:#244b9845;top:130px;right:8%}
.orb-two{width:280px;height:280px;background:#5a2d9640;top:380px;right:-130px}
.space-grid{position:absolute;inset:0;background-image:linear-gradient(#8195c808 1px,transparent 1px),linear-gradient(90deg,#8195c808 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 20%,transparent 90%)}
.header{height:112px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center}
.brand img{border-radius:12px;box-shadow:0 0 20px #e9c56b0a}
.brand strong{display:block;font-size:18px;font-weight:600;letter-spacing:1px}
.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px;letter-spacing:2px}
nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#b5bfd7}
nav>a{padding-block:12px}
nav>a:hover{color:white}
.nav-download{border:1px solid #ffffff25;border-radius:30px;padding:11px 19px;color:#eef3ff;background:#ffffff05}
.nav-download span{margin-left:14px;color:var(--cyan)}
.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:34px;padding-top:68px;padding-bottom:90px;min-height:570px}
.intro{font-size:12px;color:var(--cyan);margin:0 0 26px;letter-spacing:1px}
.hero .intro{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.6px}
.intro-light{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #67ddf585}
.hero h1{font-size:clamp(48px,4.9vw,69px);line-height:1.2;letter-spacing:-2px;margin:0 0 29px;font-weight:650}
.hero h1>span{color:#a9eaff;background:linear-gradient(110deg,#92e9ed 10%,#b7b7ff 85%);background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 31px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.primary{display:inline-flex;align-items:center;gap:26px;border:1px solid #c2f5ff40;border-radius:30px;background:linear-gradient(120deg,#9be8f0,#91c2f2);color:#081828;padding:14px 22px;font-size:13px;font-weight:650;box-shadow:0 5px 24px #5ba4c51c;transition:box-shadow .2s,transform .2s}
.primary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.primary:hover{box-shadow:0 6px 30px #68cee93d;transform:translateY(-1px)}
.secondary{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#ced7e9;min-height:44px}
.secondary span{color:var(--cyan)}
.availability{display:flex;gap:13px;flex-wrap:wrap;margin:23px 0 0;font-size:10px;color:#8191af}
.availability span+span:before{content:"";display:inline-block;height:8px;width:1px;background:#ffffff20;margin-right:13px}
.workspace{margin:0 -10px 0 0;position:relative;border:1px solid #a8c9ff35;border-radius:15px;background:#12182c;box-shadow:0 30px 70px #0007,0 0 60px #5359b01a;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg);overflow:visible}
.workspace:before{content:"";position:absolute;inset:22px -13px -14px 20px;border:1px solid #8795cf18;border-radius:16px;z-index:-1}
.workspace:after{content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#83d9f4bb,#b6a5f699,transparent)}
.window-bar{height:37px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #ffffff09;border-radius:15px 15px 0 0;background:#ffffff02}
.window-dots{display:flex;gap:5px}
.window-dots span{width:5px;height:5px;border:1px solid #73839c85;border-radius:50%}
.window-bar p{font-size:9px;margin:auto;color:#99a9c5}
.window-fullscreen{font-size:15px;color:#8493ad}
.workspace>img{display:block;width:100%;height:auto}
.workspace figcaption{height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;padding:0 14px;color:#afbdd4}
.workspace figcaption>span:first-child{display:flex;align-items:center;gap:6px}
.status-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cyan)}
.canvas-tools{font-size:8px;color:#8c9bb8}
.canvas-tools b{margin-inline:7px;color:#4e5e7a;font-weight:400}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding-top:13px;padding-bottom:74px}
.features article{border-top:1px solid #9aadd329;padding-top:24px;display:grid;grid-template-columns:36px 1fr;column-gap:14px}
.feature-icon{display:grid;place-items:center;grid-row:1/3;height:34px;width:34px;color:var(--cyan);border-radius:10px;background:#8cc8f008}
.feature-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
.features article:nth-child(2) .feature-icon{color:#b7b0ff}
.features article:nth-child(3) .feature-icon{color:#d2c18e}
.features h2{font-size:14px;font-weight:550;margin:2px 0 10px;line-height:1.5}
.features p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}
.download-section{position:relative;padding:59px 0 58px;background:linear-gradient(160deg,#11192ed9,#0c1427d9);border-block:1px solid #8ca6d61a}
.download-section:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#7bb5e13d,transparent)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.section-heading .intro{margin-bottom:14px;font-size:11px}
.section-heading h2{font-size:31px;font-weight:550;letter-spacing:-1px;margin:0}
.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 4px}
.download-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:30px;align-items:start}
.platforms{border:1px solid #aac7ff1a;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#a1cbff08,#cbb9ff03)}
.platform{display:flex;align-items:center;gap:17px;padding:27px 25px;border-bottom:1px solid #aec1f315}
.platform-icon{height:51px;width:51px;border-radius:50%;background:#7bc8f00c;border:1px solid #9cd8f31a;display:grid;place-items:center;flex-shrink:0}
.platform-icon svg{width:26px;height:26px;fill:none;stroke:#9bdde9;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.platform[data-platform=windows] .platform-icon{background:#a0a5ed0d;border-color:#a7acf41c}
.platform[data-platform=windows] .platform-icon svg{stroke:#c0beff}
.platform-copy{flex:1;min-width:0}
.platform h3{font-size:19px;font-weight:550;margin:0 0 8px}
.platform h3 span{font-weight:400;color:var(--muted);font-size:10px;margin-left:11px}
.version{font-size:11px;color:#b3c2db;margin:0 0 6px;letter-spacing:.1px}
.platform small{font-size:10px;color:#8798b7}
.download-button{display:flex;justify-content:center;gap:17px;align-items:center;min-height:42px;padding:10px 18px;font-size:12px;color:#bdeafa;background:#719eb616;border:1px solid #9dd7e837;border-radius:25px;white-space:nowrap;transition:background .2s}
.download-button:hover{background:#79bede26}
.download-button.disabled{background:#ffffff06;color:#8998b5;border-color:#ffffff14;cursor:default}
.download-button.disabled:hover{background:#ffffff06}
.download-notice{font-size:11px;line-height:1.8;margin:0;padding:14px 25px;color:#a0adc7}
.retry{margin:0 25px 16px}
.retry,.text-button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--cyan);padding:5px 0;font-size:11px}
.qr-panel{text-align:center;padding:23px 20px;border:1px solid #aac7ff1a;border-radius:18px;background:#93adf006;min-height:265px}
.qr-placeholder{width:116px;height:116px;margin:auto;border-radius:11px;background:linear-gradient(135deg,#151e34,#1c2540);border:1px solid #95badb20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}
.qr-placeholder svg{width:57px;height:57px;stroke:#7d98ba;stroke-width:1.4;fill:none}
.qr-placeholder span{font-size:9px;color:#93a6c3}
.qr-placeholder img{display:block;width:100%;height:100%;padding:7px;background:white;border-radius:10px}
.qr-panel h3{font-size:12px;font-weight:550;margin:16px 0 8px}
.qr-panel p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 10px}
.text-button:disabled{color:#7f90af;border-color:transparent}
.release-notes{font-size:12px;margin-top:25px;padding-top:0}
.release-notes summary{display:inline-flex;align-items:center;gap:11px;color:#b8c9e4;padding:6px 0;min-height:32px}
.release-notes summary:before{content:"＋";color:var(--cyan);font-size:15px}
.release-notes[open] summary:before{content:"−"}
.release-notes ul{padding-left:28px;color:var(--muted);line-height:2.1;font-size:12px}
.release-notes summary span{color:#8294b4;font-size:11px}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding-top:62px;padding-bottom:65px}
.faq .intro{font-size:11px;margin:3px 0 14px;color:#94b0ce}
.faq h2{font-size:25px;line-height:1.5;font-weight:550;margin:0}
.faq details{border-bottom:1px solid #9caed31a;padding:20px 0}
.faq details:first-child{padding-top:3px}
.faq summary{font-size:12px;display:flex;justify-content:space-between;gap:20px;line-height:1.8;color:#c6d0e4}
.faq summary:after{content:"＋";color:#8394b5;font-size:17px}
.faq details[open] summary:after{content:"−"}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.faq p{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 28px 0 0}
.faq p>a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
footer{border-top:1px solid #9caed31a;min-height:96px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8d9db9}
.footer-brand{font-weight:550;color:#c4d0e7}
.footer-brand span{font-weight:400;color:#8191af;margin-left:18px;font-size:10px}
.skip{position:fixed;top:-100px;left:15px;background:#c8edfc;color:#081828;padding:12px;z-index:10}
.skip:focus{top:10px}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:110px;gap:55px}
.hero h1{font-size:76px}
.workspace{margin-right:-15px}
}
@media(max-width:1050px){.shell{padding-inline:32px}
.hero{gap:24px;padding-top:50px;padding-bottom:65px}
.hero h1{font-size:52px}
.lead{font-size:12px}
.hero-actions{gap:15px}
.primary{padding-inline:18px;gap:16px}
.secondary{font-size:11px}
.availability{font-size:9px;gap:9px}
.availability span+span:before{margin-right:9px}
.download-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}
.platform{padding:24px 19px;gap:13px}
.download-button{padding-inline:13px;gap:10px}
.platform h3{font-size:17px}
.platform h3 span{margin-left:8px}
.features{gap:24px}
.features article{grid-template-columns:28px 1fr;gap:10px}
.feature-icon{width:28px;height:28px}
.features h2{font-size:12px}
.features p{font-size:10px}
.canvas-tools{display:none}
.section-heading>p{font-size:11px}
.faq{gap:30px}
}
@media(max-width:760px){.shell{padding-inline:25px}
.header{height:90px}
.brand img{width:37px;height:37px;border-radius:10px}
.brand strong{font-size:15px}
.brand small{font-size:9px}
.brand{gap:10px}
nav{gap:20px;font-size:12px}
nav>a:first-child,nav>.store-nav{display:none}
.nav-download{padding:10px 16px}
.hero{display:flex;flex-direction:column;align-items:stretch;gap:43px;padding-top:41px;padding-bottom:53px;min-height:0}
.hero .intro{font-size:10px;margin-bottom:22px}
.hero h1{font-size:58px;line-height:1.18;letter-spacing:-2px;margin-bottom:24px}
.lead{font-size:13px;line-height:1.9;margin-bottom:24px}
.hero-actions{gap:22px}
.primary{padding:13px 20px;gap:22px;font-size:12px}
.secondary{font-size:11px}
.availability{margin-top:20px;font-size:9px;gap:11px}
.availability span+span:before{margin-right:11px}
.workspace{margin:0 4px 0 0;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);border-radius:12px}
.window-bar{height:29px;padding-inline:10px}
.window-bar p{font-size:8px}
.window-dots span{width:4px;height:4px}
.window-fullscreen{font-size:12px}
.workspace figcaption{height:34px;font-size:8px;padding-inline:10px}
.canvas-tools{display:none}
.ambient{height:1200px;background:radial-gradient(ellipse at 85% 27%,#2b356540,transparent 45%),radial-gradient(ellipse at 8% 16%,#18395735,transparent 40%)}
.orb-one{width:270px;height:270px;top:420px;right:-100px;filter:blur(75px)}
.orb-two{top:150px;width:160px;height:160px;right:-90px;filter:blur(60px)}
.features{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:34px}
.features article{padding:20px 0;border-top:1px solid #9aadd31d;grid-template-columns:32px 1fr;column-gap:16px}
.feature-icon{width:32px;height:32px}
.feature-icon svg{width:23px;height:23px}
.features h2{font-size:13px;margin:0 0 5px}
.features p{font-size:11px}
.features p br{display:none}
.download-section{padding:38px 0}
.section-heading{display:block;margin-bottom:25px}
.section-heading .intro{font-size:10px;margin-bottom:12px}
.section-heading h2{font-size:27px;letter-spacing:-.8px}
.section-heading>p{font-size:11px;margin:13px 0 0}
.download-layout{display:block}
.platforms{border-radius:16px}
.platform{flex-wrap:wrap;gap:13px;padding:22px 19px}
.platform-icon{width:44px;height:44px}
.platform-icon svg{width:25px;height:25px}
.platform-copy{min-width:150px}
.platform h3{font-size:18px;margin-bottom:7px}
.platform h3 span{font-size:10px;margin-left:9px}
.version{font-size:11px}
.platform small{font-size:10px}
.download-button{width:100%;margin-top:4px;min-height:43px;font-size:12px}
.download-notice{padding:14px 19px;font-size:10px}
.qr-panel{margin-top:18px;min-height:0;padding:20px;display:grid;grid-template-columns:101px 1fr;column-gap:22px;text-align:left;align-items:start}
.qr-placeholder{width:101px;height:101px;grid-row:1/4;border-radius:9px}
.qr-placeholder svg{width:47px;height:47px}
.qr-placeholder span{font-size:8px}
.qr-panel h3{margin:5px 0 5px;font-size:12px}
.qr-panel p{margin:0 0 6px;font-size:10px}
.qr-panel .text-button{justify-self:start;font-size:10px}
.release-notes{margin-top:20px}
.faq{display:block;padding-top:40px;padding-bottom:40px}
.faq-heading{margin-bottom:25px}
.faq .intro{font-size:10px;margin-bottom:9px}
.faq h2{font-size:23px}
.faq details{padding-block:17px}
.faq summary{font-size:12px}
.faq p{font-size:11px}
footer{min-height:95px;gap:14px;font-size:10px}
.footer-brand span{display:block;margin:6px 0 0;font-size:9px}
}
@media(max-width:360px){.shell{padding-inline:20px}
.hero h1{font-size:51px}
.hero-actions{gap:17px}
.primary{padding-inline:16px;gap:16px}
.secondary{font-size:10px}
.availability{font-size:8px;gap:8px}
.availability span+span:before{margin-right:8px}
.section-heading h2{font-size:25px}
.qr-panel{column-gap:16px;padding:17px}
.platform{padding-inline:16px}
.platform-copy{min-width:125px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
*{animation:none!important;transition:none!important;transform:none!important}
}

/* Static light fields and a perspective grid frame the real editing canvas. */
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;width:60%;height:80%;right:-4%;top:7%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#436ad826 5%,#663cc11a 45%,transparent 72%);filter:blur(20px);pointer-events:none}
.workspace{box-shadow:0 30px 70px #0007,15px -10px 65px #7764d316,-15px 8px 65px #359bb21a}
.space-grid:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 15%,#b8dfff7a 0 1px,transparent 1.5px),radial-gradient(circle at 83% 19%,#a2bbef75 0 1px,transparent 1.5px),radial-gradient(circle at 92% 54%,#a2bbef75 0 1px,transparent 1.5px),radial-gradient(circle at 4% 59%,#a2bbef55 0 1px,transparent 1.5px)}

.hero:before{right:0}
.button-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nav-download{display:inline-flex;align-items:center;gap:8px}
.nav-download .button-label{margin:0;color:inherit}
.primary{gap:9px}.primary>svg:last-child{margin-left:12px}
.download-button{gap:9px}.download-button>span{margin-left:5px}
.platform.recommended{background:linear-gradient(90deg,#6fbcd00c,transparent)}
.platform[data-platform=mac] .platform-icon svg{stroke:#d2d5ec}
@media(max-width:760px){.nav-download .button-label{font-size:10px}.nav-download{gap:6px;padding-inline:12px}.nav-download .button-icon{width:15px;height:15px}.primary{gap:8px}.primary>svg:last-child{margin-left:6px}}
@media(max-width:360px){.hero-actions{gap:12px}.primary{font-size:11px;padding-inline:14px}.secondary{font-size:10px}.header{gap:12px}.nav-download{padding-inline:9px}}