:root{--bg: #ffffff;--bg-alt: #f5f5f7;--surface: #ffffff;--surface-2: #f5f5f7;--fill: #e8e8ed;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--line: #d2d2d7;--hair: rgba(0, 0, 0, .08);--accent: #00788a;--accent-hover: #00626f;--link: #006c7c;--accent-soft: rgba(0, 120, 138, .12);--danger: #e30000;--ok: #008009;--paper-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08);--lift: 0 0 0 .5px rgba(0, 0, 0, .1), 0 18px 40px rgba(0, 0, 0, .18);--nav: rgba(255, 255, 255, .8);--radius: 18px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-alt: #161617;--surface: #1d1d1f;--surface-2: #2c2c2e;--fill: #3a3a3c;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--line: #424245;--hair: rgba(255, 255, 255, .12);--accent: #00788a;--accent-hover: #00626f;--link: #5cc8d6;--accent-soft: rgba(92, 200, 214, .18);--danger: #ff453a;--ok: #30d158;--paper-shadow: 0 0 0 .5px rgba(255, 255, 255, .1), 0 1px 3px rgba(0, 0, 0, .6);--lift: 0 0 0 .5px rgba(255, 255, 255, .12), 0 18px 40px rgba(0, 0, 0, .7);--nav: rgba(22, 22, 23, .8)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.47059 var(--font);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,canvas{display:block}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;letter-spacing:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:min(980px,100% - 44px);margin-inline:auto}.section{padding:100px 0}.section.alt{background:var(--bg-alt)}.section.dark{background:#000;color:#f5f5f7}.eyebrow{font-size:21px;font-weight:600;letter-spacing:.011em;margin:0 0 6px;color:var(--text)}.headline{font-family:var(--display);font-size:clamp(32px,5vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.003em;margin:0 0 20px}.more{font-size:19px;color:var(--link)}.more:after{content:" \203a"}[dir=rtl] .more:after{content:" \2039"}.nav{position:sticky;top:0;z-index:50;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.nav .wrap{display:flex;align-items:center;gap:28px;height:48px}.brand{display:flex;align-items:center;gap:7px;color:var(--text);font-weight:600;font-size:17px;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand svg{width:18px;height:18px}.nav-links{margin-inline-start:auto;display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:-.01em}.nav-links a{color:var(--text);opacity:.8}.nav-links a:hover{opacity:1;text-decoration:none}.lang-link{display:inline-flex;align-items:center;gap:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 18px;border:0;border-radius:980px;background:var(--fill);color:var(--text);font-size:15px;font-weight:400;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:hover{text-decoration:none}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.big{min-height:48px;padding:12px 26px;font-size:17px}.btn.block{width:100%}.btn.small{min-height:30px;padding:4px 12px;font-size:14px}.btn[disabled]{opacity:.35;pointer-events:none}.btn-plain{background:none;border:0;color:var(--link);cursor:pointer;padding:4px 0;font-size:14px}.btn-plain:hover{text-decoration:underline}.hero{text-align:center;padding:72px 0 0}.hero h1{font-family:var(--display);font-size:clamp(40px,7vw,80px);line-height:1.05;font-weight:600;letter-spacing:-.015em;margin:0 0 14px}.hero h1 .soft{color:var(--text-3)}.hero .lead{font-size:clamp(19px,2.4vw,24px);line-height:1.34;color:var(--text-2);max-width:720px;margin:0 auto;letter-spacing:.009em;font-weight:400}.hero-ctas{display:flex;justify-content:center;align-items:center;gap:28px;margin:32px 0 0;flex-wrap:wrap}.home-hero{padding-top:96px}.hero-art{margin:64px auto 0;max-width:980px}.hero-art{display:block}.hero-art img{display:block;width:100%;height:auto;border-radius:12px}.crumbs{font-size:12px;color:var(--text-3);margin-bottom:18px}.crumbs a{color:var(--text-3)}.crumbs ol{list-style:none;display:flex;justify-content:center;gap:6px;margin:0;padding:0}.crumbs li+li:before{content:"\203a";margin-inline-end:6px}[dir=rtl] .crumbs li+li:before{content:"\2039"}.a-window{fill:var(--surface)}.a-stage{fill:var(--bg-alt)}.a-page{fill:#fff}.a-ink{fill:#1d1d1f;opacity:.8}.a-text{fill:#c7c7cc}.a-photo{fill:url(#artPhoto)}.a-line{stroke:var(--hair);fill:none}.a-label{fill:var(--text);font-family:var(--display)}.a-muted{fill:var(--text-3);font-family:var(--font)}.a-fill{fill:var(--fill)}.a-seg{fill:var(--surface)}.a-accent{fill:var(--accent)}.a-ring{stroke:var(--accent);fill:none}.a-white{fill:#fff;font-family:var(--font)}.a-panel{fill:var(--surface)}.a-doc{fill:#1d1d1f;font-family:var(--display);letter-spacing:-.01em}.a-docsoft{fill:#86868b;font-family:var(--font)}.a-text2{fill:#8e8e93}.a-row{fill:#f2f2f5}.a-axis{stroke:#d8d8de;stroke-width:.8}.a-slot{fill:none;stroke:var(--line);stroke-width:1.2;stroke-dasharray:5 4}.a-float{animation:float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.a-caret{animation:caret 1.6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes caret{0%,to{opacity:1}50%{opacity:.35}}.a-shadow{filter:drop-shadow(0 30px 60px rgba(0,0,0,.14)) drop-shadow(0 2px 6px rgba(0,0,0,.06))}@media (prefers-color-scheme: dark){.a-shadow{filter:drop-shadow(0 30px 60px rgba(0,0,0,.8))}.a-page{fill:#f5f5f7}}.glyph{color:var(--text)}.chiclets{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:28px 12px}.chiclet{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text);text-align:center;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:-.016em}.chiclet svg{width:40px;height:40px;stroke-width:1.4;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.chiclet:hover{text-decoration:none;color:var(--link)}.chiclet:hover svg{transform:translateY(-2px)}.tool-group+.tool-group{margin-top:56px}.tool-group h3{font-size:21px;font-weight:600;letter-spacing:.011em;margin:0 0 28px;color:var(--text)}.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px}.point svg{width:32px;height:32px;stroke-width:1.5;margin-bottom:16px}.point h3{font-size:21px;font-weight:600;letter-spacing:.011em;margin:0 0 8px}.point p{margin:0;color:var(--text-2)}.dark .headline{color:#f5f5f7}.statement{max-width:760px}.statement p{font-size:21px;line-height:1.43;color:#86868b;margin:0 0 20px;letter-spacing:.011em}.statement p strong{color:#f5f5f7;font-weight:600}.statement a{color:#5cc8d6}.statement svg{width:44px;height:44px;color:#f5f5f7;margin-bottom:28px;stroke-width:1.4}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;counter-reset:s}.steps li{counter-increment:s;border-top:1px solid var(--line);padding-top:18px;font-size:17px;color:var(--text-2)}.steps li:before{content:counter(s);display:block;font-family:var(--display);font-size:40px;font-weight:600;line-height:1;color:var(--text);margin-bottom:14px}.prose{max-width:720px}.prose h2,.prose h3{font-family:var(--font);font-size:24px;line-height:1.17;font-weight:600;letter-spacing:.009em;margin:48px 0 12px}.prose>:first-child{margin-top:0}.prose p{margin:0 0 14px;color:var(--text-2)}.prose p strong{color:var(--text);font-weight:600}.prose ul{color:var(--text-2);padding-inline-start:20px}.split-copy{display:grid;grid-template-columns:1fr 1.6fr;gap:24px 64px}.split-copy h2{font-size:24px;line-height:1.17;font-weight:600;margin:0;letter-spacing:.009em}.split-copy p{margin:0;color:var(--text-2)}.split-copy+.split-copy{margin-top:48px;padding-top:48px;border-top:1px solid var(--line)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:19px;position:relative;letter-spacing:.012em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:translateY(-70%) rotate(45deg);transition:transform .25s}.faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.faq details p{margin:-6px 0 24px;color:var(--text-2);max-width:760px}[dir=rtl] .faq summary{padding:22px 0 22px 40px}[dir=rtl] .faq summary:after{right:auto;left:6px}.table-wrap{overflow-x:auto}.compare{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}.compare th,.compare td{padding:16px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}.compare thead th{font-size:19px;font-weight:600;border-bottom-color:var(--text)}.compare tbody th{font-weight:400;color:var(--text-2);width:28%}.compare .us{font-weight:600}.hint{font-size:12px;color:var(--text-3);margin-top:8px}.hint.error{color:var(--danger)}.footer{background:var(--bg-alt);color:var(--text-2);font-size:12px;line-height:1.33;letter-spacing:-.01em;padding:20px 0 32px}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.footer h2{margin:0 0 10px;color:var(--text);font-size:12px;font-weight:600;letter-spacing:-.01em}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer a{color:var(--text-2)}.footer a:hover{color:var(--text)}.footer>.wrap>p{margin:16px 0 0}.langs{padding:20px 0;border-bottom:1px solid var(--line)}.langs h2{display:flex;align-items:center;gap:6px}.langs ul{display:flex;flex-wrap:wrap;gap:8px 16px}.langs a[aria-current]{color:var(--text);font-weight:600}.lang-suggest{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--bg-alt);font-size:14px;text-align:center}.icon-btn{width:28px;height:28px;padding:0;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--text);box-shadow:0 1px 3px #0003,0 0 0 .5px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-suggest .icon-btn{width:26px;height:26px;box-shadow:none;background:none;color:var(--text-2);transition:background .15s,color .15s}.lang-suggest .icon-btn:hover{background:var(--fill);color:var(--text)}.busy{position:absolute;inset:0;z-index:5;border-radius:var(--radius);background:color-mix(in srgb,var(--bg-alt) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center;font-weight:600;font-size:17px}.spinner{width:32px;height:32px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--fill);border-top-color:var(--text-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.busy small{display:block;font-weight:400;font-size:13px;color:var(--text-2);margin-top:4px}.alert{border-radius:12px;padding:12px 16px;background:color-mix(in srgb,var(--danger) 8%,var(--bg));margin:0 0 16px;font-size:15px;display:flex;gap:10px;align-items:flex-start}.alert b{color:var(--danger)}.done{background:var(--bg-alt);border-radius:var(--radius);padding:64px 24px;text-align:center}.done h2{font-family:var(--display);font-size:clamp(32px,4.5vw,48px);line-height:1.08;font-weight:600;margin:20px 0 8px}.done .file{color:var(--text-2);margin:0;word-break:break-word}.done .saving{display:block;font-family:var(--display);font-weight:600;color:var(--text);margin:16px 0 0;font-size:21px;background:none}.done .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}.check-anim{width:64px;height:64px;margin:0 auto}.check-anim circle{stroke:var(--ok);stroke-dasharray:260;stroke-dashoffset:260;animation:draw .6s ease-out forwards}.check-anim path{stroke:var(--ok);stroke-dasharray:60;stroke-dashoffset:60;animation:draw .35s .45s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.next{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.next h3{font-size:12px;font-weight:600;color:var(--text-3);margin:0 0 16px}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:var(--surface);color:var(--text);border:0;cursor:pointer;font-size:14px;box-shadow:0 0 0 1px var(--hair)}.chip:hover{box-shadow:0 0 0 1px var(--accent)}.chip .tool-icon{display:grid;color:var(--text-2);background:none!important;box-shadow:none!important}[dir=rtl] body,:lang(ja),:lang(ko),:lang(zh-Hans),:lang(hi){letter-spacing:0}[dir=rtl] .hero h1,[dir=rtl] .headline{letter-spacing:0}:lang(ja) .hero h1,:lang(zh-Hans) .hero h1,:lang(ko) .hero h1{line-height:1.15;letter-spacing:0}@media (max-width: 860px){.section{padding:72px 0}.work{grid-template-columns:1fr}.panel{border-inline-start:0;border-top:1px solid var(--hair)}.single{grid-template-columns:1fr;min-height:0;text-align:center}.single .thumb{max-width:220px;margin:0 auto}.stage{padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 8px}.card-actions{position:static;opacity:1;justify-content:center;margin-top:8px;gap:6px}.card-actions .icon-btn{box-shadow:0 0 0 .5px var(--hair);background:var(--surface)}.split-copy{grid-template-columns:1fr}.mobile-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--hair);transition:transform .25s}.mobile-bar.away{transform:translateY(110%)}.mobile-bar .btn{width:100%}body.has-bar .footer{padding-bottom:100px}.busy{position:fixed;z-index:70;border-radius:0}}@media (max-width: 640px){.nav-links{gap:18px}.nav-links a.opt,.lang-link span{display:none}.hero{padding-top:48px}.home-hero{padding-top:56px}.hero-art{margin-top:40px}.drop{padding:48px 20px}.chiclets{grid-template-columns:repeat(3,1fr);gap:24px 8px}.chiclet{font-size:12px}.chiclet svg{width:34px;height:34px}}.touch .drop .drop-hint{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.check-anim circle,.check-anim path{stroke-dashoffset:0}}.tool-hero,.home-hero{padding-bottom:100px}@media (max-width: 860px){.tool-hero,.home-hero{padding-bottom:72px}}@media (max-width: 640px){.section{padding:56px 0}.tool-hero,.home-hero{padding-bottom:56px}.headline{margin-bottom:16px}.points{gap:28px}.point{display:grid;grid-template-columns:32px 1fr;column-gap:16px}.point svg{grid-row:span 2;margin:2px 0 0;width:28px;height:28px}.point h3{font-size:19px;margin-bottom:4px}.point p{font-size:15px}.statement p{font-size:19px}.tool-group+.tool-group{margin-top:40px}.tool-group h3{font-size:19px;margin-bottom:20px}.steps{gap:24px}.steps li:before{font-size:32px;margin-bottom:8px}.split-copy+.split-copy{margin-top:32px;padding-top:32px}.faq summary{font-size:17px;padding:18px 36px 18px 0}.hero-ctas{gap:20px;margin-top:24px}}@media (max-width: 640px){.hero .lead{font-size:17px;line-height:1.47}.hero h1{margin-bottom:12px}.app{margin-top:32px}.drop .glyph svg{width:44px;height:44px;margin-bottom:20px}.done{padding:48px 20px}.done .actions .btn{flex:1 1 100%}}.done .actions{flex-direction:column;align-items:center;gap:16px}.start-over{font-size:17px}.card-actions:has(>:only-child){position:absolute;top:2px;inset-inline-end:2px;margin:0;opacity:1}.card-actions:has(>:only-child) .icon-btn{width:24px;height:24px;box-shadow:0 1px 3px #00000040}@media (max-width: 640px){.done .actions .btn{width:100%}}.stamp-pick{background:#fff;border:0;border-radius:10px;padding:8px;cursor:pointer;box-shadow:0 0 0 1px var(--hair);display:grid;place-items:center}.stamp-pick:hover{box-shadow:0 0 0 2px var(--accent)}.stamp-pick canvas{width:100%;height:auto}.sheet .ink{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:1}body.ink-scroll .sheet .ink{pointer-events:none}.placed{z-index:2}.placed-white .placed-body{box-shadow:0 0 0 1px #00000026}.problem-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;max-width:calc(100% - 32px);background:var(--text);color:var(--bg);padding:12px 18px;border-radius:14px;font-size:14px;box-shadow:0 10px 30px #00000040}.problem-toast[hidden]{display:none}.palette-row[aria-selected=true] svg,.palette-row[aria-selected=true] small{color:#ffffffd9}.palette-empty{color:var(--text-3);text-align:center;padding:24px;margin:0;font-size:14px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@media (max-width: 760px){.studio-sheet .tools-head{top:-6px;margin-top:-6px;padding-top:6px}.studio-sheet .seg button{height:32px;font-size:13px}.studio-sheet .tools-find{height:36px;font-size:16px}.studio-sheet .tools-find kbd{display:none}.studio-sheet .tool-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.studio-sheet .tool-tile{font-size:12.5px;min-height:92px}.palette-backdrop{padding-top:10px}.palette{max-height:70dvh}.palette-input input{font-size:17px}}.epub-cover{display:grid;place-items:center;width:100%;aspect-ratio:3 / 4;color:var(--text-3);background:var(--fill);border-radius:6px}@font-face{font-family:Vazirmatn;src:url(/vendor/fonts/vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/vendor/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/vendor/fonts/plex-arabic-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/vendor/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/vendor/fonts/plex-arabic-700.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Heebo;src:url(/vendor/fonts/heebo.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Noto Sans Devanagari;src:url(/vendor/fonts/noto-sans-devanagari.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}:root{--system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif}:root:lang(fa),:root:lang(ckb),:root:lang(ur){--font: "Vazirmatn", var(--system);--display: "Vazirmatn", var(--system)}:root:lang(ar){--font: "IBM Plex Sans Arabic", var(--system);--display: "IBM Plex Sans Arabic", var(--system)}:root:lang(he){--font: "Heebo", var(--system);--display: "Heebo", var(--system)}:root:lang(hi){--font: "Noto Sans Devanagari", var(--system);--display: "Noto Sans Devanagari", var(--system)}:root:lang(ja){--font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo UI", "Noto Sans JP", sans-serif;--display: var(--font)}:root:lang(ko){--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--display: var(--font)}:root:lang(zh-Hans){--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--display: var(--font)}.langs a,.lang-menu a{font-family:var(--system)}:is(.langs,.lang-menu) a:is(:lang(fa),:lang(ckb),:lang(ur)),.lang-suggest:lang(ur){font-family:"Vazirmatn",var(--system)}:is(.langs,.lang-menu) a:lang(ar){font-family:"IBM Plex Sans Arabic",var(--system)}:is(.langs,.lang-menu) a:lang(he){font-family:"Heebo",var(--system)}:is(.langs,.lang-menu) a:is(:lang(hi),:lang(mr)){font-family:"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI",var(--system)}:is(.langs,.lang-menu) a:lang(bn){font-family:"Kohinoor Bangla","Bangla Sangam MN","Nirmala UI","Noto Sans Bengali",var(--system)}:is(.langs,.lang-menu) a:lang(th){font-family:"Thonburi","Sukhumvit Set","Leelawadee UI","Noto Sans Thai",var(--system)}:is(.langs,.lang-menu) a:lang(ja){font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo UI","Noto Sans JP",var(--system)}:is(.langs,.lang-menu) a:lang(ko){font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",var(--system)}:is(.langs,.lang-menu) a:is(:lang(zh-Hans),:lang(zh-CN)){font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",var(--system)}:is(.langs,.lang-menu) a:is(:lang(zh-Hant),:lang(zh-TW)){font-family:"PingFang TC","Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans TC",var(--system)}[dir=rtl] .hero h1,[dir=rtl] .headline,[dir=rtl] .done h2,:lang(hi) .hero h1,:lang(hi) .headline,:lang(hi) .done h2{line-height:1.32;letter-spacing:0}[dir=rtl] body,:lang(hi) body{line-height:1.7}[dir=rtl] .studio-app,[dir=rtl] .studio-window{line-height:1.5}:lang(he) .hero h1,:lang(he) .headline{line-height:1.15}:lang(he) body{line-height:1.55}@font-face{font-family:Noto Sans Bengali;src:url(/vendor/fonts/noto-sans-bengali.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}:root:lang(mr){--font: "Noto Sans Devanagari", var(--system);--display: "Noto Sans Devanagari", var(--system)}:root:lang(bn){--font: "Noto Sans Bengali", var(--system);--display: "Noto Sans Bengali", var(--system)}:lang(mr) .hero h1,:lang(mr) .headline,:lang(mr) .done h2,:lang(bn) .hero h1,:lang(bn) .headline,:lang(bn) .done h2{line-height:1.32;letter-spacing:0}:lang(mr) body,:lang(bn) body{line-height:1.7;letter-spacing:0}.studio-bar{position:relative;z-index:30}.lang-menu{position:relative;font-size:12px}.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--text);opacity:.8;padding:6px 2px;border-radius:6px}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover,.lang-menu[open] summary{opacity:1}.lang-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-menu .caret{opacity:.7;transition:transform .2s}.lang-menu[open] .caret{transform:rotate(180deg)}.lang-pop{position:absolute;top:calc(100% + 10px);inset-inline-end:-8px;z-index:60;width:340px;max-height:min(70vh,520px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:8px;background:var(--surface);border-radius:14px;box-shadow:0 0 0 .5px var(--hair),0 18px 48px #0000002e;animation:pop-in .16s cubic-bezier(.2,.8,.2,1)}.nav-links .lang-pop a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text);opacity:1;text-align:start}.nav-links .lang-pop a:hover{background:var(--fill);text-decoration:none}.nav-links .lang-pop a[aria-current]{background:var(--accent);color:#fff}@media (max-width: 860px){.lang-menu summary span{display:none}.lang-pop{position:fixed;top:52px;inset-inline:12px;width:auto}}.app-lang summary.tb-btn{opacity:1;padding:0 8px;gap:6px;font-size:13px}.app-lang summary.tb-btn span{color:var(--text-2)}.app-lang .lang-pop{inset-inline-end:auto;inset-inline-start:0;top:calc(100% + 6px);z-index:40}.app-lang .lang-pop a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text);text-decoration:none}.app-lang .lang-pop a:hover{background:var(--fill)}.app-lang .lang-pop a[aria-current]{background:var(--accent);color:#fff}@media (max-width: 760px){.app-lang summary span{display:none}.app-lang .lang-pop{position:fixed;top:56px;inset-inline:12px;width:auto}}.hero-title .ln{display:inline-block;animation:line-in .9s cubic-bezier(.2,.8,.2,1) both}.hero-title .ln+.ln{animation-delay:.14s}.hero-title .ln.soft{display:inline-block}@media (min-width: 641px){.hero-title .ln{display:block}}@keyframes line-in{0%{opacity:0;transform:translateY(.35em);filter:blur(10px)}}.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d, 0s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.home-hero .hero-ctas,.final-cta .hero-ctas{gap:14px}.cta-main{position:relative;gap:8px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .2s,box-shadow .2s,background .2s}.cta-main:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--accent);opacity:0;animation:cta-ring 3.2s ease-out 1.6s infinite;pointer-events:none}.cta-main:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 45%,transparent)}.cta-main .cta-arrow{transition:transform .2s}.cta-main:hover .cta-arrow{transform:translate(3px)}[dir=rtl] .cta-main .cta-arrow{transform:scaleX(-1)}[dir=rtl] .cta-main:hover .cta-arrow{transform:scaleX(-1) translate(3px)}@keyframes cta-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.12,1.35)}}.cta-files{background:var(--fill);color:var(--text);cursor:pointer;transition:background .2s}.cta-files:hover{background:color-mix(in srgb,var(--fill) 70%,var(--text) 8%)}.cta-files:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hero-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin:26px 0 0;font-size:14px;color:var(--text-2)}.hero-trust svg{color:var(--link);flex:none}.hero-drop{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 0;font-size:13px;color:var(--text-3)}.hero-drop svg{animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (hover: none){.hero-drop{display:none}}body.home-dragging:after{content:attr(data-drop);position:fixed;inset:12px;z-index:100;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:22px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:22px;font-weight:600;color:var(--accent);pointer-events:none}@keyframes art-in{0%{opacity:0;transform:translateY(40px) scale(.97)}}.hero-art .a-sheet{animation:sheet-in .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.9s + var(--i) * .09s)}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}}.hero-art .a-fly .a-sheet{animation:none}.hero-art.play .a-fly{animation:fly 9s cubic-bezier(.45,0,.2,1) 1.8s infinite both}.hero-art.play .a-float{animation:settle 9s ease-in-out 1.8s infinite both}.hero-art.play .a-ring,.hero-art.play .a-cursor{animation:ring 9s ease 1.8s infinite both}.hero-art.play .a-caret{animation:caret 1.6s ease-in-out infinite,hide-late 9s ease 1.8s infinite both}.hero-art.play .a-slot{animation:slot 9s ease 1.8s infinite both}.hero-art.play .a-cta{transform-box:fill-box;transform-origin:center;animation:press 9s ease 1.8s infinite both}.hero-art .a-toast{opacity:0}.hero-art.play .a-toast{transform-box:fill-box;transform-origin:center;animation:toast 9s cubic-bezier(.2,.8,.2,1) 1.8s infinite both}.a-toast-bg{fill:var(--surface);stroke:var(--line);stroke-width:.8;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}@keyframes fly{0%,14%{transform:translate(0);opacity:1}42%,90%{transform:translate(var(--dx),var(--dy));opacity:1}95%{transform:translate(var(--dx),var(--dy));opacity:0}96%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}@keyframes settle{0%,12%{transform:translate(0) rotate(-4deg)}24%{transform:translateY(-8px) rotate(-2.5deg)}40%{transform:translateY(-3px) rotate(-1deg)}46%,to{transform:translate(0) rotate(0)}}@keyframes ring{0%,40%{opacity:1}46%,96%{opacity:0}to{opacity:1}}@keyframes hide-late{0%,14%{opacity:1}20%,96%{opacity:0}to{opacity:1}}@keyframes slot{0%,14%{stroke:var(--line);opacity:1}22%,38%{stroke:var(--accent);opacity:1}44%,94%{opacity:0}to{stroke:var(--line);opacity:1}}@keyframes press{0%,56%{transform:scale(1);filter:none}60%{transform:scale(.95);filter:brightness(1.15)}65%,to{transform:scale(1);filter:none}}@keyframes toast{0%,63%{opacity:0;transform:translateY(14px) scale(.96)}68%,86%{opacity:1;transform:translateY(0) scale(1)}91%,to{opacity:0;transform:translateY(-6px) scale(.98)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n, 0) * 70ms)}.reveal.in{opacity:1;transform:none}.statement>svg{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.statement.in>svg,.statement .reveal.in:first-child{animation:lock 1.2s cubic-bezier(.2,.8,.2,1) both}@keyframes lock{0%{transform:scale(.7) rotate(-8deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:none}}.final-cta{padding-top:0}.final-card{position:relative;overflow:hidden;text-align:center;padding:clamp(56px,9vw,104px) 24px;border-radius:32px;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--accent) 22%,var(--surface)) 0%,var(--surface) 62%);box-shadow:0 0 0 1px var(--hair)}.final-card>p{max-width:560px;margin:0 auto;color:var(--text-2);font-size:19px;position:relative}.final-card .headline,.final-card .hero-ctas,.final-card .hero-trust{position:relative}.float-docs span{position:absolute;color:var(--link);opacity:.22;animation:drift 7s ease-in-out infinite;animation-delay:calc(var(--d) * -1s);--icon-bg: var(--surface)}.float-docs span:nth-child(2n){color:var(--text-3);animation-duration:9s}@keyframes drift{0%,to{transform:translate(0) rotate(-6deg)}50%{transform:translate(6px,-14px) rotate(5deg)}}@media (max-width: 640px){.float-docs span:nth-child(n+5){display:none}}.mac-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:center}.mac-copy .eyebrow{color:var(--link);font-size:15px;text-transform:none}.mac-copy>p{color:var(--text-2);font-size:19px;margin:0 0 22px}.mac-art{position:relative;aspect-ratio:4 / 3;border-radius:22px;background:linear-gradient(160deg,#6e8efb,#a777e3 45%,#f093a7);overflow:hidden;box-shadow:0 30px 60px -20px #503ca073}.mac-art:before{content:"";position:absolute;inset:0 0 auto;height:22px;background:#ffffff47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dock{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px;padding:8px 12px;border-radius:20px;background:#ffffff52;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 .5px #ffffff80}.dock-app{width:44px;height:44px;border-radius:11px;background:#ffffff8c}.dock-app:nth-child(2){background:#fff6}.dock-scissor{width:52px;height:52px;border-radius:12px;animation:dock-bounce 3.6s cubic-bezier(.3,0,.3,1) infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.mac-waitlist.in .dock-scissor{animation-delay:.4s}@keyframes dock-bounce{0%,8%,16%,24%,to{transform:translateY(0)}4%{transform:translateY(-26px)}12%{transform:translateY(-18px)}20%{transform:translateY(-9px)}}.waitlist-form{max-width:480px}.wl-row{display:flex;gap:8px}.wl-row .input{flex:1;min-width:0;min-height:44px;font-size:16px}.wl-row .btn{white-space:nowrap;min-height:44px}.wl-consent{align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-2);margin-top:14px}.wl-consent input{margin-top:1px;flex:none}.waitlist-form .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}.wl-status{min-height:1.4em;font-size:14px;margin:10px 0 0}.wl-status.ok{color:#1f9d55;font-weight:600}.wl-status.err{color:#d70015}.waitlist-form.done .wl-row,.waitlist-form.done .wl-consent{display:none}@media (max-width: 860px){.mac-grid{grid-template-columns:1fr}.mac-art{max-width:520px;width:100%;margin:0 auto}}@media (max-width: 420px){.wl-row{flex-direction:column}}@media (prefers-reduced-motion: reduce){.hero-title .ln,.rise,.hero-art,.hero-art .a-sheet,.hero-art.play *,.cta-main:after,.float-docs span,.dock-scissor,.hero-drop svg,.statement>svg{animation:none!important}.hero-art .a-toast{opacity:0}.reveal{opacity:1;transform:none;transition:none}}.care-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 30px 80px #00000059,0 0 0 .5px var(--hair)}.care-dialog::backdrop{background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.care-dialog[open]{animation:pop-in .18s cubic-bezier(.2,.8,.2,1)}.care-dialog .care-form{padding:22px 22px 18px}.care-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.care-head h2{font-size:21px;margin:0}.care-x{font-size:22px;line-height:1;width:32px;height:32px;border-radius:50%;border:0;background:var(--fill);color:var(--text-2);cursor:pointer}.care-lead{color:var(--text-2);font-size:14px;margin:6px 0 14px}.care-form .field{display:block;margin:0 0 12px}.care-form .label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:5px}.care-form .input{width:100%;font:inherit;font-size:15px}.care-form textarea.input{resize:vertical;min-height:44px;line-height:1.45;padding-top:9px}.care-note{font-size:12px;color:var(--text-3);margin:4px 0 12px}.care-actions{display:flex;justify-content:flex-end;gap:8px}.care-status{min-height:1.2em;font-size:14px;margin:10px 0 0}.care-status.ok{color:#1f9d55;font-weight:600}.care-status.err{color:#d70015}.care-form.sent .field,.care-form.sent .care-actions,.care-form.sent .care-note,.care-form.sent>button,.care-form.sent textarea{display:none}.contact-form{max-width:560px;margin:0 auto}.contact-form .btn{margin-top:4px}.problem-report{margin-inline-start:8px;background:#ffffff2e;color:inherit;border:0;border-radius:980px;padding:3px 12px;font:inherit;font-weight:600;cursor:pointer}.welcome-report{margin-top:10px;font-size:13px;color:var(--text-3)}.rate{margin:28px auto 0;text-align:center;max-width:420px}.rate-q{font-size:14px;color:var(--text-2);margin:0 0 6px}.stars{display:inline-flex;gap:2px}.stars button{font-size:28px;line-height:1;padding:2px 4px;background:none;border:0;color:var(--line);cursor:pointer;transition:transform .15s,color .15s}.stars button:hover,.stars button.on{color:#ffb800}.stars button:hover{transform:scale(1.15)}.stars:hover button:hover~button{color:var(--line)}.stars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.rate-form{margin-top:10px;display:grid;gap:8px}.rate-form .btn{justify-self:center}.rate.sent .stars{pointer-events:none}.tile-icon{flex:none;overflow:visible}.tool-tile .tile-icon,.palette-row .tile-icon{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.tool-tile:hover .tile-icon{transform:translateY(-2px) scale(1.04)}.tool-tile:active .tile-icon{transform:scale(.96)}.tool-tile .tile-icon{width:34px;height:34px}.palette-row .tile-icon{width:26px;height:26px}.palette-row[aria-selected=true] .tile-icon{background:#fff;border-radius:6px;box-shadow:0 0 0 2px #fff}.chiclet .tile-icon{width:46px;height:46px}.chiclet:hover .tile-icon{transform:translateY(-3px) scale(1.03)}.drop .glyph .tile-icon{width:64px;height:64px}.chip .tool-icon .tile-icon{width:20px;height:20px}.hero-ctas+.hero-trust,.final-card>.hero-ctas+.hero-trust{margin:26px auto 0}:root:lang(zh-Hant){--font: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--display: var(--font)}:lang(zh-Hant) .hero h1{line-height:1.15;letter-spacing:0}:lang(zh-Hant){letter-spacing:0}@font-face{font-family:Noto Sans Thai;src:url(/vendor/fonts/noto-sans-thai.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}:root:lang(th){--font: "Noto Sans Thai", var(--system);--display: "Noto Sans Thai", var(--system)}:lang(th) body{line-height:1.75;letter-spacing:0}:lang(th) .hero h1,:lang(th) .headline,:lang(th) .done h2{line-height:1.35;letter-spacing:0}.meta-found li.warn{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.meta-found li.ok{color:var(--text-2)}.thumb img{transition:transform .25s}.brand-switch{position:relative;display:flex;align-items:center;gap:2px}.brand-caret{border:0;background:none;color:var(--text-2);padding:6px;border-radius:6px;cursor:pointer;display:grid;place-items:center}.brand-caret:hover{background:var(--surface-2)}.product-pop{position:absolute;top:calc(100% + 6px);inset-inline-start:-8px;z-index:60;min-width:260px;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 8px 28px #00000024,0 0 0 .5px var(--line);display:none}.product-pop:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.brand-switch:hover .product-pop,.brand-switch:focus-within .product-pop,.brand-switch.open .product-pop{display:grid;gap:2px}.product-pop a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none}.product-pop a:hover{background:var(--surface-2)}.product-pop a[aria-current]{background:var(--accent-soft)}.product-pop img{flex:none}.product-pop span{display:grid;line-height:1.25}.product-pop b{font-size:14px;font-weight:600}.product-pop small{font-size:12px;color:var(--text-2)}.studio-photo{display:grid;place-items:center;align-content:center;gap:12px;padding:24px}.studio-photo img{max-width:100%;max-height:calc(100vh - 160px);border-radius:6px;box-shadow:var(--paper-shadow);background:repeating-conic-gradient(var(--surface-2) 0 25%,transparent 0 50%) 0 0 / 16px 16px}.studio-file-item .thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px}.size-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cookie-banner{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:250;display:flex;align-items:center;gap:20px;max-width:760px;margin-inline:auto;padding:16px 20px;border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--lift);animation:cookie-in .25s ease-out}.cookie-banner[hidden]{display:none}.cookie-banner:focus{outline:none}.cookie-banner :focus-visible{outline:2px solid var(--text);outline-offset:2px}.cookie-copy{flex:1;min-width:0}.cookie-copy h2{margin:0 0 2px;font:600 15px/1.3 var(--font);letter-spacing:0}.cookie-copy p{margin:0;font-size:13px;line-height:1.45;color:var(--text-2);letter-spacing:0}.cookie-actions{display:flex;flex:none;gap:8px}.cookie-actions .btn{min-width:96px;min-height:44px}@keyframes cookie-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 640px){.cookie-banner{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.cookie-actions .btn{flex:1;min-width:0}}@media (prefers-reduced-motion: reduce){.cookie-banner{animation:none}}.app-mode .cookie-banner{border-radius:8px}.app-mode .cookie-actions .btn{border-radius:4px;min-height:36px;font-size:13px}.x-status a{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;color:var(--text-3)}.x-status a:hover{background:var(--fill);color:var(--text)}.x-status a:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.x-view{display:flex;flex:none;gap:2px;padding:3px;border-radius:5px;background:var(--fill)}.x-view button{display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:3px;background:none;color:var(--text-2);cursor:pointer}.x-view button svg{width:16px;height:16px}.x-view button:hover{color:var(--text)}.x-view button[aria-pressed=true]{background:var(--btn-fill);box-shadow:var(--btn-edge);color:var(--text)}.x-view button:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.x-rows.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;align-content:start;padding:12px}.x-rows.grid .x-empty{grid-column:1 / -1}.x-row.x-tile{display:flex;flex-direction:column;gap:2px;align-items:stretch;min-width:0;padding:6px;border:0;border-radius:6px;text-align:center}.x-thumb{position:relative;display:grid;place-items:center;aspect-ratio:1;margin-bottom:4px;overflow:hidden;border-radius:4px;background:var(--bg-alt);color:var(--text-3)}.x-thumb img{width:100%;height:100%;object-fit:contain}.x-thumb svg{width:40px;height:40px}.x-thumb svg[fill=currentColor]{width:48px;height:48px;color:#8e6e53}.x-thumb .badge{position:absolute;inset-block-end:4px;inset-inline-end:4px;transform:none;padding:0}.x-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-tile .x-col-size{font-size:12px;text-align:center;color:var(--text-3)}.app-mode .explorer .x-tile.sel .x-thumb svg[fill=currentColor]{color:#a98a6d}@media (max-width: 760px){.x-rows.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding:8px;gap:4px}.x-path .search{width:92px}.x-view button{width:26px;height:26px}}@media (max-width: 760px){.app-mode .x-bar:has(.x-save:not([hidden])) .x-install{display:none}}.drop .drop-drive{margin-top:18px}.drive-open{display:inline-flex;align-items:center;gap:8px;font-weight:500}.drive-open svg,.drive-save svg,.x-drive svg{flex:none}.drive-dialog{max-width:440px}.drive-dialog .drive-body{display:grid;gap:4px;margin:8px 0 12px}.drive-dialog select.input{width:100%}.section-lead{font-size:21px;line-height:1.4;color:var(--text-2);max-width:720px;margin:-4px 0 40px}.fine{font-size:14px;color:var(--text-3);max-width:760px;margin-top:24px}.trademarks{margin-top:40px}.center-cta{display:flex;justify-content:center}.soon-tag{font-size:11px;color:var(--text-3);white-space:nowrap}.preview-note{margin:28px auto 0;font-size:14px;color:var(--text-3);text-align:center}.hero-stage{margin:48px auto 0;max-width:1040px}.shot-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:var(--fill);margin:0 auto 28px}.shot-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 14px;border-radius:99px;font-size:15px;font-weight:600;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s,box-shadow .2s}.shot-tab:hover{color:var(--text)}.shot-tab svg{flex:none}.shot-deck{display:grid;position:relative}.shot{grid-area:1 / 1;position:relative;z-index:0;border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 .5px var(--hair),0 24px 60px #00000029;transform:translateY(14px) scale(.985);transform-origin:50% 0;opacity:0;visibility:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s,visibility 0s .45s}.shot img{display:block;width:100%;height:auto}.shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(1),.shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(2),.shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(3){z-index:2;transform:none;opacity:1;visibility:visible;transition-delay:0s}.shot-pick:nth-of-type(1):checked~.shot-tabs .shot-tab:nth-child(1),.shot-pick:nth-of-type(2):checked~.shot-tabs .shot-tab:nth-child(2),.shot-pick:nth-of-type(3):checked~.shot-tabs .shot-tab:nth-child(3){background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.shot-pick:nth-of-type(1):focus-visible~.shot-tabs .shot-tab:nth-child(1),.shot-pick:nth-of-type(2):focus-visible~.shot-tabs .shot-tab:nth-child(2),.shot-pick:nth-of-type(3):focus-visible~.shot-tabs .shot-tab:nth-child(3){outline:2px solid var(--accent);outline-offset:2px}@media (prefers-color-scheme: dark){.shot{box-shadow:0 0 0 .5px #ffffff24,0 24px 60px #0009}.shot-tab:hover{color:var(--text)}}@media (min-width: 641px){.shot-deck{padding:72px 0 24px}.shot{visibility:visible;transform-origin:50% 30%;box-shadow:0 0 0 .5px var(--hair),0 30px 80px -10px #00000047,0 10px 24px -8px #00000024;transition:transform 1s cubic-bezier(.2,.85,.25,1),opacity .8s,filter .8s,z-index 0s .3s;will-change:transform}.shot-pick:checked~.shot-deck .shot{transition-delay:0s,0s,0s,.3s}.shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(1){z-index:3;opacity:1;transform:perspective(2400px) translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(1);filter:none}.shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(2){z-index:2;opacity:.92;transform:perspective(2400px) translate3d(-9%,-40px,-80px) rotateX(4deg) rotateY(12deg) rotate(-3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(3){z-index:1;opacity:.82;transform:perspective(2400px) translate3d(9%,-40px,-80px) rotateX(4deg) rotateY(-12deg) rotate(3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(1){z-index:1;opacity:.82;transform:perspective(2400px) translate3d(9%,-40px,-80px) rotateX(4deg) rotateY(-12deg) rotate(3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(2){z-index:3;opacity:1;transform:perspective(2400px) translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(1);filter:none}.shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(3){z-index:2;opacity:.92;transform:perspective(2400px) translate3d(-9%,-40px,-80px) rotateX(4deg) rotateY(12deg) rotate(-3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(1){z-index:2;opacity:.92;transform:perspective(2400px) translate3d(-9%,-40px,-80px) rotateX(4deg) rotateY(12deg) rotate(-3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(2){z-index:1;opacity:.82;transform:perspective(2400px) translate3d(9%,-40px,-80px) rotateX(4deg) rotateY(-12deg) rotate(3.5deg) scale(.9);filter:saturate(.85) brightness(.96)}.shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(3){z-index:3;opacity:1;transform:perspective(2400px) translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(1);filter:none}.shots-auto .shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(1),.shots-auto .shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(2),.shots-auto .shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(3){animation:shot-come 1.1s cubic-bezier(.2,.85,.25,1)}@keyframes shot-come{0%{transform:perspective(2400px) translate3d(-9%,-40px,-80px) rotateX(4deg) rotateY(12deg) rotate(-3.5deg) scale(.9)}45%{transform:perspective(2400px) translate3d(-2%,-70px,120px) rotateX(-6deg) rotateY(4deg) rotate(-1deg) scale(1.02)}to{transform:perspective(2400px) translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(1)}}}@media (min-width: 641px) and (prefers-color-scheme: dark){.shot{box-shadow:0 0 0 .5px #ffffff24,0 30px 80px -10px #000000b3,0 10px 24px -8px #00000080}}@media (min-width: 641px) and (prefers-reduced-motion: reduce){.shot{transition:none;animation:none!important}}@media (max-width: 640px){.hero-stage{margin-top:36px}.shot-tabs{margin-bottom:20px}.shot-tab{padding:8px 14px 8px 12px;font-size:14px}.shot-deck{padding-top:0;max-width:300px;margin:0 auto}.shot{display:none;border-radius:22px}.shot-pick:nth-of-type(1):checked~.shot-deck .shot:nth-child(1),.shot-pick:nth-of-type(2):checked~.shot-deck .shot:nth-child(2),.shot-pick:nth-of-type(3):checked~.shot-deck .shot:nth-child(3){display:block}}@media (max-width: 380px){.shot-tab span{font-size:13px}.shot-tab svg{display:none}}@media (prefers-reduced-motion: reduce){.shot,.shot-tab{transition:none}}.suite{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.suite-card{background:var(--surface);border-radius:var(--radius);padding:28px;box-shadow:var(--paper-shadow);display:flex;flex-direction:column;gap:10px}.suite-card.live{box-shadow:0 0 0 2px var(--accent),var(--paper-shadow)}.suite-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.suite-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--fill);color:var(--text-2)}.status.on{background:var(--accent);color:#fff}.suite-card h3{font-family:var(--display);font-size:26px;margin:0;letter-spacing:-.01em}.suite-card p{margin:0;color:var(--text-2)}.suite-card ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px;font-size:15px;flex:1;align-content:start}.suite-card li{display:flex;gap:8px;align-items:flex-start}.suite-card li svg{flex:none;margin-top:4px;color:var(--accent)}.suite-card .btn{margin-top:14px;align-self:flex-start;gap:8px}.ic-accent{color:var(--accent)}.format-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.format-cols h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 14px}.formats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.formats li{padding:10px 18px;border-radius:99px;font-weight:600;font-size:15px;box-shadow:0 0 0 1px var(--line);color:var(--text-2)}.formats.on li{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.roadmap{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:r}.roadmap li{position:relative;padding-top:28px;border-top:2px solid var(--line);counter-increment:r}.roadmap li:before{content:counter(r);position:absolute;top:-14px;inset-inline-start:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--bg);box-shadow:0 0 0 2px var(--line);color:var(--text-2)}.roadmap li.now{border-top-color:var(--accent)}.roadmap li.now:before{background:var(--accent);box-shadow:none;color:#fff}.roadmap h3{font-size:19px;margin:0 0 8px}.roadmap p{margin:0;color:var(--text-2);font-size:15px}.family{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 8px}.family-app{flex:0 0 132px}.family-app{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text)}.family-app:hover{text-decoration:none}.family-app img{width:56px;height:56px;margin-bottom:6px;transition:transform .2s}.family-app:hover img{transform:translateY(-3px)}.family-app small{color:var(--text-3);font-size:13px}.final-card{text-align:center}@media (max-width: 860px){.suite,.roadmap{grid-template-columns:1fr 1fr}.format-cols{grid-template-columns:1fr}}@media (max-width: 640px){.suite,.roadmap{grid-template-columns:1fr}.roadmap{gap:32px}.section-lead{font-size:18px}}.section.final-cta{padding:100px 0}@media (max-width: 860px){.section.final-cta{padding:72px 0}}.product-pop{display:none;grid-template-columns:repeat(2,minmax(200px,1fr));gap:2px;width:max-content;max-width:calc(100vw - 24px)}.brand-switch:hover .product-pop,.brand-switch.open .product-pop,.brand-switch:focus-within .product-pop{display:grid}@media (max-width: 560px){.product-pop{grid-template-columns:1fr}}.apps-menu{position:relative;display:flex}.apps-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:980px;background:var(--fill);color:var(--text);font:inherit;font-size:12px;font-weight:500;cursor:pointer}.apps-btn:hover,.apps-menu.open .apps-btn{background:color-mix(in srgb,var(--fill) 60%,var(--text) 10%)}.apps-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.apps-pop{inset-inline-start:auto;inset-inline-end:-6px;margin-top:10px}.apps-menu .apps-pop{display:none}.apps-menu.open .apps-pop{display:grid;animation:pop-in .16s cubic-bezier(.2,.8,.2,1)}.nav-links .apps-pop a{opacity:1}@media (max-width: 860px){.apps-btn span{display:none}.apps-btn{width:32px;padding:0;justify-content:center}.apps-pop{position:fixed;top:52px;inset-inline:12px;width:auto}}.nav .apps-btn,.nav .lang-menu summary{height:30px;min-height:30px}.shot-tab{position:relative;overflow:hidden;isolation:isolate}.shot-tab:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--accent) 14%,transparent);transform:scaleX(0);transform-origin:0 50%;opacity:0}[dir=rtl] .shot-tab:before{transform-origin:100% 50%}.shots-tick .shot-pick:nth-of-type(1):checked~.shot-tabs .shot-tab:nth-child(1):before,.shots-tick .shot-pick:nth-of-type(2):checked~.shot-tabs .shot-tab:nth-child(2):before,.shots-tick .shot-pick:nth-of-type(3):checked~.shot-tabs .shot-tab:nth-child(3):before{opacity:1;animation:shot-tick var(--shot-step, 6s) linear forwards}@keyframes shot-tick{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
