:root{color-scheme:dark;--bg:#050506;--surface:#0a0a0c;--surface-2:#101014;--text:#f7f7f8;--muted:#a6a6af;--faint:#6f6f78;--line:#24242a;--orange:#ff8a24;--pink:#ec2b91;--blue:#168cff;--green:#5bdf78;--shell:1280px;--radius:16px;--ease:cubic-bezier(.2,.8,.2,1);--island-duration:.55s;--showcase-background:radial-gradient(ellipse at 50% 110%,#0a4b99,#071629 44%,#08090c 75%);--island-background:#040405;--island-border:#29292f;--island-shadow:0 15px 40px #000b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;background:white;color:black;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid #fff;outline-offset:4px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(#050506 20%,rgba(5,5,6,.82));border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:680;letter-spacing:-.02em}.brand img{border-radius:10px}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-links a,.site-footer nav a{font-size:14px;color:#c3c3ca;transition:color .18s}.nav-links a:hover,.site-footer nav a:hover{color:white}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:9px;font-size:15px;font-weight:630;transition:transform .2s var(--ease),border-color .2s,background .2s}.button:hover{transform:translateY(-2px);border-color:#4a4a54}.button-small{min-height:40px;padding-inline:17px}.button-outline{border-color:#595963}.button-primary{position:relative;background:linear-gradient(110deg,var(--orange),var(--pink) 52%,var(--blue));border:0;color:white;box-shadow:0 16px 50px rgba(236,43,145,.18)}.button-primary:before{content:"";position:absolute;inset:1px;border-radius:8px;background:linear-gradient(#ffffff25,transparent);pointer-events:none}.button-primary svg{width:19px;fill:currentColor}.button-ghost{background:#0b0b0d}
.hero{min-height:760px;padding:148px 0 92px;display:grid;grid-template-columns:.92fr 1.28fr;align-items:center;gap:44px}.hero-copy{align-self:center}.hero h1{margin:0 0 24px;font-size:clamp(48px,4.8vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:690}.hero-copy>p{max-width:460px;margin:0 0 30px;color:var(--muted);font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:12px}.stable-line{display:flex!important;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:18px!important;font-size:13px!important;color:var(--faint)!important;white-space:nowrap}.release-live-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.release-live-copy{display:block;min-width:0;width:auto;height:auto;background:none;box-shadow:none}
.desktop-demo{position:relative;aspect-ratio:1.35;background:radial-gradient(circle at 55% 70%,#0c3974 0,#07203f 26%,#07121f 51%,#08090d 76%);border:1px solid #35353d;border-radius:16px;overflow:hidden;box-shadow:0 38px 100px #000,0 0 0 7px #0a0a0c}.desktop-demo:after{content:"";position:absolute;inset:33px 0 0;background:radial-gradient(ellipse at 80% 95%,#1c6bd448,transparent 38%),linear-gradient(120deg,transparent 42%,#168cff12);pointer-events:none}.screen-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#0d0e12;border-bottom:1px solid #272931;color:#6f727d;font-size:11px}.screen-bar i{width:7px;height:7px;border-radius:50%;background:#30323a}.screen-bar span{margin-left:auto}.island{position:absolute;z-index:8;top:46px;left:50%;width:190px;height:52px;translate:-50% 0;border-radius:27px;background:#040405;border:1px solid #212127;display:flex;align-items:center;padding:7px 12px;gap:9px;box-shadow:0 16px 40px #0009;transition:width var(--island-duration) var(--ease),height var(--island-duration) var(--ease),border-radius var(--island-duration) var(--ease),border-color .3s}.island img{width:28px;height:28px;border-radius:7px}.island-label{font-size:12px}.island-count{margin-left:auto;color:#9a9aa3;font-size:11px}.desktop-demo[data-state="ready"] .island{width:250px;border-color:#5f5f6c}.desktop-demo[data-state="ready"] .island-label{font-size:0}.desktop-demo[data-state="ready"] .island-label:after{content:attr(data-drop-label);font-size:14px;font-weight:650}.desktop-demo[data-state="expanded"] .island{width:410px;height:315px;border-radius:18px;opacity:0}.desktop-file{position:absolute;z-index:7;left:23%;bottom:26%;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#f2f2f4;animation:fileDrag 7s var(--ease) infinite}.desktop-file svg{width:42px;height:48px}.desktop-file svg path:first-child{fill:#d73b43}.desktop-file svg path:not(:first-child){fill:none;stroke:#fff;stroke-width:3}.drop-trail{position:absolute;z-index:6;left:calc(50% - 1px);top:103px;width:2px;height:200px;background:repeating-linear-gradient(to bottom,#ffffff70 0 5px,transparent 5px 11px);opacity:.55}.space-popover{position:absolute;z-index:9;top:54px;left:50%;translate:-50% 0;width:410px;padding:18px;background:#0a0a0df7;border:1px solid #3c3c45;border-radius:18px;box-shadow:0 26px 70px #000;opacity:0;transform:translateY(-18px) scale(.92);pointer-events:none;transition:var(--island-duration) var(--ease)}.desktop-demo[data-state="expanded"] .space-popover{opacity:1;transform:none}.popover-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}.popover-head>div{display:flex;flex-direction:column}.popover-head span,.file-row small{color:#8e8e98;font-size:11px}.popover-head b{font-size:11px;color:#9a9aa3}.file-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #202026}.file-row>div{display:flex;flex-direction:column}.file-row strong{font-size:12px}.file-row i{font-style:normal;color:#777780;font-size:10px}.file-type{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:750}.pdf{background:#4e171a;color:#ff737a}.image{background:#123b28;color:#6be7a3}.doc{background:#183355;color:#69aaff}.safe-note{display:block;margin-top:11px;color:#7e7e87}.demo-caption{position:absolute;z-index:5;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);padding:16px 20px;background:#090a0de8;border-top:1px solid #25262d;font-size:11px;color:#acacb4}.demo-caption span{text-align:center}
@keyframes fileDrag{0%,12%{left:23%;bottom:26%;opacity:1;transform:none}38%,53%{left:47%;bottom:76%;opacity:1;transform:scale(.9)}57%,78%{left:47%;bottom:76%;opacity:0;transform:scale(.75)}82%,100%{left:23%;bottom:26%;opacity:1}}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}section{padding-block:112px}.section-index{margin:0 0 28px!important;color:#8f8f99!important;font-size:11px!important;font-weight:680!important;letter-spacing:.16em!important}.section-copy h2,.section-heading h2,.download h2,.whats-new h2,.open-source h2{margin:0 0 24px;font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-.045em}.section-copy>p:last-child,.section-heading>p:last-child,.open-source>div>p{color:var(--muted);max-width:510px;font-size:17px}.temporary{display:grid;grid-template-columns:.48fr 1.52fr;gap:70px;align-items:center}.reference-flow{display:grid;grid-template-columns:1.5fr 100px .9fr;gap:14px;align-items:center;position:relative}.explorer-window{border:1px solid #35353c;border-radius:12px;overflow:hidden;background:#0c0c0f;box-shadow:0 25px 60px #000}.window-title{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#121217;border-bottom:1px solid #2b2b31}.window-title span{width:7px;height:7px;background:#3b3b42;border-radius:50%}.window-title b{margin-left:10px;font-size:10px;color:#92929b}.explorer-body{display:grid;grid-template-columns:92px 1fr;min-height:245px;font-size:10px}.explorer-body aside{padding:16px 12px;line-height:2.05;color:#888892;border-right:1px solid #28282d}.explorer-body aside strong{color:white}.files{padding:13px}.files small,.files p{display:grid;grid-template-columns:1fr 65px;align-items:center}.files small{color:#6f6f78;border-bottom:1px solid #242429;padding:0 8px 8px}.files i{font-style:normal;color:#6e6e77}.files p{padding:6px 8px;margin:0;border-bottom:1px solid #17171b}.mini-file{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:4px;font-size:8px}.flow-arrow path{fill:none;stroke:url(#none);stroke:#3b8eff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 7}.reference-card{display:flex;align-items:center;gap:11px;padding:14px;background:#0e0e12;border:1px solid #35353d;border-radius:12px}.reference-card>div{display:flex;flex-direction:column}.reference-card strong{font-size:12px}.reference-card small{font-size:9px;color:#81818b}.source-safe{position:absolute;right:0;bottom:-76px;display:flex;align-items:center;gap:10px;color:#aaaab2}.source-safe svg{width:30px;height:30px;padding:5px;border:1px solid #387bff;border-radius:50%}.source-safe path{fill:none;stroke:#65a0ff;stroke-width:2}.source-safe span{display:flex;flex-direction:column}.source-safe strong{font-size:11px}.source-safe small{font-size:9px;color:#707079}
.split-heading{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:40px}.mode-stage{margin-top:50px}.island-showcase-label{display:inline-grid;grid-template-columns:8px auto;align-items:center;column-gap:10px;margin-bottom:18px;padding:10px 14px;border:1px solid #29292f;border-radius:999px;background:#0c0c0f}.island-showcase-label>span{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.island-showcase-label strong{font-size:12px}.island-showcase-label small{font-size:9px;color:#85858e}.mode-screen{position:relative;height:420px;background:var(--showcase-background);border:1px solid #34343b;border-radius:16px;overflow:hidden}.mode-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 42% 100%,#168cff30,transparent 45%)}.mode-overlay{position:absolute;z-index:2;top:42px;background:var(--island-background);border:1px solid var(--island-border);box-shadow:var(--island-shadow)}.mode-overlay.compact{left:12%;width:220px;height:58px;border-radius:30px;display:flex;align-items:center;padding:9px 15px;gap:10px}.mode-overlay.compact img{width:28px;border-radius:7px}.mode-overlay.compact span{font-size:12px}.mode-overlay.compact b{font-size:11px;margin-left:auto;color:#94949d}.mode-overlay.ready{left:50%;translate:-50%;width:280px;height:70px;border-radius:35px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-overlay.ready>span{position:absolute;left:22px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.mode-overlay.ready strong{font-size:14px}.mode-overlay.ready small{color:#85858e;font-size:10px}.mode-overlay.expanded{right:7%;width:330px;height:265px;border-radius:18px;padding:18px}.mode-overlay.expanded>div:first-child{display:flex;justify-content:space-between}.mode-overlay.expanded small{color:#85858e;font-size:10px}.tiny-rows{display:flex!important;flex-direction:column;gap:5px;margin-top:18px}.tiny-rows span{padding:10px;background:#ffffff09;border-radius:7px;font-size:11px}.state-labels{position:absolute;z-index:2;inset:auto 0 22px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#8d8d96;font-size:11px}
.clipboard{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:center}.duplicate-rule{margin-top:32px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:9px 16px;align-items:center}.duplicate-rule>div{display:flex;align-items:center;gap:7px}.duplicate-rule code{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--orange);border-radius:5px;color:var(--orange)}.duplicate-rule code.blue{border-color:var(--blue);color:var(--blue)}.duplicate-rule small{color:#888891;font-size:11px}.clipboard-window{background:#0b0b0e;border:1px solid #3a3a42;border-radius:14px;overflow:hidden;box-shadow:0 35px 80px #000}.clipboard-title,.filter-row,.clip-row{display:flex;align-items:center}.clipboard-title{justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.clipboard-title>div{display:flex;gap:17px;color:#9999a2}.filter-row{gap:20px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:11px;color:#85858e}.filter-row b{padding:5px 10px;border-radius:6px;background:#292930;color:white}.filter-row i{margin-left:auto;font-style:normal}.clip-row{display:grid;grid-template-columns:39px 1fr auto;gap:12px;padding:13px 18px;border-bottom:1px solid #1d1d22}.clip-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#1c1c22}.clip-icon.text{color:#ff777d}.clip-icon.link{color:#51a2ff}.clip-icon.image{color:#67dfa1}.clip-icon.file{color:#c68cff}.clip-row>div{display:flex;flex-direction:column}.clip-row strong{font-size:13px}.clip-row small{color:#777781;font-size:10px}.clip-row>b{color:#8d8d95}
.drag .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.drag .section-heading .section-index{grid-column:1/-1}.drag .section-heading p:last-child{align-self:end}.drag-rail{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.drag-rail>div{min-height:210px;padding:25px;display:flex;flex-direction:column;position:relative;border-right:1px solid var(--line);background:linear-gradient(155deg,#0e0e12,#08080a)}.drag-rail>div:last-child{border:0}.drag-rail span{font-size:12px;color:var(--muted)}.drag-rail strong{color:#6aa9ff;font-size:14px}.drag-rail i{margin:auto}.mini-island{width:145px;height:40px;background:#020203;border:1px solid #34343b;border-radius:23px}.mini-expanded,.mini-window{width:160px;padding:12px;background:#070709;border:1px solid #34343b;border-radius:12px;display:flex;flex-direction:column;gap:5px}.mini-expanded b,.mini-window b{height:22px;background:#17171c;border-radius:5px}.mini-window{border-radius:6px}.feature-rail{display:grid;grid-template-columns:repeat(6,1fr);margin-top:24px;border-block:1px solid var(--line);padding-block:24px}.feature-rail span{min-height:64px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border-right:1px solid var(--line);font-size:12px;text-align:center}.feature-rail span:last-child{border:0}.feature-rail b{font-size:23px;font-weight:400;background:linear-gradient(135deg,var(--orange),var(--pink),var(--blue));background-clip:text;color:transparent}
.download{display:grid;grid-template-columns:.55fr 1.45fr;gap:100px}.download-intro>p:not(.section-index){margin:8px 0;color:var(--muted)}.download-intro>a{display:flex;justify-content:space-between;max-width:230px;padding:12px 0;border-bottom:1px solid var(--line);color:#cbcbcf;font-size:13px}.download-options{display:flex;flex-direction:column;gap:12px}.download-card{position:relative;min-height:132px;display:grid;grid-template-columns:72px 1fr 48px;align-items:center;gap:20px;padding:20px 24px;background:#09090b;border:1px solid #2b2b31;border-radius:14px;transition:.2s var(--ease)}.download-card:hover{transform:translateY(-2px);background:#0d0d10;border-color:#50505a}.download-card.recommended{border-color:transparent;background:linear-gradient(#09090b,#09090b) padding-box,linear-gradient(120deg,var(--blue),var(--pink),var(--orange)) border-box}.download-card img{width:66px;height:66px;border-radius:12px}.download-card>div{display:flex;flex-direction:column}.download-card strong{font-size:20px}.download-card span{color:#b6b6be}.download-card small{color:#707079;margin-top:7px}.download-card>b{width:46px;height:46px;display:grid;place-items:center;border:1px solid #35353c;border-radius:9px;font-size:24px}.download-card em{position:absolute;right:20px;top:13px;color:#ff6ab2;font-style:normal;font-size:8px;letter-spacing:.12em}.download-icon{width:62px;height:62px;display:grid!important;place-items:center;border:1px solid #303037;border-radius:12px;color:#589fff!important;font-size:30px}
.whats-new,.open-source{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:start}.release-title{font-size:21px;background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange));background-clip:text;color:transparent}.whats-new>div:first-child>p:last-child{color:#7f7f88}.release-list,.release-highlights{display:flex;flex-direction:column}.release-highlights>span{position:relative;padding:15px 15px 15px 35px;border-bottom:1px solid var(--line)}.release-highlights>span:before{content:"✦";position:absolute;left:2px;color:#c65fff}.release-list .button{align-self:flex-start;margin-top:25px}.open-source>div:last-child>p{margin-top:24px;color:#777780}.faq{display:grid;grid-template-columns:.48fr 1.52fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{position:relative;padding:19px 44px 19px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;color:#8c8c95;font-size:20px;font-weight:400}details[open] summary:after{content:"−"}details p{max-width:780px;margin:0;padding:0 50px 20px 0;color:var(--muted);font-size:14px}.site-footer{border-top:1px solid var(--line);padding:42px 0}.footer-inner{display:flex;align-items:center;gap:40px}.site-footer nav{display:flex;gap:28px;margin-left:auto}.site-footer p{color:#777780;font-size:12px}
@media(max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-copy .actions{justify-content:center}.stable-line{justify-content:center}.temporary,.clipboard,.download,.whats-new,.open-source,.faq{grid-template-columns:1fr;gap:50px}.section-copy h2 br,.download h2 br{display:none}.reference-flow{margin-bottom:70px}.split-heading{grid-template-columns:1fr}.mode-overlay.compact{left:4%}.mode-overlay.expanded{right:3%;width:300px}.feature-rail{grid-template-columns:repeat(3,1fr)}.feature-rail span:nth-child(3){border-right:0}.feature-rail span:nth-child(-n+3){border-bottom:1px solid var(--line)}.footer-inner{flex-wrap:wrap}.site-footer nav{order:3;width:100%;margin:0}.site-footer p{margin-left:auto}}
@media(max-width:680px){.shell{width:min(calc(100% - 36px),var(--shell))}.nav{height:68px}.nav .button{font-size:0;width:42px;padding:0}.nav .button:after{content:"↓";font-size:18px}.hero{padding-top:112px;gap:42px;min-height:auto}.hero h1{font-size:46px}.hero-copy>p{font-size:17px}.actions{flex-direction:column}.actions .button{width:100%}.desktop-demo{aspect-ratio:.88}.screen-bar{height:30px}.island{top:42px}.desktop-file{left:18%;bottom:22%}.drop-trail{height:260px}.space-popover{width:calc(100% - 30px)}.demo-caption{grid-template-columns:1fr;gap:2px}.demo-caption span:not(:nth-child(2)){display:none}@keyframes fileDrag{0%,12%{left:18%;bottom:22%;opacity:1}38%,53%{left:43%;bottom:78%;opacity:1}57%,78%{left:43%;bottom:78%;opacity:0}82%,100%{left:18%;bottom:22%;opacity:1}}section{padding-block:80px}.section-copy h2,.section-heading h2,.download h2,.whats-new h2,.open-source h2{font-size:42px}.reference-flow{display:block}.flow-arrow{width:70px;margin:20px auto;rotate:90deg}.reference-card{max-width:250px;margin:auto}.explorer-window{min-width:0}.source-safe{position:static;margin:24px auto 0;width:max-content}.mode-screen{height:660px}.mode-overlay.compact{top:38px;left:50%;translate:-50%;width:220px}.mode-overlay.ready{top:150px}.mode-overlay.expanded{top:270px;right:auto;left:50%;translate:-50%;width:calc(100% - 46px)}.state-labels{display:none}.drag .section-heading{grid-template-columns:1fr}.drag-rail{grid-template-columns:1fr}.drag-rail>div{border-right:0;border-bottom:1px solid var(--line)}.feature-rail{grid-template-columns:repeat(2,1fr)}.feature-rail span:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-rail span:nth-child(2n){border-right:0}.download-card{grid-template-columns:52px 1fr 38px;padding:16px;gap:14px}.download-card img,.download-icon{width:50px;height:50px}.download-card strong{font-size:17px}.download-card span{font-size:13px}.download-card em{display:none}.open-source .actions{flex-direction:column}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr)}.site-footer p{margin:0}.footer-inner{align-items:flex-start}.clipboard-window{font-size:12px}.filter-row{gap:13px;overflow:auto}.clip-row strong{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.desktop-demo{--reduced:1}}
.product-media .split-heading{margin-bottom:46px}.media-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.media-frame{margin:0;overflow:hidden;border:1px solid #323239;border-radius:15px;background:#08080a;box-shadow:0 30px 70px #0008}.media-frame video,.media-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#050506}.media-frame figcaption{padding:14px 17px;border-top:1px solid var(--line);color:#a0a0a9;font-size:12px}.release-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-block:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.release-readiness article{min-height:290px;padding:30px;background:linear-gradient(155deg,#0d0d10,#08080a);border-right:1px solid var(--line)}.release-readiness article:last-child{border:0}.release-readiness h2{font-size:25px;line-height:1.15;margin:0 0 17px;letter-spacing:-.035em}.release-readiness article>p:not(.section-index){color:var(--muted);font-size:14px}.system-result{margin-top:22px;padding:14px;border:1px solid #34343b;border-radius:9px;color:#c9c9cf!important}.system-result[data-result="windows"]{border-color:#387bff;background:#0a1b32}.not-found{min-height:100vh;display:grid;place-items:center;text-align:center}.not-found img{margin:auto;border-radius:18px}.not-found .section-index{margin-top:26px!important}.not-found h1{font-size:clamp(46px,7vw,80px);line-height:1;margin:0 0 25px}.not-found>div>p:not(.section-index){color:var(--muted);margin-bottom:30px}.changelog-page{padding:150px 0 110px}.changelog-page>header{max-width:760px;margin-bottom:70px}.changelog-page h1{font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-.055em;margin:0 0 24px}.changelog-page>header p{color:var(--muted);font-size:19px}.release-entry{display:grid;grid-template-columns:260px 1fr;gap:70px;padding:55px 0;border-top:1px solid var(--line)}.release-meta{display:flex;flex-direction:column;gap:7px}.release-meta strong{font-size:28px}.release-meta span{color:var(--muted)}.release-body h2{font-size:34px;margin:0 0 24px}.release-body li{margin:11px 0;color:#cacacf}.release-language-note{color:var(--muted);font-size:12px}.channel-note{margin-top:40px;padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.language-switch{min-width:48px;height:36px;padding:0 11px;border:1px solid #34343c;border-radius:8px;background:#09090b;color:#d8d8dd;font-size:12px;font-weight:650;cursor:pointer;transition:border-color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center}.language-switch:hover{border-color:#666672;background:#121216}.language-switch:focus-visible{outline:2px solid white;outline-offset:3px}html[lang="zh-CN"] body{font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI Variable","Segoe UI",system-ui,sans-serif}html[lang="zh-CN"] .hero h1{letter-spacing:-.045em}html[lang="zh-CN"] .section-copy h2,html[lang="zh-CN"] .section-heading h2,html[lang="zh-CN"] .download h2,html[lang="zh-CN"] .whats-new h2,html[lang="zh-CN"] .open-source h2{letter-spacing:-.035em}

@media(max-width:980px){.release-readiness{grid-template-columns:1fr}.release-readiness article{border-right:0;border-bottom:1px solid var(--line);min-height:0}.media-grid{grid-template-columns:1fr}}
@media(max-width:680px){.nav{gap:10px}.brand{font-size:16px}.language-switch{min-width:44px;padding-inline:8px}.nav .button{margin-left:0}.release-entry{grid-template-columns:1fr;gap:25px}}

/* Beta 24 feature stories inherit the site's shell, typography and accents. */
.native-story .split-heading{margin-bottom:48px}.native-story .split-heading .button{margin-top:16px}.native-stage{padding:30px 34px 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--showcase-background);overflow:hidden}.native-stage-top,.widget-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.native-stage-top{font-size:10px;letter-spacing:.14em;color:var(--muted)}.native-stage-top span:last-child{color:var(--muted)}.native-surface{max-width:640px;margin:54px auto 38px;border:1px solid var(--island-border);border-radius:18px;background:var(--island-background);box-shadow:var(--island-shadow);overflow:hidden}.native-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:16px 20px 0}.native-tabs button{font:inherit;font-size:13px;color:#a9a9b4;cursor:pointer;padding:12px 4px;border:0;border-bottom:2px solid transparent;background:transparent}.native-tabs button[aria-selected=true]{color:#fff;border-color:var(--blue)}.native-tabs button:hover{color:#fff;background:#ffffff08}.native-tabs button:focus-visible,.native-panel:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.native-panel{padding:26px 30px;min-height:208px}.native-panel[hidden]{display:none}.native-panel>p{margin:24px 0 0;color:#a9a9b4;font-size:13px}.native-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.native-glance>div{display:flex;flex-direction:column;gap:8px;border-right:1px solid #ffffff15}.native-glance>div:last-child{border:0}.native-glance small,.native-track small{color:#aaaab4;font-size:11px}.native-glance strong{font-size:clamp(24px,4vw,42px);font-weight:500;letter-spacing:-.05em}.native-glance em{font-style:normal;font-size:14px;color:#8e9aaf;letter-spacing:0}.native-track,.native-file{display:flex;align-items:center;gap:20px;min-height:91px}.native-track>div,.native-file>div{display:flex;flex-direction:column;gap:5px}.native-track strong{font-size:23px;letter-spacing:-.03em}.native-track>div>span,.native-file small{font-size:12px;color:#aaaab4}.native-art{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border:1px solid #ffffff25;border-radius:15px;background:linear-gradient(110deg,var(--orange),var(--pink) 52%,var(--blue));color:#fff;font-size:40px;box-shadow:inset 0 0 35px #ffffff22}.native-spectrum{margin-left:auto;display:flex;align-items:center;gap:4px;height:50px}.native-spectrum i{width:4px;height:35%;background:var(--blue);border-radius:4px}.native-spectrum i:nth-child(2n){height:85%}.native-spectrum i:nth-child(3n){height:60%}.native-caption{text-align:center;font-size:11px;color:#9898a4;margin:0}.native-footnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:26px;color:#a7a7b0;font-size:13px}.native-footnotes span{border-top:1px solid var(--line);padding-top:16px}.widget-story,.music-story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.native-details{list-style:none;padding:0;margin:25px 0 0;color:#b6b6c0;font-size:14px}.native-details li{padding:13px 0;border-top:1px solid var(--line)}.widget-preview,.music-preview{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px;min-width:0}.widget-preview-head{margin-bottom:24px;font-size:14px}.widget-preview-head>span{color:var(--muted);font-size:12px;white-space:nowrap}.widget-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(4,60px);gap:6px;background:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 calc(12.5% - 6px),transparent calc(12.5% - 6px),transparent 12.5%);border-radius:10px}.widget-tile{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:9px;background:var(--surface-2);border:1px solid #ffffff0b;border-radius:9px;overflow:hidden}.widget-tile>span{font-size:10px;color:#babac5}.widget-tile strong{font-size:20px;font-weight:500;white-space:nowrap;letter-spacing:-.04em}.widget-clock{grid-area:1/1/2/3;outline:2px solid var(--blue);outline-offset:-2px;background:var(--surface-2)}.widget-calendar{grid-area:1/3/3/5;align-items:center}.widget-calendar strong{font-size:46px}.widget-calendar small{font-size:10px;color:#ebacbb}.widget-resource{grid-area:1/5/2/7}.widget-battery{grid-area:1/7/2/9}.widget-settings{grid-area:2/1/3/2;padding:3px;align-items:center}.widget-settings span,.widget-capture span{font-size:8px}.widget-uptime{grid-area:2/5/3/7}.widget-stopwatch{grid-area:3/1/4/3}.widget-capture{grid-area:2/8/3/9;padding:3px;align-items:center}.widget-meter{display:flex;gap:4px;align-items:end;height:23px}.widget-meter i{width:9%;height:40%;background:var(--blue);border-radius:2px}.widget-meter i:nth-child(2n){height:85%}.widget-preview figcaption,.music-preview figcaption{margin-top:22px;font-size:11px;line-height:1.7;color:#9797a5}.music-preview{padding:32px;background:var(--surface)}.music-preview-header{display:flex;align-items:center;gap:18px}.music-preview-header>div{display:flex;flex-direction:column;gap:6px;min-width:0}.music-preview-header small{font-size:9px;letter-spacing:.1em;color:#b6a4b9}.music-preview-header strong{font-size:21px;letter-spacing:-.04em}.music-preview-header div>span{font-size:11px;color:#a6a6b5}.music-lyrics{padding:24px 0}.music-lyrics p{font-size:clamp(19px,2.4vw,29px);font-weight:650;letter-spacing:-.04em;color:#777787;margin:17px 0}.music-lyrics p:nth-child(2){color:#fff}.music-progress{height:3px;background:#ffffff1c;border-radius:2px}.music-progress i{display:block;width:38%;height:100%;background:linear-gradient(110deg,var(--orange),var(--pink) 52%,var(--blue))}.music-preview-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#9999aa;font-size:10px}.music-controls{color:#eaeaf0;font-size:22px}.native-limitation{font-size:12px!important;color:#93939f!important;margin-top:20px!important}
@media(max-width:980px){.widget-story,.music-story{grid-template-columns:1fr;gap:38px}.music-story .section-copy{grid-row:1}.widget-preview,.music-preview{width:100%;max-width:650px;margin-inline:auto}}
@media(max-width:680px){.native-stage{padding:20px 12px}.native-stage-top{font-size:8px;letter-spacing:.08em}.native-surface{margin:32px auto 24px;border-radius:18px}.native-tabs{padding:8px 8px 0}.native-tabs button{font-size:11px}.native-panel{padding:22px 16px;min-height:215px}.native-footnotes{grid-template-columns:1fr;gap:10px}.native-track{gap:12px}.native-track strong{font-size:18px}.native-art{width:55px;height:55px;font-size:30px}.native-spectrum{display:none}.widget-preview,.music-preview{padding:18px}.widget-board{grid-template-rows:repeat(4,55px);gap:4px}.widget-tile{padding:4px}.widget-tile strong{font-size:16px}.widget-tile>span{font-size:8px}.widget-calendar strong{font-size:36px}.music-preview-header strong{font-size:18px}.native-caption{font-size:10px}}
.native-story .split-heading>div>p:not(.section-index),.widget-story .section-copy>p:not(.section-index),.music-story .section-copy>p:not(.section-index){color:var(--muted);font-size:17px;line-height:1.7;max-width:510px}.native-story,.widget-story,.music-story{scroll-margin-top:82px}
/* Match the existing expanded popover's duration, easing and entrance geometry. */
.native-tabs button{transition:transform .2s var(--ease),border-color .2s,background .2s}.native-tabs button:hover{transform:translateY(-2px);background:#0b0b0d}.native-panel:not([hidden]){animation:islandPageEnter var(--island-duration) var(--ease) both}@keyframes islandPageEnter{from{opacity:0;transform:translateY(-18px) scale(.92)}to{opacity:1;transform:none}}

/* Evergreen editorial refinement. Shared across both locales and publications. */
:root {
  --shell: 1280px;
  --page-gutter: clamp(20px, 4.5vw, 72px);
  --section-space: clamp(76px, 8.4vw, 132px);
  --display-size: clamp(48px, 5.4vw, 78px);
  --heading-size: clamp(34px, 4.1vw, 60px);
  --content-gap: clamp(32px, 5.5vw, 88px);
  --muted: #adaeb9;
  --faint: #858693;
}
.shell { width: min(calc(100% - var(--page-gutter) * 2), var(--shell)); }
body { overflow-wrap: break-word; }
::selection { background: #ec2b9140; color: #fff; }
main > section { padding-block: var(--section-space); }
.site-header { background: #050506eb; }
.nav { height: 80px; }
.nav-links { gap: 28px; }
.nav-links a { position: relative; padding-block: 12px; }
.nav-links a::after { content: ''; position: absolute; bottom: 6px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,var(--orange),var(--pink),var(--blue)); transform: scaleX(0); transform-origin: left; transition: transform .24s var(--ease); }
.nav-links a:hover::after,.nav-links a:focus-visible::after { transform: scaleX(1); }
.hero { position: relative; min-height: 790px; padding-top: 170px; padding-bottom: 110px; grid-template-columns: 1fr 1.14fr; gap: 66px; }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { font-size: var(--display-size); line-height: 1.08; font-weight: 640; letter-spacing: -.065em; text-wrap: balance; margin-bottom: 32px; }
.hero-copy > p { font-size: 18px; line-height: 1.8; max-width: 430px; margin-bottom: 32px; }
.hero-copy::before { content:''; display:block; width:68px; height:3px; margin-bottom:30px; background:linear-gradient(90deg,var(--orange),var(--pink),var(--blue)); border-radius:3px; }
.desktop-demo { aspect-ratio: 1.2; border-color:#343541; border-radius:20px; box-shadow:0 36px 90px #0008,0 0 90px #168cff0d,0 0 0 6px #101015; }
.hero::before { content:''; position:absolute; z-index:-1; right:-2%; top:16%; width:62%; height:65%; background:radial-gradient(ellipse,#168cff10,transparent 66%); pointer-events:none; }
.button { border-radius: 11px; min-height: 48px; transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s; }
.button-primary { box-shadow:0 8px 32px #ec2b9118; }
.button-primary::before { border-radius:10px; }
.button:active { transform:translateY(0) scale(.98); }
.button-small { min-height:40px; }
.section-index { letter-spacing:.18em!important; font-size:11px!important; color:#a0a1ad!important; margin-bottom:26px!important; }
.section-copy h2,.section-heading h2,.download h2,.whats-new h2,.open-source h2 { font-size:var(--heading-size); line-height:1.14; letter-spacing:-.045em; font-weight:600; text-wrap:balance; }
.section-copy > p:last-child,.section-heading > p:last-child,.open-source > div > p { line-height:1.85; }
.temporary { grid-template-columns: .75fr 1.25fr; gap:var(--content-gap); }
.reference-flow { grid-template-columns:1.35fr 56px .85fr; gap:12px; }
.reference-card { padding:13px 11px; }
.split-heading { grid-template-columns:1.1fr .9fr; gap:var(--content-gap); }
.split-heading > p { justify-self:end; max-width:400px; margin-bottom:24px; }
.widget-story,.music-story,.clipboard { gap:var(--content-gap); }
.band { border-color:#ffffff12; }
.mode-stage,.native-stage { border-radius:20px; }
.native-footnotes { gap:30px; line-height:1.8; }
.native-details li { padding-block:17px; line-height:1.7; }
.widget-preview,.music-preview { border-radius:20px; border-color:#30303a; }
.music-lyrics { padding-block:30px; }
.music-lyrics p { line-height:1.5; }
.download { grid-template-columns:.8fr 1.2fr; gap:var(--content-gap); }
.download-card { min-height:140px; padding:24px; border-radius:16px; }
.download-card small { color:#9495a2; }
.download-card:hover { box-shadow:0 16px 42px #0006; }
.download-card > b { transition:transform .24s var(--ease); }
.download-card:hover > b { transform:translateY(3px); }
.release-readiness { padding-block:0; }
.release-readiness article { padding:32px; }
.release-readiness h2 { font-size:25px; line-height:1.3; }
.faq { grid-template-columns:.75fr 1.25fr; gap:var(--content-gap); }
.faq summary { padding-block:25px; line-height:1.5; }
.faq details > p { line-height:1.85; max-width:60ch; }
.site-footer { border-color:#ffffff12; }
html[lang="zh-CN"] .hero h1 { font-size:clamp(42px,4.9vw,70px); line-height:1.2; letter-spacing:-.025em; }
html[lang="zh-CN"] .section-copy h2,html[lang="zh-CN"] .section-heading h2,html[lang="zh-CN"] .download h2,html[lang="zh-CN"] .whats-new h2,html[lang="zh-CN"] .open-source h2 { line-height:1.24; letter-spacing:-.015em; }
@media(min-width:981px) and (prefers-reduced-motion:no-preference) {
  .desktop-demo { animation:heroScreenEnter .85s var(--ease) both; }
  .hero-copy { animation:heroCopyEnter .7s var(--ease) both; }
  @keyframes heroScreenEnter { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
  @keyframes heroCopyEnter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
}
@media(max-width:1100px) and (min-width:981px) { .hero { gap:32px; } .hero h1 { font-size:58px; } html[lang="zh-CN"] .hero h1 { font-size:54px; } }
@media(max-width:980px) {
  .hero { grid-template-columns:1fr; gap:56px; padding-top:138px; min-height:0; }
  .hero-copy { max-width:680px; }
  .hero-copy > p { max-width:520px; }
  .desktop-demo { width:100%; max-width:700px; justify-self:center; aspect-ratio:1.45; }
  .temporary,.download,.faq,.split-heading { grid-template-columns:1fr; gap:40px; }
  .split-heading > p { justify-self:start; max-width:580px; margin:0; }
  .reference-flow { margin-bottom:50px; }
  .nav { height:72px; }
  .hero h1 { max-width:750px; }
}
@media(max-width:680px) {
  :root { --page-gutter:22px; --section-space:76px; --content-gap:34px; }
  .hero { padding-top:122px; padding-bottom:72px; gap:42px; }
  .hero h1 { font-size:48px; }
  html[lang="zh-CN"] .hero h1 { font-size:42px; }
  .hero-copy::before { width:48px; margin-bottom:24px; }
  .hero-copy > p { font-size:16px; line-height:1.8; }
  .hero .actions { gap:10px; }
  .hero .button { padding-inline:14px; font-size:13px; }
  .desktop-demo { aspect-ratio:1.15; border-radius:15px; box-shadow:0 24px 55px #0009,0 0 0 3px #101015; }
  .space-popover { width:calc(100% - 28px); padding:13px; }
  .desktop-demo[data-state="expanded"] .island { width:calc(100% - 28px); }
  .demo-caption { padding:12px 8px; gap:5px; font-size:9px; }
  .reference-flow { grid-template-columns:1fr; gap:18px; margin-bottom:0; }
  .flow-arrow { width:52px; height:28px; transform:rotate(90deg); margin:auto; }
  .reference-card { justify-content:center; }
  .source-safe { position:static; justify-content:center; margin-top:10px; }
  .download-card { padding:19px 16px; min-height:120px; gap:14px; }
  .release-readiness article { padding:26px; }
  .nav .brand img { width:34px; height:34px; }
  .nav { gap:10px; }
  .nav .language-switch { margin-left:auto; }
  .nav .button { padding-inline:12px; }
  .native-footnotes { gap:14px; }
}
@media(max-width:360px) { :root { --page-gutter:16px; } .hero h1,html[lang="zh-CN"] .hero h1 { font-size:38px; } .nav .brand { font-size:14px; gap:7px; } .nav .button { font-size:12px; padding-inline:9px; } }
@media(prefers-reduced-motion:reduce) { .button:hover,.button:active,.download-card:hover,.download-card:hover>b,.native-tabs button:hover { transform:none; } }

/* Grid tracks may shrink without pushing long English labels beyond the viewport. */
main section > *, .download-card > div, .file-row > div, .native-file > div { min-width:0; }
.download-card strong,.download-card span,.native-file strong { overflow-wrap:anywhere; }
@media(max-width:680px) { .download-card { grid-template-columns:50px minmax(0,1fr) 36px; } .download-card>b { width:36px; height:36px; } .split-heading,.drag .section-heading { min-width:0; } }

.clip-row { grid-template-columns:39px minmax(0,1fr) auto; }
.clip-row>div { min-width:0; }
.clip-row strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.duplicate-rule small { white-space:normal; min-width:0; }
@media(max-width:680px) { .duplicate-rule { grid-template-columns:minmax(0,1fr); } }

.hero-copy>p { text-wrap:pretty; }
.desktop-demo[data-state="expanded"] .desktop-file,.desktop-demo[data-state="expanded"] .drop-trail { visibility:hidden; }
@media(max-width:680px) {
 .hero-copy::before { margin-inline:auto; }
 .desktop-demo { min-height:380px; aspect-ratio:auto; }
 .space-popover { top:50px; }
 .hero-copy>p { font-size:15px; }
}

/* Product narrative: one expansive hero, paired daily workflows, a clear download destination. */
.hero-cinematic { display:flex; flex-direction:column; align-items:center; gap:64px; padding-top:154px; padding-bottom:100px; min-height:0; }
.hero-cinematic .hero-copy { text-align:center; max-width:960px; align-self:center; }
.hero-cinematic .hero-copy::before { margin-inline:auto; width:92px; margin-bottom:28px; }
.hero-cinematic h1 { font-size:clamp(58px,7.2vw,104px); letter-spacing:-.065em; line-height:1.04; margin-bottom:30px; }
html[lang="zh-CN"] .hero-cinematic h1 { font-size:clamp(46px,6.3vw,90px); letter-spacing:-.035em; line-height:1.2; }
.hero-cinematic .hero-copy>p { max-width:640px; margin-inline:auto; font-size:19px; }
.hero-cinematic .actions { justify-content:center; }
.hero-cinematic .stable-line { margin-inline:auto; }
.hero-stage { position:relative; width:100%; max-width:1080px; padding:1px; isolation:isolate; }
.hero-stage::before { content:''; position:absolute; inset:-60px -20px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 22% 42%,#ff8a241b,transparent 46%),radial-gradient(ellipse at 55% 25%,#ec2b9124,transparent 44%),radial-gradient(ellipse at 83% 55%,#168cff26,transparent 46%); filter:blur(28px); }
.hero-stage .desktop-demo { width:100%; max-width:none; aspect-ratio:2.05; border-radius:24px; background:radial-gradient(ellipse at 50% 130%,#123a60,transparent 64%),#090a0e; border-color:#373842; box-shadow:0 42px 90px #0008,0 0 0 7px #121217; }
.hero-stage .space-popover { width:440px; top:66px; padding:24px; border-radius:20px; background:#0b0b0ef5; box-shadow:0 24px 70px #000b; }
.hero-stage .island { top:60px; }
.hero-stage .file-row { padding-block:12px; }
.hero-stage .desktop-file { bottom:22%; }
.hero-stage .demo-caption { padding:22px 30px; background:#08090cd9; }
.temporary { grid-template-columns:1fr 1.35fr; }
.temporary h2 { font-size:clamp(40px,4.6vw,66px); }
.reference-flow { padding:36px 24px 86px; background:linear-gradient(130deg,#101016,#09090d); border:1px solid #292932; border-radius:24px; }
.source-safe { bottom:25px; right:24px; }
.modes .mode-stage { margin-top:58px; }
.native-story .native-stage { position:relative; padding-top:38px; padding-bottom:32px; }
.native-story .native-surface { max-width:700px; margin-block:64px 44px; }
.daily-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-block:40px 96px; }
.daily-pair>section { width:100%; margin:0; padding:42px 36px 30px; display:flex; flex-direction:column; gap:30px; align-items:stretch; border:1px solid #292932; border-radius:26px; background:linear-gradient(160deg,#13121a,#08090d 76%); }
.daily-pair>section.music-story { background:linear-gradient(150deg,#181116,#09090e 75%); }
.daily-pair h2 { font-size:clamp(32px,3.3vw,48px); }
.daily-pair .section-copy>p:not(.section-index) { font-size:15px; }
.daily-pair .native-details { font-size:12px; margin-top:20px; }
.daily-pair .native-details li { padding-block:11px; }
.daily-pair .widget-preview,.daily-pair .music-preview { margin-top:auto; padding:22px; width:100%; background:#09090d; border-color:#35333e; box-shadow:0 15px 42px #0007; }
.daily-pair .music-lyrics p { font-size:24px; }
.daily-pair .native-limitation { font-size:11px!important; }
.clipboard { grid-template-columns:.85fr 1.15fr; }
.download-gallery { display:flex; flex-direction:column; gap:44px; }
.download-gallery .download-intro { text-align:center; max-width:800px; margin:auto; }
.download-gallery h2 { font-size:clamp(48px,6vw,88px); }
.download-gallery .download-intro>a { display:inline-flex; align-items:center; gap:18px; margin:12px 14px 0; }
.download-gallery .download-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.download-gallery .download-card { display:flex; flex-direction:column; align-items:flex-start; min-height:280px; padding:30px; gap:24px; }
.download-gallery .download-card>div { gap:7px; }
.download-gallery .download-card>b { position:absolute; bottom:24px; right:24px; }
.download-gallery .download-card>em { top:26px; right:24px; }
.download-gallery .download-card span { font-size:14px; }
.download-gallery .download-card small { font-size:11px; }
.open-source { padding-block:90px; align-items:center; }
.open-source h2 { font-size:clamp(42px,5vw,74px); }
@media(prefers-reduced-motion:no-preference) {
 main>section.revealed>.section-copy,main>section.revealed>.section-heading { animation:storyEnter .7s var(--ease) both; }
 .daily-pair>section.revealed { animation:storyEnter .65s var(--ease) both; }
 .daily-pair>section.music-story.revealed { animation-delay:.08s; }
 @keyframes storyEnter { from { opacity:.25; transform:translateY(22px); } to { opacity:1; transform:none; } }
 .daily-pair .widget-tile { transition:transform .24s var(--ease),border-color .24s; }
 .daily-pair .widget-tile:hover { transform:translateY(-3px); border-color:#168cff80; }
}
@media(max-width:980px) {
 .hero-cinematic { padding-top:132px; gap:48px; }
 .hero-stage .desktop-demo { aspect-ratio:1.65; }
 .daily-pair { gap:18px; }
 .daily-pair>section { padding:28px 20px 24px; }
 .daily-pair .widget-preview,.daily-pair .music-preview { padding:14px; }
 .temporary,.clipboard { grid-template-columns:1fr; }
 .download-gallery .download-card { padding:23px; min-height:290px; }
 .download-gallery .download-card>em { display:none; }
}
@media(max-width:680px) {
 .hero-cinematic { gap:42px; padding-top:120px; padding-bottom:72px; }
 .hero-cinematic h1 { font-size:52px; }
 html[lang="zh-CN"] .hero-cinematic h1 { font-size:43px; }
 .hero-cinematic .hero-copy>p { font-size:15px; }
 .hero-cinematic .hero-copy::before { width:64px; }
 .hero-stage .desktop-demo { aspect-ratio:auto; min-height:400px; border-radius:18px; box-shadow:0 20px 55px #0008,0 0 0 3px #121217; }
 .hero-stage::before { inset:-20px 0; filter:blur(18px); }
 .hero-stage .space-popover { width:calc(100% - 24px); padding:15px; top:54px; }
 .hero-stage .file-row { padding-block:10px; }
 .hero-stage .demo-caption { padding:16px 10px; }
 .daily-pair { grid-template-columns:1fr; padding-block:0 64px; gap:24px; }
 .daily-pair>section { padding:30px 20px 24px; }
 .daily-pair .music-preview { margin-top:0; }
 .reference-flow { padding:24px 18px; }
 .source-safe { position:static; }
 .download-gallery .download-options { grid-template-columns:1fr; }
 .download-gallery .download-card { min-height:170px; padding:24px; flex-direction:row; gap:18px; }
 .download-gallery .download-card>div { padding-right:20px; }
 .download-gallery .download-card>b { width:32px; height:32px; right:15px; bottom:15px; }
 .download-gallery .download-card img,.download-gallery .download-icon { flex-shrink:0; width:44px; height:44px; }
}
@media(max-width:360px) { .hero-cinematic h1 { font-size:44px; } html[lang="zh-CN"] .hero-cinematic h1 { font-size:38px; } .daily-pair>section { padding-inline:15px; } }

/* Compact bilingual capsule and signature brand action. */
.nav .language-switch { height:38px; gap:7px; padding:0 12px; border-radius:999px; border-color:#ffffff16; background:#ffffff05; color:#777984; transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease); flex-shrink:0; }
.language-switch svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4; margin-right:2px; color:#aaaeb9; }
.language-switch .locale-choice { font-size:11px; letter-spacing:.02em; }
.language-switch .is-current { color:#f7f7f8; }
.language-switch .locale-divider { color:#51535d; font-size:10px; }
.nav .language-switch:hover { background:#ffffff0c; border-color:#ffffff30; transform:translateY(-1px); }
.nav .nav-download { border:1px solid #ffffff22; border-radius:12px; box-shadow:0 4px 18px #ec2b911c; background:linear-gradient(115deg,var(--orange),var(--pink) 52%,var(--blue)); color:#fff; }
.nav .nav-download:hover { box-shadow:0 6px 26px #ec2b9133; filter:brightness(1.08); }
@media(max-width:400px) { .nav { gap:8px; } .nav .language-switch { padding:0 8px; gap:4px; } .language-switch svg { width:14px; height:14px; margin-right:0; } .nav .nav-download { padding-inline:12px; } }
@media(prefers-reduced-motion:reduce) { .nav .language-switch { transition:none; } .nav .language-switch:hover { transform:none; } }

/* AI lyrics extends the existing editorial system. The canvas is an exterior-only
   signed-distance halo: the physical Island never changes shape or gains an outline. */
.lyrics-story { padding-block:64px 96px; }
.lyrics-story .section-heading { margin-bottom:48px; }
.lyrics-stage { overflow:hidden; position:relative; isolation:isolate; border:1px solid #292932; border-radius:26px; background:var(--showcase-background); padding:30px 40px 28px; }
.lyrics-stage-top { display:flex; justify-content:space-between; gap:20px; color:#b0b4c2; font-size:10px; font-weight:550; letter-spacing:.12em; }
.lyrics-stage-top>span:last-child { letter-spacing:.02em; color:#9a9daa; }
.lyrics-island-wrap { position:relative; width:min(560px,100%); aspect-ratio:560 / 340; margin:74px auto 62px; }
.lyrics-device { position:absolute; top:0; left:0; width:560px; height:340px; transform-origin:top left; isolation:isolate; }
.lyrics-halo { position:absolute; left:-40px; top:-40px; width:calc(100% + 80px); height:calc(100% + 80px); z-index:-1; pointer-events:none; }
.lyrics-island { width:560px; height:340px; border-radius:28px; padding:24px 28px 20px; background:var(--island-background); display:flex; flex-direction:column; min-width:0; }
.lyrics-track { display:flex; align-items:center; gap:14px; }
.lyrics-album { flex:0 0 54px; height:54px; border-radius:12px; background:linear-gradient(145deg,#ff934e,#ff4fab 53%,#4589ff); display:flex; align-items:center; justify-content:center; gap:4px; box-shadow:inset 0 0 0 1px #ffffff25; }
.lyrics-album i { display:block; width:3px; height:16px; background:#fff9; border-radius:10px; }
.lyrics-album i:nth-child(2) { height:27px; }
.lyrics-album i:nth-child(3) { height:21px; }
.lyrics-track>div { display:flex; flex-direction:column; min-width:0; }
.lyrics-track small { font-size:9px; letter-spacing:.1em; color:#a5a5b0; }
.lyrics-track strong { font-size:16px; font-weight:600; letter-spacing:-.02em; }
.lyrics-track>div>span { font-size:11px; color:#a5a5b0; }
.lyrics-local-badge { margin-left:auto; flex-shrink:0; font-size:10px; color:#bec3ce; padding:4px 8px; border-radius:6px; background:#ffffff0b; }
.lyrics-lines { flex:1; display:flex; flex-direction:column; min-height:0; min-width:0; padding:12px 0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#555563 transparent; }
.lyrics-lines-content { flex:0 0 auto; min-width:0; width:100%; margin-block:auto; }
.lyrics-lines p { margin:0; line-height:1.3; overflow-wrap:anywhere; }
.lyrics-previous,.lyrics-next { font-size:14px; color:#8d8d98; }
.lyrics-lines .lyrics-current { margin-top:12px; font-size:27px; font-weight:600; letter-spacing:-.025em; }
.lyrics-lines .lyrics-translation { margin-top:4px; color:#c3b7d0; font-size:18px; line-height:1.4; }
.lyrics-lines .lyrics-next { margin-top:12px; }
.lyrics-playback { flex:0 0 44px; display:flex; align-items:center; gap:22px; border-top:1px solid #ffffff13; padding-top:12px; }
.lyrics-preview-transport { display:grid; place-items:center; width:34px; height:28px; color:#e6e4ed; }
.lyrics-preview-transport svg { width:16px; height:16px; fill:currentColor; }
.lyrics-waveform { display:flex; flex:1; align-items:center; gap:4px; height:24px; opacity:.7; }
.lyrics-waveform i { display:block; width:3px; height:9px; background:#b7b2c9; border-radius:4px; }
.lyrics-waveform i:nth-child(3n) { height:21px; }
.lyrics-waveform i:nth-child(4n) { height:15px; }
.lyrics-waveform i:nth-child(5n) { height:6px; }
.lyrics-play { min-height:44px; border:1px solid #ffffff21; border-radius:999px; background:#ffffff07; color:#e6e4ed; padding:8px 14px; display:flex; align-items:center; gap:9px; font-size:11px; cursor:pointer; }
.lyrics-play:hover { background:#ffffff12; }
.lyrics-play svg { width:14px; height:14px; fill:currentColor; }
.lyrics-play .pause-symbol,.lyrics-play[aria-pressed="true"] .play-symbol { display:none; }
.lyrics-play[aria-pressed="true"] .pause-symbol { display:block; }
.lyrics-demo-controls { display:flex; flex-wrap:wrap; gap:24px 30px; justify-content:center; align-items:center; }
.lyrics-demo-controls fieldset { display:flex; gap:12px; align-items:center; border:0; padding:0; margin:0; min-width:0; }
.lyrics-demo-controls legend { float:left; font-size:12px; color:#b7b9c4; padding:0; }
.lyrics-demo-controls fieldset>div { display:flex; padding:3px; gap:3px; border:1px solid #ffffff1c; border-radius:12px; background:#070b1399; }
.lyrics-demo-controls button { min-width:48px; min-height:40px; padding:7px 14px; cursor:pointer; color:#aeb3c1; border:1px solid transparent; border-radius:8px; background:transparent; font-size:12px; }
.lyrics-demo-controls button[aria-pressed="true"] { color:#fff; border-color:#ffffff24; background:#ffffff10; }
.lyrics-demo-controls button:hover { color:#fff; background:#ffffff14; }
.lyrics-demo-controls>.lyrics-play { min-height:44px; padding-inline:16px; border:1px solid #ffffff30; border-radius:999px; background:#070b1399; }

.lyrics-demo-status { margin:20px 0 8px; text-align:center; font-size:12px; color:#ccd0db; }
.lyrics-demo-caption { max-width:670px; margin:0 auto; color:#a7afbe; font-size:11px; text-align:center; line-height:1.7; }
.lyrics-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; padding:42px 0 28px; }
.lyrics-benefits article { border-top:1px solid var(--line); padding-top:22px; }
.lyrics-feature-number { font-size:11px; font-weight:550; color:#b696b8; letter-spacing:.08em; }
.lyrics-benefits h3 { margin:15px 0 12px; font-size:20px; font-weight:600; letter-spacing:-.03em; }
.lyrics-benefits p { font-size:14px; line-height:1.8; color:var(--muted); margin:0; }
.lyrics-accuracy { margin:0; max-width:840px; color:#a0a0ab; font-size:12px; line-height:1.8; }
@media(max-width:980px) {
 .lyrics-stage { padding-inline:28px; }
 .lyrics-benefits { gap:26px; }
 .lyrics-benefits h3 { font-size:18px; }
}
@media(max-width:680px) {
 .lyrics-story { padding-block:24px 72px; }
 .lyrics-story .section-heading { margin-bottom:32px; }
 .lyrics-stage { padding:22px 26px 26px; border-radius:20px; }
 .lyrics-stage-top { font-size:9px; gap:10px; }
 .lyrics-stage-top>span:last-child { display:none; }
 .lyrics-island-wrap { margin-block:58px 48px; }
 /* The complete 560×340 Island, its type and halo scale as one object. */
 .lyrics-demo-controls { gap:20px; }
 .lyrics-demo-controls fieldset { gap:8px; }
 .lyrics-demo-controls button { min-width:40px; padding-inline:11px; }
 .lyrics-demo-controls legend { font-size:11px; }
 .lyrics-benefits { grid-template-columns:1fr; gap:24px; padding-top:32px; }
 .lyrics-benefits article { padding-top:18px; }
 .lyrics-benefits h3 { font-size:20px; margin-top:10px; }
}
@media(forced-colors:active) {
 .lyrics-halo,.lyrics-album { display:none; }
 .lyrics-island { border:1px solid CanvasText; }
 .lyrics-demo-controls button[aria-pressed="true"] { border:2px solid Highlight; }
}

/* Language selection changes labels only; the English document stays useful without scripts. */
html[data-i18n-pending] body { visibility:hidden; }
.language-switch { max-width:190px; height:auto; min-height:38px; padding:8px 12px; font:inherit; font-size:13px; color:var(--text); background:var(--surface); }
.language-switch option { background:#101014; color:#f7f7f8; }
.nav { flex-wrap:wrap; }
.nav-links { min-width:0; flex-wrap:wrap; }
.nav-download { max-width:100%; white-space:normal; text-align:center; }
.native-tabs button { overflow-wrap:anywhere; hyphens:auto; min-height:48px; }
.native-glance small,.widget-tile>span { overflow-wrap:anywhere; line-height:1.4; }
.widget-board { grid-template-rows:repeat(4,minmax(68px,auto)); }
.widget-tile { overflow:visible; }
.download-card { min-width:0; }
.download-card>div { min-width:0; overflow-wrap:anywhere; }
.download-card strong,.download-card span { white-space:normal; }
.release-meta strong { overflow-wrap:anywhere; }
.hero-copy,.section-copy,.section-heading>div,.lyrics-benefits article { min-width:0; overflow-wrap:break-word; }
html:lang(zh-TW) body { font-family:"Microsoft JhengHei UI","PingFang TC","Segoe UI",system-ui,sans-serif; }
html:lang(ja) body { font-family:"Yu Gothic UI","Meiryo","Segoe UI",system-ui,sans-serif; }
html:lang(ko) body { font-family:"Malgun Gothic","Apple SD Gothic Neo","Segoe UI",system-ui,sans-serif; }
html:lang(zh) h1,html:lang(zh) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2 { line-height:1.25; letter-spacing:0; }
@media(max-width:680px) { .language-switch { max-width:155px; } .nav-download { margin-left:auto; } .native-tabs button { padding-inline:3px; } }
/* Platform choices remain visible even when a browser suggestion is available. */
.download-card[data-suggested="true"] { border-color: var(--blue); }
.platform-hint { grid-column: 1 / -1; color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0; }
.mac-page { padding-top: 164px; padding-bottom: 72px; }
.mac-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--content-gap); align-items: center; padding-bottom: var(--section-space); }
.mac-hero h1 { font-size: var(--display-size); line-height: 1.08; font-weight: 640; letter-spacing: -.055em; text-wrap: balance; margin: 0 0 28px; }
.mac-hero .hero-copy > p { max-width: 52ch; }
.mac-warning { color: #f6b0c5; font-size: 14px; line-height: 1.6; padding-left: 16px; border-left: 2px solid var(--pink); }
.mac-download { padding: clamp(24px, 3vw, 44px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); scroll-margin-top: 110px; min-width: 0; }
.mac-logo { display: block; margin-bottom: 28px; }
.mac-download h2 { font-size: 28px; letter-spacing: -.035em; margin: 0 0 16px; }
.mac-download p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.mac-download .stable-line { margin: 24px 0 16px; }
.mac-download .actions { gap: 12px; }
.mac-release-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; font-size: 12px; color: var(--muted); }
.mac-release-links a:hover { color: var(--text); }
.mac-detail { display: grid; grid-template-columns: .8fr 1.2fr; gap: var(--content-gap); border-top: 1px solid var(--line); padding-block: 64px; scroll-margin-top: 90px; }
.mac-detail > div { min-width: 0; }
.mac-detail h2,.mac-history h2 { font-size: clamp(28px, 3vw, 42px); line-height: 1.2; letter-spacing: -.035em; margin: 0 0 24px; }
.mac-detail p,.mac-detail li { color: var(--muted); max-width: 70ch; line-height: 1.8; }
.mac-disclosure { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 28px; font-size: 13px; }
.mac-detail ol { padding-left: 1.4rem; margin-top: 0; }
.mac-detail li { padding-left: 8px; margin-bottom: 20px; }
.mac-history { border-top: 1px solid var(--line); padding-top: 64px; scroll-margin-top: 90px; }
.mac-history .release-body p,.mac-history .release-body li { color: var(--muted); line-height: 1.8; }
.mac-history .release-entry { grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); gap: var(--content-gap); }
@media (max-width: 980px) {
  .mac-page { padding-top: 128px; }
  .mac-hero { grid-template-columns: 1fr; gap: 44px; }
  .mac-download { max-width: 660px; width: 100%; }
}
@media (max-width: 680px) {
  .mac-detail,.mac-history .release-entry { grid-template-columns: 1fr; gap: 20px; }
  .mac-hero h1 { font-size: clamp(38px, 10vw, 56px); }
  .mac-detail { padding-block: 48px; }
  .mac-download .actions .button { width: 100%; }
}