@font-face{font-family:GrooveMark;src:url(/fonts/oswald-wordmark-subset.woff2) format("woff2");font-display:swap}:root{--site-bg:#f7f7f4;--site-surface:#fff;--site-soft:#efefeb;--site-fg:#242626;--site-muted:#666b6b;--site-line:#dcdfda;--site-accent:#b84725;--site-button:#bd4926;--site-button-text:#fff;--site-stage:#e9ece7;--site-shadow:0 24px 64px #20282624;color-scheme:light}:root[data-site-theme=dark]{--site-bg:#121314;--site-surface:#1b1d1f;--site-soft:#202224;--site-fg:#f3f2ed;--site-muted:#adb0b2;--site-line:#36383b;--site-accent:#ffa37f;--site-button:#ffab87;--site-button-text:#211c19;--site-stage:#222528;--site-shadow:0 24px 64px #0007;color-scheme:dark}html:has(.site){scroll-behavior:smooth;scroll-padding-top:110px;height:auto!important;overflow:auto!important}body:has(.site){margin:0;height:auto!important;overflow:visible!important;background:var(--site-bg);color:var(--site-fg)}body:has(.site) #root{height:auto!important;min-height:100vh;overflow:visible!important}.site{font:16px/1.75 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Kaku Gothic ProN,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;background:var(--site-bg);color:var(--site-fg);overflow:clip}.site *{box-sizing:border-box}.site h1,.site h2,.site h3,.site p,.site figure{margin:0}.site a{color:inherit;text-decoration:none}.site button,.site select{font:inherit}.site button,.site a,.site summary{cursor:pointer}.site button:disabled{cursor:default}.site img{display:block;max-width:100%}.site :is(a,button,select,summary,[tabindex]):focus-visible{outline:3px solid var(--site-accent);outline-offset:5px}.site p{color:var(--site-muted)}.site h1,.site h2,.site h3{text-wrap:balance}.site h1{font-size:clamp(40px,4.1vw,62px);line-height:1.23;letter-spacing:-.05em;font-weight:650}.site h2{font-size:clamp(29px,3.1vw,44px);line-height:1.35;letter-spacing:-.035em;font-weight:620}.site h3{font-size:22px;line-height:1.45;letter-spacing:-.02em;font-weight:600}.site-wrap{width:min(100% - 80px,1200px);margin-inline:auto}.site-header{inset-inline:0;background:var(--site-bg);border-bottom:1px solid var(--site-line);position:fixed;top:0;z-index:50}.site-nav{min-height:88px;display:flex;gap:24px;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.wordmark{font-family:GrooveMark,sans-serif;font-size:28px;line-height:1.2;letter-spacing:.025em}.brand-icon{display:block;width:32px;height:32px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.site-nav-links{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:14px;line-height:1.4}.site-nav-links a{display:flex;min-height:44px;align-items:center;white-space:nowrap}.site-nav-links a:hover,.footer-links a:hover{color:var(--site-accent)}.nav-get{border:1px solid var(--site-line);border-radius:7px;padding:9px 15px}.site-preferences{display:flex;align-items:center;gap:5px}.site-preferences select{color:var(--site-fg);background:transparent;border:0;max-width:90px;min-height:44px;font-size:13px}.theme-toggle,.menu-toggle{background:transparent;border:0;color:var(--site-fg);min-width:44px;min-height:44px;font-size:23px!important;line-height:1}.menu-toggle{display:none}.skip-link{position:fixed;top:10px;left:10px;padding:10px 20px;background:var(--site-surface);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}.hero{display:grid;grid-template-columns:1fr 1.17fr;gap:34px;align-items:center;padding-block:88px 94px}.eyebrow{color:var(--site-accent)!important;font-size:13px;letter-spacing:.055em;font-weight:600;margin-bottom:21px!important;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";height:2px;width:22px;background:currentColor}.hero-body{font-size:17px;line-height:1.9;margin-top:25px!important;max-width:32em}.actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-top:30px}.btn{min-height:46px;border:1px solid var(--site-line);border-radius:7px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:transparent;color:var(--site-fg);font-size:14px;font-weight:550;line-height:1.5}.btn:hover{border-color:var(--site-accent)}.btn.primary{background:var(--site-button);color:var(--site-button-text);border-color:var(--site-button)}.text-link{font-size:14px;min-height:44px;display:inline-flex;gap:9px;align-items:center}.unavailable{cursor:default!important;flex-wrap:wrap;gap:8px;opacity:.78}.unavailable small{font-size:11px;font-weight:400;padding:2px 6px;border:1px solid var(--site-line);border-radius:4px;white-space:nowrap}.platform-line{font-size:12px!important;margin-top:21px!important}.overview-strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:20px;border-block:1px solid var(--site-line);font-size:13px;color:var(--site-muted)}.hero-devices{position:relative;aspect-ratio:1.12;isolation:isolate;min-width:0}.hero-devices:before{content:"";position:absolute;inset:3% -3% 7% 2%;border-radius:48% 48% 18px 18px;background:var(--site-stage);z-index:-1}.hero-device{position:absolute}.hero-browser{width:88%;top:4%;right:0;z-index:1}.hero-tablet{width:62%;left:-2%;bottom:3%;z-index:2}.hero-phone{width:24%;right:-1%;bottom:0;z-index:3}.device{position:relative;filter:drop-shadow(0 14px 19px #0002)}.device-screen{background:#111;border:6px solid #303234;overflow:hidden;box-shadow:inset 0 0 0 1px #606264;border-radius:13px}.device img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.device-phone .device-screen{border-width:5px;border-radius:19px;aspect-ratio:430/932}.device-tablet .device-screen{aspect-ratio:1194/834}.device-browser .device-screen{aspect-ratio:1440/960;border-radius:10px;border-bottom-width:16px}.hero-browser .device-screen{border-width:6px;border-bottom-width:15px}.monitor-stand{height:54px;width:100%;position:relative;z-index:-1}.monitor-stand:before{content:"";display:block;position:absolute;left:43%;width:14%;height:48px;background:linear-gradient(90deg,#343638,#8b8e90 50%,#444648);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.monitor-stand span{position:absolute;bottom:0;left:31%;width:38%;height:10px;border-radius:50% 50% 4px 4px;background:linear-gradient(#9fa2a3,#4a4d4f);box-shadow:0 9px 16px #0002}.media-empty{display:grid;place-items:center;aspect-ratio:inherit;min-height:100%;padding:16px;text-align:center;font-size:13px;color:#bbb;background:#191b1d}.site-section{padding-block:96px;border-bottom:1px solid var(--site-line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading p{line-height:1.9}.jog-overview{display:grid;grid-template-columns:1.06fr 1fr;gap:72px;align-items:center}.jog-steps article{position:relative;padding-left:45px}.step-number{position:absolute;left:0;top:4px;font:12px/25px ui-monospace,monospace;color:var(--site-accent);border-bottom:1px solid var(--site-accent)}.jog-steps h3{font-size:20px}.jog-steps article p{margin-top:12px;font-size:16px}.phrase-bridge{font-size:14px;padding:18px 0 18px 45px;color:var(--site-accent)!important}.demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}.demo-video,.demo-poster{width:100%;aspect-ratio:16/10;-o-object-fit:contain;object-fit:contain;background:#111;border-radius:12px;overflow:hidden}.demo-poster{position:relative;display:flex;align-items:center;justify-content:center}.demo-poster img{height:100%;width:auto;opacity:.7;-o-object-fit:contain;object-fit:contain}.demo-poster span{position:absolute;bottom:18px;left:18px;right:18px;color:#eee;background:#171819df;padding:9px 12px;border-radius:6px;font-size:13px;text-align:center}.demo-pair figcaption{margin-top:12px;color:var(--site-muted);font-size:13px}.feature-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:82px;align-items:center}.feature-reverse{grid-template-columns:1.15fr .85fr}.feature-reverse .feature-copy{order:2}.feature-copy>p:not(.eyebrow){margin-top:22px;line-height:1.95}.feature-copy ul{list-style:none;margin:24px 0 0;padding:0;color:var(--site-muted);font-size:14px}.feature-copy li{padding:7px 0 7px 20px;position:relative}.feature-copy li:before{content:"—";position:absolute;left:0;color:var(--site-accent)}.showcase{min-width:0}.platform-tabs{display:flex;justify-content:center;gap:5px;margin-bottom:15px;flex-wrap:wrap}.platform-tabs button{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--site-muted);min-height:44px;padding:8px 15px;font-size:13px;transition:background .18s,color .18s}.platform-tabs button[aria-selected=true]{background:var(--site-surface);border-color:var(--site-line);color:var(--site-fg);box-shadow:0 2px 5px #00000006}.showcase-stage{height:490px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--site-stage);padding:24px;overflow:hidden}.showcase-device{width:100%;animation:device-in .2s ease-out}.stage-phone .showcase-device{max-width:200px}.stage-tablet .showcase-device,.stage-browser .showcase-device{max-width:100%}.showcase .device-screen{border-width:5px}.showcase .device-browser .device-screen{border-bottom-width:12px}.showcase-note{font-size:13px;margin-top:14px!important;line-height:1.75;min-height:46px}.unsupported-platform{max-width:330px;text-align:center;padding:20px}.unsupported-platform>span{font-size:48px;display:block;color:var(--site-accent);margin-bottom:20px}.unsupported-platform p{font-size:16px}.showcase [role=tabpanel]{outline-offset:6px}.showcase .monitor-stand{height:38px}.showcase .monitor-stand:before{height:32px}@keyframes device-in{0%{opacity:.2;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tool-picture{height:225px;overflow:hidden;border-radius:12px;background:#121314;margin-bottom:24px;border:1px solid var(--site-line)}.tool-picture img{width:100%;height:100%;max-width:none;-o-object-fit:contain;object-fit:contain}.tool-card h3{font-size:20px}.tool-card p{font-size:16px;margin-top:13px}.version-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.version-label{color:var(--site-accent);font-size:13px;display:block;margin-bottom:17px}.version-grid h3{font-size:21px}.version-grid p{font-size:16px;margin-top:16px}.get-panel{margin-top:45px;padding:28px;border:1px solid var(--site-line);background:var(--site-surface);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.get-panel h3{font-size:20px}.release-links{display:flex;flex-wrap:wrap;gap:12px}.release-links .btn{font-size:13px}.pricing-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.pricing-intro>p:not(.eyebrow){margin-top:23px}.pricing-note{font-size:13px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-card{padding:28px 24px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-surface)}.price-card h3{font-size:21px}.price-card ul{list-style:none;padding:0;margin:25px 0 0;font-size:14px;color:var(--site-muted)}.price-card li{padding:9px 0 9px 18px;position:relative;line-height:1.7}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--site-accent)}.price-pro{border-color:var(--site-accent)}.price-pro h3{color:var(--site-accent)}.pricing-scope{grid-column:1/-1;font-size:12px;line-height:1.85}.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.faq-items details{border-bottom:1px solid var(--site-line)}.faq-items details:first-child{border-top:1px solid var(--site-line)}.faq-items summary{min-height:64px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:16px;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:22px;color:var(--site-muted);flex-shrink:0}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details p{padding:0 28px 24px 0;font-size:16px;line-height:1.9}.site-footer{padding-block:48px;display:flex;align-items:start;justify-content:space-between;gap:32px}.footer-brand p{font-size:12px;margin-top:16px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:flex-end;max-width:550px}.footer-links a{font-size:13px;min-height:44px;display:flex;align-items:center}.playground-gate{margin-top:30px;border-top:1px solid var(--site-line);padding-top:20px}.playground-toggle{display:flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;color:var(--site-fg);padding:0;font-size:15px!important}.toggle-switch{width:35px;height:22px;border-radius:20px;border:1px solid var(--site-muted);padding:3px;display:flex;align-items:center}.toggle-switch:before{content:"";height:14px;width:14px;border-radius:50%;background:var(--site-muted);transition:transform .2s}.is-open .toggle-switch{background:var(--site-button);border-color:var(--site-button)}.is-open .toggle-switch:before{background:var(--site-button-text);transform:translate(12px)}#playground-content{margin-top:18px}.playground{color-scheme:dark;--accent-color:#f47d5b;--accent-rgb:244,125,91;color:#eee;background:#101112;border-radius:12px;padding:16px;overflow:hidden}.playground p{color:#aaa;font-size:12px;line-height:1.7}.playground-stage{height:520px;margin-block:12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:9px;overflow:hidden;position:relative;display:flex;flex-direction:column}.playground-wave{height:130px;flex-shrink:0;position:relative;overflow:hidden;background:#151515}.playground-panels{flex:1;min-height:0}.playground-disc{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.playground-tempo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.playground-status{min-height:24px}.playground-error{color:#ffae95!important}.playground button:focus-visible{outline-color:#f47d5b}@media(min-width:1600px){.hero{padding-block:104px 110px}.hero-devices{aspect-ratio:1.1}}@media(max-width:1100px){.site-wrap{width:calc(100% - 56px)}.site-nav{gap:16px}.site-nav-links{gap:15px}.site-nav-links .nav-get{display:none}.hero{gap:20px}.hero h1{font-size:46px}.hero-body{font-size:16px}.section-heading,.feature-section,.jog-overview{gap:45px}.pricing-section,.faq-section{grid-template-columns:.8fr 1.2fr;gap:36px}.pricing-cards{gap:12px}.price-card{padding:24px 18px}.get-panel{align-items:start;flex-direction:column}}@media(max-width:800px){.site-wrap{width:calc(100% - 40px)}.site-nav{min-height:74px;gap:10px}.wordmark{font-size:26px}.site-preferences{margin-left:auto}.menu-toggle{display:block;order:4}.site-nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 24px;background:var(--site-bg);border-bottom:1px solid var(--site-line);box-shadow:0 10px 20px #0001}.site-nav-links.expanded{display:flex;flex-direction:column;align-items:stretch;gap:5px}.site-nav-links .nav-get{display:flex}.hero{grid-template-columns:1fr;padding-block:54px 52px;gap:32px}.hero-copy{max-width:600px}.hero h1{max-width:12em;font-size:44px}.hero-body{max-width:38em}.hero-devices{width:min(100%,550px);justify-self:center;margin-top:5px}.overview-strip{font-size:12px;justify-content:center;gap:8px 22px}.site-section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:40em}.jog-overview,.feature-section,.feature-reverse{grid-template-columns:1fr;gap:26px}.jog-steps{order:-1}.feature-reverse .feature-copy{order:0}.feature-copy h2{max-width:16em}.showcase-stage{height:465px}.stage-phone .showcase-device{max-width:190px}.stage-tablet .showcase-device,.stage-browser .showcase-device{max-width:550px}.demo-pair{gap:16px}.tool-grid{grid-template-columns:1fr;gap:42px}.tool-card{display:grid;grid-template-columns:.8fr 1fr;gap:0 25px}.tool-picture{grid-row:1/3;height:230px;margin:0}.tool-card h3{align-self:end}.tool-card p{align-self:start}.version-grid{grid-template-columns:1fr;gap:34px}.version-grid h3{font-size:22px}.version-label{margin-bottom:10px}.version-grid p{margin-top:10px}.get-panel{padding:24px}.pricing-section,.faq-section{grid-template-columns:1fr;gap:32px}.price-card{padding:26px}.pricing-cards{gap:16px}.site-footer{flex-direction:column;gap:25px}.footer-links{justify-content:flex-start}.playground-stage{height:570px}.jog-steps .playground-gate{max-width:430px}}@media(max-width:440px){.site-wrap{width:calc(100% - 36px)}.site-brand{gap:8px}.wordmark{font-size:25px}.brand-icon{width:28px;height:28px}.site-nav{gap:2px}.site-preferences select{max-width:77px;font-size:12px}.hero h1{font-size:39px}.hero-body{font-size:16px}.hero{padding-top:40px;gap:25px}.hero-phone{right:0}.hero-tablet{left:0}.hero-devices{aspect-ratio:1.1}.hero-browser .device-screen{border-width:4px;border-bottom-width:9px}.hero-tablet .device-screen{border-width:4px;border-radius:9px}.hero-phone .device-screen{border-width:3px;border-radius:12px}.site h2{font-size:29px}.platform-tabs{gap:2px}.platform-tabs button{padding:8px 11px;font-size:12px}.showcase-stage{padding:18px;height:450px}.stage-phone .showcase-device{max-width:183px}.demo-pair{grid-template-columns:1fr;gap:24px}.demo-poster,.demo-video{aspect-ratio:16/11}.tool-card{display:block}.tool-picture{height:245px;margin-bottom:23px}.pricing-cards{grid-template-columns:1fr}.price-card{padding:27px}.site-section{padding-block:56px}.release-links,.release-links>div{width:100%}.release-links .btn{width:100%;justify-content:space-between}.get-panel h3{font-size:21px}.jog-steps article{padding-left:37px}.phrase-bridge{padding-left:37px}.playground{padding:10px}.playground-stage{height:500px}}@media(prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}.site *{animation:none!important;transition:none!important}}.playground-tempo{width:100%}.boot-error{min-height:100vh;padding:12vh 8vw}.boot-error p{margin-block:24px}@media(max-width:800px){.feature-copy ul,.price-card ul{font-size:16px}}.playground .btn{color:#f3f2ed;background:#242628;border-color:#62676b}html:has(.site),body:has(.site),.site{-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.site :is(p,h1,h2,h3,li){-webkit-touch-callout:default}.playground-stage{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.showcase-stage{gap:24px}.showcase{container-type:inline-size}.stage-phone .showcase-device{flex:0 0 190px;max-width:190px}.showcase-detail{flex:1;min-width:0;max-width:320px;margin:0}.showcase-detail a{display:block;border-radius:10px;overflow:hidden;background:#111;border:1px solid #343536;box-shadow:0 12px 24px #00000012}.showcase-detail img{display:block;width:100%;height:auto}.showcase-detail figcaption{font-size:12px;color:var(--site-muted);line-height:1.6;margin-top:14px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 34px}.tool-card{display:block}.tool-picture{height:460px;margin-bottom:24px;padding:18px;display:flex;align-items:center;justify-content:center}.tool-picture>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.tool-picture img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.tool-pitch img{width:100%}.note-pair{display:flex;flex-direction:column;gap:18px;width:100%;max-width:440px;height:100%}.note-pair figure{margin:0;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch}.note-pair figure:first-child{flex:1.3}.note-pair figcaption{color:#c1c2c3;font-size:12px;margin-bottom:8px;flex-shrink:0}.note-pair a{display:block;min-height:0;flex:1;overflow:hidden;border-radius:9px}.note-pair img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top}.record-labels{margin-top:56px;padding:32px 0 0;border-top:1px solid var(--site-line);display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}.record-labels h3{font-size:21px}.record-labels p{font-size:15px;margin-top:13px;max-width:33em}.record-labels img{display:block;width:100%;height:auto;border-radius:12px}.import-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.import-number{font-size:12px;color:var(--site-accent);display:block;margin-bottom:20px}.import-grid h3{font-size:18px}.import-grid p{font-size:15px;margin-top:12px}.import-formats{margin-top:32px!important;padding-top:24px;border-top:1px solid var(--site-line);font-size:14px;line-height:1.9}.import-scope{font-size:12px;line-height:1.85;margin-top:12px!important;max-width:75em}@container (max-width:449px){.showcase-detail{display:none}.stage-phone .showcase-device{flex-basis:190px;max-width:190px}}@media(max-width:1100px)and (min-width:801px){.tool-picture{height:390px}.showcase-stage{padding:18px;gap:18px}}@media(max-width:800px){.tool-grid{grid-template-columns:1fr;gap:42px}.tool-picture{height:460px;max-width:580px}.tool-card h3,.tool-card>p{max-width:38em}.record-labels{grid-template-columns:1fr;gap:24px}.record-labels img{max-width:580px}.import-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.tool-card p{font-size:16px}}@media(max-width:440px){.tool-picture{height:410px;padding:12px}.note-pair{gap:14px}.record-labels{margin-top:42px}.import-grid{grid-template-columns:1fr}.import-number{margin-bottom:10px}.import-formats{font-size:13px}.showcase-stage{gap:0}.stage-phone .showcase-device{flex-basis:183px;max-width:183px}}.site{--site-header-height:89px;padding-top:var(--site-header-height)}html:has(.site){scroll-padding-top:110px}.section-guide{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:40;width:94px;font-size:11px;line-height:1.35}.section-guide nav>p{font-size:10px;margin:0 0 12px 11px;color:var(--site-muted)}.section-guide nav>a{display:flex;align-items:center;gap:8px;min-height:37px;color:var(--site-muted);transition:color .15s}.section-guide nav>a:hover,.section-guide nav>a[aria-current]{color:var(--site-accent)}.section-guide nav>a[aria-current]{font-weight:650}.section-guide-dot{height:4px;width:4px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0}.section-guide a[aria-current] .section-guide-dot{height:16px;border-radius:3px;opacity:1}.section-guide-toggle{display:none}.showcase-jog .showcase-stage{height:auto;padding:0;background:transparent;overflow:visible}.jog-gesture{width:min(100%,270px);margin-inline:auto!important}.jog-gesture-phone{width:100%}.jog-gesture-phone .device-screen{aspect-ratio:auto}.jog-gesture-picture{position:relative;background:#0a0a0a}.jog-gesture-picture img{width:100%;height:auto}.jog-gesture-picture svg{position:absolute;height:auto;aspect-ratio:1;color:#fff5da;pointer-events:none;filter:drop-shadow(0 2px 3px #000b)}.gesture-hand{transform-origin:50px 50px;transform:rotate(-30deg);animation:jog-hand 4s ease-in-out infinite;animation-play-state:paused}.gesture-active .gesture-hand{animation-play-state:running}@keyframes jog-hand{0%,to{transform:rotate(-30deg)}40%{transform:rotate(30deg)}70%{transform:rotate(-15deg)}}.playlist-phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:400px;align-items:start}.playlist-phone-pair .device-screen{aspect-ratio:auto}.playlist-phone-pair figcaption{font-size:12px;line-height:1.5;text-align:center;margin-top:12px;color:var(--site-muted)}.showcase-versions{margin-top:40px}.showcase-versions .showcase-stage{height:540px}.showcase-versions .stage-tablet .showcase-device{max-width:690px}.showcase-versions .stage-browser .showcase-device{max-width:660px}@container (max-width:449px){.jog-gesture{max-width:250px}.playlist-phone-pair{gap:16px}.playlist-phone-pair figcaption{font-size:11px}}.tool-notes img{width:100%;-o-object-fit:contain;object-fit:contain}@media(min-width:1200px){.site-wrap{width:min(100% - 220px,1200px)}}@media(max-width:1199px){.section-guide{right:14px;bottom:18px;top:auto;transform:none;width:auto;font-size:14px}.section-guide-toggle{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 13px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-surface);color:var(--site-fg);box-shadow:0 5px 20px #0002;text-align:left}.section-guide-toggle>span:first-child{font-size:21px}.section-guide-toggle small{display:block;font-size:10px;color:var(--site-muted)}.section-guide nav{display:none;position:absolute;right:0;bottom:calc(100% + 10px);width:215px;max-height:min(70dvh,560px);overflow:auto;background:var(--site-surface);border:1px solid var(--site-line);border-radius:14px;box-shadow:var(--site-shadow);padding:18px}.section-guide.is-open nav{display:block}.section-guide nav>a{min-height:40px}.section-guide nav>p{font-size:11px}}@media(max-width:800px){.site{--site-header-height:75px}}@media(max-width:440px){.section-guide{right:10px;bottom:12px}.showcase-versions .showcase-stage{height:450px}}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.tool-picture{height:300px;padding:14px;margin-bottom:20px}.tool-card h3{font-size:19px}.tool-card p{font-size:15px;line-height:1.85}@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.tool-picture{height:280px}}@media(max-width:600px){.tool-grid{grid-template-columns:1fr;gap:32px}.tool-picture{height:280px;max-width:none}.tool-card h3{font-size:20px}.tool-card p{font-size:16px}}