:root{--brand:#C7393C;--brand-hover:#ac3033;--brand-soft:#fbf1f1;--paper:#fff;--ink:#29292C;--muted:#6E6E73;--line:#E3E1E0;--soft:#f7f6f5;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--display:"Songti SC","Noto Serif CJK SC","STSong",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:5px}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.04em}h2{font-size:clamp(28px,3vw,42px);line-height:1.45}h3{font-size:18px;line-height:1.5;font-weight:600}em{font-style:normal;color:var(--brand)}::selection{background:#f4dada}ul,ol{margin:0;padding:0}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:16px;padding:10px 18px;z-index:100;background:white;border:1px solid var(--brand)}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 25px;background:var(--brand);color:#fff;border-radius:8px;font-size:15px;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--brand-hover);box-shadow:0 6px 18px #c7393c20;transform:translateY(-2px)}.button-small{min-height:40px;padding:8px 16px;font-size:13px;border-radius:6px}.button-small .icon{width:17px;height:17px}.button-inverse{background:#fff;color:var(--ink)}.button-inverse:hover{background:#f4e9e9}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;width:40px;height:40px;border-radius:6px}.icon-button:hover{background:var(--soft)}.text-link{display:inline-flex;align-items:center;gap:10px;background:none;padding:0;font-size:14px;font-weight:500;transition:color .2s}.text-link:hover{color:var(--brand)}.text-link .icon{width:18px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:500;color:var(--brand);margin-bottom:18px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-description{color:var(--muted);max-width:370px;font-size:14px;line-height:1.9;padding-bottom:5px}.site-header{position:sticky;top:0;z-index:30;padding:20px 0 0;transition:padding .3s}.nav-shell{min-height:72px;display:flex;align-items:center;gap:22px;padding:0 24px;border:1px solid #e3e1e0b3;border-radius:12px;background:#fffffff5;backdrop-filter:blur(14px);box-shadow:0 8px 32px #29292c05}.site-header.scrolled{padding-top:8px}.site-header.scrolled .nav-shell{box-shadow:0 8px 26px #29292c09}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:Georgia,serif;font-size:23px;font-weight:700;letter-spacing:-.8px;line-height:1}.brand img{width:38px;height:38px}.main-nav{margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:26px}.main-nav a{font-size:13px;position:relative;white-space:nowrap;line-height:72px;color:var(--muted);transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--brand)}.main-nav a.active::after{content:"";position:absolute;bottom:16px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--brand)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:.95fr 1.2fr;gap:56px;align-items:center;min-height:650px;padding-block:78px 76px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em;margin-bottom:22px}.small-line{width:22px;height:1px;background:var(--brand)}.hero h1{font-size:clamp(41px,4.1vw,60px);line-height:1.4;letter-spacing:-.055em}.hero-lead{font-size:17px;margin-top:28px}.hero-description{max-width:400px;margin-top:13px;color:var(--muted);font-size:14px;line-height:2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.download-meta{display:flex;gap:10px;color:var(--muted);font-size:11px;margin-top:18px;letter-spacing:.02em}.windows-note{font-size:11px;color:var(--muted);margin-top:8px}.windows-note span{color:#8b8888;margin-left:7px}.hero-visual{position:relative;min-width:0;isolation:isolate}.visual-backplate{position:absolute;inset:-24px -22px 40px 25px;background:var(--brand-soft);border-radius:12px;transform:rotate(3deg);z-index:-1}.client-image-button{width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0;position:relative;box-shadow:0 25px 45px -25px #29292c33;overflow:hidden;transition:transform .35s,box-shadow .35s}.client-image-button:hover{transform:translateY(-5px);box-shadow:0 30px 45px -25px #29292c44}.client-image{width:100%;height:auto}.image-expand{display:flex;align-items:center;gap:6px;position:absolute;bottom:12px;right:12px;background:#ffffffed;border:1px solid var(--line);border-radius:5px;padding:5px 10px;font-size:10px;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.image-expand .icon{width:13px;height:13px}.client-image-button:hover .image-expand,.client-image-button:focus-visible .image-expand{opacity:1;transform:none}.visual-caption{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:20px}.visual-caption a{margin-left:auto;display:flex;align-items:center;gap:5px}.visual-caption a:hover{color:var(--brand)}.visual-caption .icon{width:14px;height:14px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);display:inline-block;flex-shrink:0}.principles{display:flex;justify-content:center;gap:70px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.principles span{display:flex;align-items:center;gap:10px}.principles .icon{width:17px;height:17px;color:#8b8888}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:27px 28px 30px;border:1px solid var(--line);border-radius:8px;transition:background .2s,border-color .2s,transform .2s}.feature-card:hover{border-color:#d6aeae;background:#fdfafa;transform:translateY(-4px)}.feature-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:24px}.feature-icon .icon{width:27px;height:27px}.feature-card h3{font-size:17px;margin-bottom:12px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.95}.export-strip{margin-top:30px;display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;gap:30px}.export-strip strong{font-size:16px;font-weight:500}.export-strip p{font-size:12px;color:var(--muted);margin-top:5px}.export-formats{display:flex;gap:28px}.export-formats>span{display:flex;gap:3px;flex-direction:column;min-width:65px}.export-formats b{font-family:Georgia,serif;font-size:21px;font-weight:500}.export-formats small{font-size:10px;color:var(--muted)}.sync-section{background:var(--brand-soft);color:var(--ink);padding:85px 0;border-block:1px solid #f0dfdf}.sync-layout{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.sync-copy .eyebrow{color:var(--brand)}.sync-copy h2{font-size:43px}.sync-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:350px;margin-top:24px;line-height:2}.sync-demo{background:white;color:var(--ink);border-radius:8px;overflow:hidden;border:1px solid #eddddd;box-shadow:0 16px 40px -16px #88444920}.sync-demo-bar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:10px;padding:14px 20px;color:var(--muted)}.demo-caption{margin-left:auto}.sync-demo-content{padding:30px 36px}.demo-document-label{font-size:10px;color:var(--brand);letter-spacing:.06em}.sync-demo-content h3{font-family:var(--display);font-size:25px;margin:10px 0}.sync-demo-content p{font-size:11px;color:var(--muted)}.sync-demo-content ul{list-style:none;margin-top:23px;font-size:12px}.sync-demo-content li{display:flex;gap:10px;align-items:center;min-height:35px;padding-block:7px;transition:background .3s,color .3s}.sync-demo-content li.complete{color:var(--muted)}.sync-demo-content li.complete .icon{width:15px;height:15px;color:var(--brand)}.empty-checkbox{display:inline-block;width:13px;height:13px;border:1px solid #ccc;border-radius:3px;flex-shrink:0}.sync-demo-content li.arrived{background:var(--brand-soft);padding-inline:10px;margin-inline:-10px;border-radius:4px;color:var(--ink)}.sync-demo-content blockquote{margin:21px 0 0;padding:8px 14px;border-left:2px solid var(--brand);font-size:11px;color:var(--muted)}.sync-dot-active{animation:sync-pulse .7s infinite}@keyframes sync-pulse{50%{box-shadow:0 0 0 5px #c7393c25}}
.theme-section .section-heading h2{font-size:35px}.theme-layout{display:grid;grid-template-columns:.78fr 1fr;gap:70px;align-items:center}.theme-group-label{font-size:12px;color:var(--muted);margin-bottom:14px}.theme-group-label:not(:first-child){margin-top:24px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.theme-choice{display:block;position:relative;text-align:left;padding:13px 12px 12px;background:var(--theme-bg);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:6px;min-height:75px;transition:transform .2s,box-shadow .2s}.theme-choice:hover{transform:translateY(-3px)}.theme-choice[aria-pressed="true"]{box-shadow:0 0 0 2px var(--brand);border-color:transparent}.theme-choice .theme-sample{font-family:var(--display);font-size:18px;line-height:1.2}.theme-choice .theme-name{display:block;font-size:10px;margin-top:8px;opacity:.8}.theme-choice .theme-point{position:absolute;right:12px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--theme-accent)}.theme-picker-note{font-size:11px;color:var(--muted);margin-top:20px}.theme-preview{background:var(--preview-bg,#fff);color:var(--preview-text,#29292C);border:1px solid var(--preview-border,#E3E1E0);border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #29292c08;transition:background .25s,color .25s,border-color .25s;min-width:0}.preview-titlebar{display:flex;align-items:center;padding:11px 17px;gap:12px;font-size:11px;border-bottom:1px solid var(--preview-border,#E3E1E0)}.preview-dots{display:flex;gap:5px}.preview-dots i{width:7px;height:7px;border:1px solid var(--preview-border);border-radius:50%;background:var(--preview-code)}.preview-controls{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--preview-muted,#6E6E73);font-size:10px}.preview-control{background:transparent;display:flex;padding:3px;color:inherit;border-radius:3px}.preview-control[aria-pressed="true"]{color:var(--preview-accent)}.preview-control .icon{width:17px;height:17px}.preview-tabs{display:flex;border-bottom:1px solid var(--preview-border);background:var(--preview-code)}.preview-tabs button{padding:9px 18px;font-size:10px;border-right:1px solid var(--preview-border);color:var(--preview-muted);background:transparent;flex:1;text-align:left}.preview-tabs button.selected{color:var(--preview-text);background:var(--preview-bg)}.preview-document{padding:32px 34px;min-height:332px;font-size:12px;line-height:1.9}.preview-document h3{font-size:25px;font-family:var(--display);padding-bottom:10px;border-bottom:1px solid var(--preview-border);margin-bottom:13px}.preview-document h4{font-size:14px;margin:24px 0 8px}.preview-document blockquote{margin:17px 0 0;padding-left:13px;border-left:2px solid var(--preview-accent);color:var(--preview-muted)}.preview-document ul{list-style:none}.preview-document li{margin-top:6px}.preview-document label{display:flex;align-items:center;gap:9px;cursor:pointer}.preview-document input{accent-color:var(--preview-accent);width:13px;height:13px;margin:0}.preview-document code{background:var(--preview-code);color:var(--preview-accent);padding:2px 4px;border-radius:3px;font-size:11px}.preview-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 17px;border-top:1px solid var(--preview-border);font-size:9px;color:var(--preview-muted)}.preview-source{font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;margin:0;padding:30px 34px;min-height:332px;overflow-wrap:anywhere}.guide-section{background:var(--soft)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-bottom:65px}.step-number{display:block;color:var(--brand);font-family:Georgia,serif;font-size:27px;border-top:1px solid #d9d4d2;padding-top:14px;margin-bottom:16px}.steps h3{font-size:16px;margin-bottom:9px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.shortcut-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;background:white;border:1px solid var(--line);border-radius:8px;padding:35px 40px}.shortcut-panel .eyebrow{margin-bottom:10px}.shortcut-panel h3{font-size:23px;font-family:var(--display);margin-bottom:17px}.shortcut-panel .text-link{font-size:12px;color:var(--brand)}.shortcut-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 34px}.shortcut-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.shortcut-list dd{display:flex;gap:4px;margin:0}kbd{display:inline-flex;min-width:26px;height:26px;align-items:center;justify-content:center;background:#faf9f8;border:1px solid var(--line);border-radius:4px;font:11px var(--font);box-shadow:0 1px 1px #29292c08;padding:0 5px}.faq-section{display:grid;grid-template-columns:.75fr 1fr;gap:95px}.faq-intro h2{font-size:36px;margin-bottom:26px}.faq-intro .text-link{font-size:12px;color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;font-size:14px;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:var(--muted);transition:transform .25s}.faq-list details[open] summary{color:var(--brand)}.faq-list details[open] summary .icon{transform:rotate(45deg);color:var(--brand)}.faq-list details p{padding:0 25px 21px 0;color:var(--muted);font-size:12px;line-height:2}.download-section{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--line);padding-block:65px 78px}.download-section img{width:58px;height:58px;margin-bottom:19px}.download-section h2{font-size:33px}.download-section p{color:var(--muted);font-size:12px;margin-top:12px}.download-actions{text-align:center}.download-actions>p{font-size:10px;margin-top:14px}.download-actions .windows-note{display:block;margin-top:8px}.site-footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:30px 0 38px}.site-footer .brand{font-size:20px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:26px;margin-left:auto;font-size:12px;color:var(--muted)}.site-footer nav a:hover{color:var(--brand)}.back-top{border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:30px}.back-top .icon{width:16px;height:16px;transform:rotate(-90deg)}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;color:var(--ink);background:white;max-height:85vh;box-shadow:0 30px 120px #29292c33}dialog::backdrop{background:#25252880;backdrop-filter:blur(5px)}.shortcuts-dialog{width:min(780px,calc(100vw - 32px));overflow:auto}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-heading h2{font-size:30px}.dialog-heading .eyebrow{margin-bottom:7px}.dialog-description{font-size:11px;color:var(--muted);margin-top:15px}.all-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:25px}.all-shortcuts h3{font-size:14px;color:var(--brand);margin-bottom:7px}.all-shortcuts dl{margin:0}.all-shortcuts dl>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #f1efee;padding-block:8px;font-size:11px}.all-shortcuts dd{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;margin:0;white-space:nowrap}.image-dialog{width:min(1180px,95vw);padding:0;max-height:93vh;background:transparent;border:0;overflow:visible;box-shadow:none}.image-dialog img{width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.image-dialog>.icon-button{position:absolute;top:-42px;right:0;color:#fff;background:#29292c66;width:32px;height:32px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.feature-card:nth-child(3n + 2){transition-delay:60ms}.feature-card:nth-child(3n){transition-delay:120ms}.hero-copy{animation:hero-appear .8s both}.hero-visual{animation:hero-appear 1s .12s both}@keyframes hero-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.updates-main{padding:76px 0 90px}.updates-heading{padding-bottom:65px;border-bottom:1px solid var(--line)}.updates-heading h1{font-size:clamp(34px,4.2vw,56px);line-height:1.45}.updates-heading>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:23px}.updates-heading>.text-link{margin-top:25px;color:var(--muted);font-size:12px}.updates-layout{display:grid;grid-template-columns:190px 1fr;gap:72px;margin-top:55px}.version-nav{position:sticky;top:120px;align-self:start}.version-nav>span{font-size:11px;color:var(--muted)}.version-nav nav{display:flex;flex-direction:column;gap:5px;margin-top:14px}.version-nav a{font:13px Georgia,serif;padding:7px 12px;border-left:1px solid var(--line);display:flex;gap:8px;align-items:center}.version-nav a:hover,.version-nav a.active{border-left-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.version-nav small{font:9px var(--font)}.release{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:10px}.release:last-child{margin-bottom:0}.release-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}.release-version{font:25px Georgia,serif}.release-date{font-size:11px;color:var(--muted)}.latest-badge{font-size:10px;background:var(--brand-soft);color:var(--brand);padding:1px 8px;border-radius:3px}.release h2{font:600 20px/1.6 var(--font);letter-spacing:0;margin-bottom:17px}.release ul{list-style:none}.release li{position:relative;font-size:13px;line-height:1.95;color:var(--muted);padding-left:18px;margin-top:8px}.release li::before{content:"";width:4px;height:4px;border-radius:50%;position:absolute;left:1px;top:11px;background:#c4bfbd}.release .text-link{color:var(--brand);margin-top:22px;font-size:12px}
@media(min-width:1600px){.hero{min-height:720px}.hero h1{font-size:64px}}
@media(max-width:1100px){.main-nav{gap:18px}.hero{gap:35px}.hero h1{font-size:45px}.theme-layout{gap:40px}.sync-layout{gap:60px}.section-description{max-width:320px}.feature-card{padding:25px 22px}.faq-section{gap:55px}.shortcut-panel{gap:45px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.nav-shell{padding-inline:17px;gap:14px}.main-nav{gap:15px}.main-nav a{font-size:11px}.header-download{font-size:11px;padding:7px 12px;gap:6px}.brand{font-size:21px}.brand img{width:32px;height:32px}.hero{min-height:580px;gap:30px}.hero h1{font-size:38px}.hero-lead{font-size:14px}.hero-description{font-size:12px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding-inline:19px}.hero-actions .text-link{font-size:12px}.visual-backplate{inset:-17px -8px 40px 15px}.principles{gap:35px}.section{padding-block:75px}.feature-grid{gap:14px}.feature-card h3{font-size:15px}.feature-card p{font-size:12px}.sync-copy h2{font-size:34px}.sync-layout{gap:45px}.sync-demo-content{padding:26px}.theme-layout{grid-template-columns:1fr 1.2fr;gap:30px}.theme-choice{padding:11px 10px}.preview-document{padding:25px;min-height:330px}.theme-section .section-heading h2{font-size:30px}.section-description{font-size:12px}.steps{gap:25px}.shortcut-panel{padding:30px;gap:35px}.shortcut-list{gap:14px 22px}.faq-intro h2{font-size:31px}.updates-layout{grid-template-columns:140px 1fr;gap:40px}}
@media(max-width:700px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.site-header{padding-top:12px}.nav-shell{min-height:62px;padding:0 14px;gap:12px;border-radius:9px;position:relative}.brand{font-size:21px}.main-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 18px;box-shadow:0 12px 30px #29292c12;margin:0;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{line-height:44px;font-size:13px}.main-nav a.active::after{left:auto;right:3px;bottom:20px}.header-download{margin-left:auto;min-height:34px;padding:5px 11px;font-size:11px}.header-download .icon{width:15px;height:15px}.menu-toggle{display:flex;width:28px;height:32px}.menu-toggle .icon{width:20px;height:20px}.hero{grid-template-columns:1fr;gap:50px;padding-block:53px 35px;min-height:0}.hero h1{font-size:clamp(36px,8.8vw,51px);line-height:1.4}.hero-eyebrow{font-size:11px;margin-bottom:18px}.hero-lead{font-size:15px;margin-top:24px}.hero-description{max-width:450px;font-size:13px}.hero-actions{gap:23px;margin-top:27px}.hero-actions .button{font-size:14px;min-height:49px;padding-inline:23px}.hero-actions .text-link{font-size:13px}.hero-visual{width:100%;max-width:580px;justify-self:center}.visual-backplate{inset:-16px 2px 40px 18px;transform:rotate(2deg)}.visual-caption{margin-top:13px;font-size:10px}.principles{gap:10px;justify-content:space-between;padding-block:21px;font-size:9px}.principles span{gap:5px}.principles .icon{width:13px;height:13px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:31px}.section-heading h2 br{display:none}.section-description{margin-top:19px;padding:0;font-size:12px}.section-description br{display:none}.eyebrow{margin-bottom:13px;font-size:11px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:22px 18px}.feature-icon{margin-bottom:17px;width:30px;height:30px}.feature-icon .icon{width:24px;height:24px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px;line-height:1.95}.export-strip{display:block;padding-top:15px}.export-formats{margin-top:25px;gap:40px}.export-strip strong{font-size:15px}.sync-section{padding:60px 0}.sync-layout{grid-template-columns:1fr;gap:35px}.sync-copy h2{font-size:35px}.sync-copy>p:not(.eyebrow){max-width:100%;font-size:12px;margin-top:18px}.sync-copy h2 br{display:none}.sync-demo{max-width:500px;width:100%;justify-self:center}.sync-demo-content{padding:26px 29px}.sync-demo-content h3{font-size:25px}.theme-section .section-heading h2{font-size:30px}.theme-layout{grid-template-columns:1fr;gap:30px}.theme-grid{grid-template-columns:repeat(6,1fr);gap:7px}.theme-choice{padding:10px 8px;min-height:64px}.theme-choice .theme-sample{font-size:16px}.theme-choice .theme-name{font-size:9px}.theme-choice .theme-point{right:8px;top:10px;width:4px;height:4px}.theme-picker-note{font-size:10px;margin-top:15px}.preview-document{min-height:310px;padding:27px}.preview-source{min-height:310px;padding:27px}.steps{grid-template-columns:1fr 1fr;gap:30px 25px;margin-bottom:35px}.step-number{font-size:25px;padding-top:11px;margin-bottom:10px}.steps h3{font-size:15px}.steps p{font-size:11px}.shortcut-panel{grid-template-columns:1fr;gap:25px;padding:27px}.shortcut-panel h3{font-size:22px}.shortcut-list{gap:15px 25px}.shortcut-list div{font-size:11px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:31px;margin-bottom:17px}.faq-intro h2 br{display:none}.faq-list summary{font-size:13px;padding-block:19px}.download-section{display:block;padding-block:45px 50px;text-align:center}.download-section img{margin-inline:auto;margin-bottom:15px}.download-section h2{font-size:29px}.download-section p{font-size:11px}.download-actions{margin-top:27px}.site-footer{padding:25px 0 28px;gap:10px;flex-wrap:wrap}.site-footer nav{gap:18px;font-size:11px}.site-footer .brand{font-size:18px}.site-footer .brand img{width:26px;height:26px}.back-top{display:none}.all-shortcuts{grid-template-columns:1fr;gap:23px}.shortcuts-dialog{padding:24px}.dialog-heading h2{font-size:27px}.dialog-description{font-size:10px}.updates-main{padding-block:50px 60px}.updates-heading{padding-bottom:35px}.updates-heading h1{font-size:36px}.updates-heading>p:not(.eyebrow){font-size:12px}.updates-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.version-nav{position:relative;top:auto;overflow:auto;padding-bottom:7px}.version-nav>span{display:none}.version-nav nav{flex-direction:row;gap:6px;overflow:auto;margin:0}.version-nav a{flex-shrink:0;border:1px solid var(--line);border-radius:5px;font-size:12px;padding:6px 10px}.release{scroll-margin-top:5px;padding-bottom:30px;margin-bottom:30px}.release-version{font-size:23px}.release h2{font-size:18px}.release li{font-size:12px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:9px}.theme-choice{min-height:65px;padding:11px}.feature-card{padding:20px 15px}.feature-card h3{font-size:13px}.feature-grid{gap:10px}.site-footer nav{gap:12px;font-size:10px}.shortcut-panel{padding:23px}.shortcut-list{gap:14px 17px}.principles{font-size:8px;gap:5px}.hero h1{font-size:34px}.updates-heading h1{font-size:32px}}
.hero-capability{min-height:22px;margin-top:15px;font-size:11px;color:var(--brand);line-height:1.9}.capability-line{display:inline-block}.hero-actions{margin-top:23px}.paper-motion{position:absolute;inset:-28px -14px 30px;pointer-events:none;z-index:-1;overflow:hidden}.paper-motion i{position:absolute;width:23px;height:31px;border:1px solid #c7393c22;border-radius:3px;transform:rotate(-8deg);animation:paper-drift 14s ease-in-out infinite}.paper-motion i::after{content:"";position:absolute;left:5px;right:5px;top:9px;height:8px;border-block:1px solid #c7393c20}.paper-motion i:nth-child(1){left:23px;top:8px}.paper-motion i:nth-child(2){right:36px;top:16px;animation-delay:-5s;animation-duration:17s}.paper-motion i:nth-child(3){left:42px;bottom:6px;animation-delay:-9s;animation-duration:19s}.paper-motion span{position:absolute;width:3px;height:3px;border-radius:50%;background:#c7393c44;animation:paper-point 11s ease-in-out infinite}.paper-motion span:nth-of-type(1){left:55%;top:9px}.paper-motion span:nth-of-type(2){right:19px;bottom:25px;animation-delay:-5s}.ambient-paused .paper-motion i,.ambient-paused .paper-motion span{animation-play-state:paused}@keyframes paper-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:5px -7px;rotate:6deg}}@keyframes paper-point{0%,100%{translate:0 0;opacity:.35}50%{translate:3px -5px;opacity:.7}}
.gallery-switcher{display:flex;gap:7px;margin-top:15px;align-items:center;flex-wrap:wrap}.gallery-switcher button{font-size:10px;color:var(--muted);background:white;border:1px solid var(--line);border-radius:5px;padding:6px 12px;transition:border-color .2s,background .2s,color .2s,transform .2s}.gallery-switcher button:hover{border-color:#d6aeae;transform:translateY(-2px)}.gallery-switcher button[aria-pressed="true"]{color:var(--brand);border-color:#deb2b2;background:var(--brand-soft)}.gallery-switcher+.visual-caption{margin-top:11px}.feature-card{position:relative}.feature-card::after{content:"";position:absolute;left:28px;bottom:16px;width:0;height:1px;background:var(--brand);transition:width .25s}.feature-card:hover::after{width:25px}.steps .step-number{position:relative}.steps .step-number::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--brand);transition:width .8s ease}.steps.visible .step-number::before{width:100%}.steps li:nth-child(2) .step-number::before{transition-delay:.12s}.steps li:nth-child(3) .step-number::before{transition-delay:.24s}.steps li:nth-child(4) .step-number::before{transition-delay:.36s}
.image-dialog{width:min(1280px,calc(100vw - 40px));max-height:92vh;padding:19px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;box-shadow:0 25px 100px #29292c33}.image-dialog[open]{display:flex;flex-direction:column}.image-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:0 2px 12px}.image-dialog-heading h2{font:600 19px/1.5 var(--font);letter-spacing:0}.image-dialog-heading p{font-size:11px;color:var(--muted);margin-top:4px}.image-dialog-heading .icon-button{width:32px;height:32px;flex-shrink:0}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.image-toolbar>div{display:flex;align-items:center;gap:9px}.image-toolbar .icon-button{width:29px;height:29px}.image-toolbar .icon{width:17px;height:17px}.arrow-left{rotate:180deg}.image-tool{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:5px 10px;background:white;transition:background .2s,border-color .2s}.image-tool:hover{background:var(--brand-soft);border-color:#deb2b2}.image-tool:disabled{opacity:.4}.image-stage{height:min(65vh,760px);min-height:150px;overflow:auto;flex:1;background:#faf9f8;overscroll-behavior:contain;scrollbar-width:thin;margin-top:12px;border:1px solid var(--line);border-radius:5px}.image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content;padding:16px}.image-dialog .image-stage img{max-width:none;max-height:none;width:auto;height:auto;border-radius:4px;object-fit:initial;user-select:none;-webkit-user-drag:none;box-shadow:0 3px 12px #29292c0c}.image-stage.zoomed{cursor:grab}.image-stage.dragging{cursor:grabbing}.image-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding-top:12px}
@media(max-width:700px){.hero-capability{font-size:10px;margin-top:13px}.hero-actions{margin-top:23px}.gallery-switcher{gap:6px;justify-content:space-between;margin-top:12px}.gallery-switcher button{padding:6px 9px;font-size:9px;flex:1;white-space:nowrap}.visual-caption{font-size:9px}.image-dialog{width:calc(100vw - 24px);max-height:94vh;padding:12px}.image-dialog-heading{gap:12px;padding-bottom:9px}.image-dialog-heading h2{font-size:16px}.image-dialog-heading p{font-size:10px}.image-toolbar{flex-wrap:wrap;gap:7px;padding-block:7px}.image-toolbar>div{gap:7px}.image-tool{font-size:10px;padding:4px 8px}.image-stage{height:min(56vh,480px);margin-top:8px}.image-dialog-footer{font-size:9px;align-items:flex-start;gap:8px}.image-dialog-footer span:last-child{text-align:right}.feature-card::after{left:18px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.steps .step-number::before{width:100%}}

.hero-copy{min-width:0;container-type:inline-size}
#hero-title{font-size:clamp(24px,10cqi,60px)}
#hero-title>span,#hero-title>em{display:block;white-space:nowrap}