@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font: "Inter Variable", "SF Pro Display", -apple-system, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--bg: #ffffff;--bg-2: #f7f8f9;--panel: #ffffff;--raised: #ffffff;--line: rgb(10 10 20 / .09);--line-2: rgb(10 10 20 / .05);--text: #0b0c10;--text-2: #63666e;--text-3: #9a9ea6;--sel: rgb(10 10 20 / .045);--accent: #4b47d6;--accent-tint: rgb(75 71 214 / .1);--btn: #0b0c10;--btn-text: #ffffff;--nav: rgb(255 255 255 / .78);--shadow: 0 24px 60px -20px rgb(20 20 40 / .22);--glow: rgb(75 71 214 / .1);--heading: linear-gradient(180deg, #0b0c10 30%, rgb(11 12 16 / .62));--m: #b7791f;--a: #23874f;--d: #c94040}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,p{margin:0}h1,h2{font-weight:510;text-wrap:balance}a{color:inherit;text-decoration:none}img{display:block}kbd{font:500 11px/1 var(--font);padding:3px 5px;border-radius:4px;color:var(--text-2);background:var(--sel);box-shadow:inset 0 0 0 1px var(--line)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--btn);color:var(--btn-text);font-size:15px;font-weight:510;white-space:nowrap;transition:opacity .15s ease}.btn:hover{opacity:.88}.btn-sm{height:30px;padding:0 12px;font-size:13px}.btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn-ghost:hover{opacity:1;background:var(--sel)}.btn-soon,.btn-soon:hover{cursor:default;opacity:.5}.btn-ghost.btn-soon:hover{background:transparent}.link{font-size:15px;font-weight:510;color:var(--text-2);transition:color .15s ease}.link:hover{color:var(--text)}.link span{display:inline-block;transition:transform .15s ease}.link:hover span{transform:translate(2px)}.meta{font-size:13px;color:var(--text-3)}.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.nav[data-scrolled]{background:var(--nav);border-color:var(--line-2);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.nav-inner{max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:590;letter-spacing:-.01em}.nav-links{display:flex;gap:24px;margin-left:auto;font-size:13px;color:var(--text-2)}.nav-links a:hover{color:var(--text)}.hero{position:relative;padding-top:184px}.hero:before{content:"";position:absolute;inset:-200px 0 auto;height:700px;background:radial-gradient(50% 50% at 50% 30%,var(--glow),transparent 70%);pointer-events:none}h1{font-size:clamp(40px,6.2vw,64px);line-height:1.06;letter-spacing:-.03em;background:var(--heading);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:24px;max-width:600px;font-size:17px;line-height:1.6;color:var(--text-2)}.hero-actions{margin-top:36px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.hero-shot{position:relative;margin-top:88px}:root{--b-bg: #ffffff;--b-side: #f7f7f8;--b-elev: #ffffff;--b-text: #1b1b1f;--b-text-2: #6b6f76;--b-text-3: #9ca0a8;--b-accent: #5e6ad2;--b-sel: rgb(94 106 210 / .14);--b-hover: rgb(27 27 31 / .045);--b-border: rgb(27 27 31 / .08);--b-border-2: rgb(27 27 31 / .14);--b-red: #c62828}.bw,.frame{--panel: var(--b-bg);--raised: var(--b-elev);--bg-2: var(--b-side);--text: var(--b-text);--text-2: var(--b-text-2);--text-3: var(--b-text-3);--line: var(--b-border);--line-2: var(--b-border);--sel: var(--b-hover);--accent: var(--b-accent);--accent-tint: var(--b-sel);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--font);letter-spacing:0}.ic{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.ic.fold{stroke:none;fill:var(--b-accent)}.bw{display:grid;grid-template-columns:220px 1fr;height:620px;border-radius:12px;overflow:hidden;background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border-2),var(--shadow);font-size:13px;color:var(--b-text)}.bw-side{display:flex;flex-direction:column;padding:0 10px 8px;background:var(--b-side);border-right:1px solid var(--b-border);color:var(--b-text)}.bw-lights{display:flex;gap:8px;height:32px;align-items:center;padding-left:4px}.bw-lights i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.bw-lights i:nth-child(2){background:#febc2e}.bw-lights i:nth-child(3){background:#28c840}.bw-jump{display:flex;align-items:center;gap:8px;height:30px;margin:6px 0 10px;padding:0 6px 0 9px;border-radius:8px;background:var(--b-hover);box-shadow:inset 0 0 0 1px var(--b-border);color:var(--b-text-2)}.bw-jump kbd{margin-left:auto}.bw-group{margin:14px 8px 4px;font-size:11px;font-weight:500;color:var(--b-text-3)}.bw-item{display:flex;align-items:center;gap:9px;height:28px;padding:0 8px;border-radius:8px;white-space:nowrap}.bw-item .ic{color:var(--b-text-2)}.bw-item span{margin-left:auto;font-size:11px;color:var(--b-text-3)}.bw-item.on{background:var(--b-sel);font-weight:600}.bw-item.on .ic{color:var(--b-accent)}.bw-foot{display:flex;justify-content:space-between;align-items:center;margin:auto -10px 0;padding:10px 18px 2px;border-top:1px solid var(--b-border);color:var(--b-text-3)}.bw-foot span{display:flex;align-items:center;gap:6px}.bw-main{position:relative;min-width:0;display:flex;flex-direction:column}.bw-bar,.bw-path,.bw-db{display:flex;align-items:center;gap:14px;padding:0 14px;color:var(--b-text-2);white-space:nowrap}.bw-bar{height:44px;border-bottom:1px solid var(--b-border)}.bw-bar .dim{opacity:.4}.bw-spacer{flex:1}.bw-tab{display:flex;align-items:center;gap:7px;height:28px;padding:0 14px 0 10px;border-radius:8px}.bw-tab.on{background:var(--b-hover);box-shadow:inset 0 0 0 1px var(--b-border);color:var(--b-text);font-weight:600}.bw-tab.on .ic{color:var(--b-accent)}.bw-path{height:38px;color:var(--b-text)}.bw-path i{font-style:normal;margin:0 4px;color:var(--b-text-3)}.bw-ghost,.bw-db span{display:flex;align-items:center;gap:5px}.bw-ghost{height:24px;padding:0 8px;border-radius:6px;background:var(--b-hover);color:var(--b-text-2)}.bw-views{display:flex;gap:2px;padding:2px;border-radius:7px;background:var(--b-hover)}.bw-views .ic{width:22px;height:20px;padding:3px 4px;border-radius:5px}.bw-views .ic.on{background:var(--b-border-2);color:var(--b-text)}.bw-db{height:40px;gap:6px}.bw-db span{height:26px;padding:0 8px;border-radius:7px}.bw-db span.on{background:var(--b-hover);color:var(--b-text);font-weight:600}.bw-db .bw-spacer{padding:0}.bw-db .bw-new{background:var(--b-accent);color:#fff;font-weight:600}.bw-table{width:min(410px,100%)}.bw-th,.bw-tr{display:grid;grid-template-columns:280px 1fr;height:34px;border-bottom:1px solid var(--b-border)}.bw-th span,.bw-tr span{display:flex;align-items:center;gap:8px;padding:0 12px;white-space:nowrap;overflow:hidden}.bw-th span+span,.bw-tr span+span{border-left:1px solid var(--b-border)}.bw-th{color:var(--b-text-2);font-size:12px}.bw-th em{font-style:normal;font-size:11px;color:var(--b-text-3)}.bw-th i{font-style:normal}.bw-th span+span{color:var(--b-text-3)}.bw-tr span:first-child{font-weight:600}.bw-tr .ic:not(.fold){color:var(--b-text-2)}.bw-tr.sel{background:var(--b-sel)}.bw-add{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;color:var(--b-text-3)}.bw-selbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:16px;height:36px;padding:0 12px 0 14px;border-radius:10px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 10px 30px -8px #00000073;color:var(--b-text-2);white-space:nowrap}.bw-selbar b{padding-right:14px;border-right:1px solid var(--b-border);color:var(--b-text);font-weight:600}.bw-selbar span{display:flex;align-items:center;gap:5px}.bw-selbar .red{color:var(--b-red)}.fi,.doc,.img,.pdf{flex:none;display:inline-block}.fi{width:14px;height:11px;border-radius:2px;background:var(--accent);opacity:.75;clip-path:polygon(0 0,40% 0,50% 18%,100% 18%,100% 100%,0 100%)}.doc,.pdf{width:10px;height:13px;border-radius:2px;box-shadow:inset 0 0 0 1.2px var(--text-3)}.pdf{box-shadow:inset 0 0 0 1.2px var(--d)}.img{width:13px;height:11px;border-radius:2px;background:linear-gradient(135deg,#f2b36c,#e46f8a);opacity:.85}.dot{width:8px;height:8px;margin:0 3px;border-radius:50%;background:var(--c)}.git{margin-left:2px;font:600 10px/1 var(--mono);font-style:normal}.git.m{color:var(--m)}.git.a{color:var(--a)}.pal-big{width:min(560px,calc(100% - 40px));border-radius:12px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),var(--shadow);overflow:hidden;font-size:13px}.pal-q{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-bottom:1px solid var(--b-border);font-size:15px}.pal-q .ic{color:var(--b-text-2)}.pal-list{padding:0 6px 6px}.pal-label{padding:12px 10px 6px;font-size:11px;font-weight:500;color:var(--b-text-3)}.pal-r{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px}.pal-r .ic{width:18px;color:var(--b-text-2)}.pal-r .ic.fold{width:18px}.pal-r em{font-style:normal;font-size:12px;color:var(--b-text-3)}.pal-r.on{background:var(--b-sel)}.pal-r.on .ic{color:var(--b-accent)}.pal-foot{display:flex;gap:14px;height:34px;align-items:center;padding:0 16px;border-top:1px solid var(--b-border);font-size:12px;color:var(--b-text-3)}.pal-foot kbd{padding:2px 5px}.pal-foot span{display:flex;align-items:center;gap:5px}.caret{display:inline-block;width:1.5px;height:17px;margin-left:-9px;vertical-align:middle;background:var(--b-accent);animation:blink 1.1s steps(1) infinite}.term .caret{margin-left:0}@keyframes blink{50%{opacity:0}}.intro{padding:120px 0 128px}.statement{max-width:900px;font-size:clamp(26px,3.4vw,40px);line-height:1.15;letter-spacing:-.022em}.statement span{color:var(--text-2)}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px}.cols3>div{padding:4px 32px 0;border-left:1px solid var(--line)}.cols3>div:first-child{padding-left:0;border-left:0}.cols3 p{font-size:15px;line-height:1.55;color:var(--text-2)}.cols3 b{font-weight:510;color:var(--text)}.principles svg{width:18px;height:18px;margin-bottom:16px;fill:none;stroke:var(--text);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.subs b{display:block;margin-bottom:4px}.feature,.tools-section,.faq{padding:128px 0;border-top:1px solid var(--line-2)}.feature-head{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;align-items:end}.feature-head h2{font-size:clamp(32px,4.2vw,48px);line-height:1.05;letter-spacing:-.026em}.feature-head h2 small{display:block;margin-bottom:20px;font:400 13px/1 var(--mono);letter-spacing:0;color:var(--text-3)}.feature-head p{max-width:460px;font-size:17px;line-height:1.6;color:var(--text-2)}.frame{position:relative;height:440px;margin-top:64px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 22px 22px,var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}.shot{position:absolute;inset:0;font-size:13px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.frame:hover .shot{transform:translateY(-4px)}.feature .cols3{margin-top:48px}.shot-palette{display:grid;place-items:center}.shot-split{inset:40px 40px -1px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:12px 12px 0 0;background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border-2),var(--shadow);overflow:hidden}.q{padding:4px 8px;min-width:0}.q:nth-child(2n){border-left:1px solid var(--b-border)}.q:nth-child(n+3){border-top:1px solid var(--b-border)}.q .crumbs{height:34px;display:flex;align-items:center;gap:4px;padding:0 6px;color:var(--b-text-2)}.q.on .crumbs{color:var(--b-text)}.ln{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:8px;white-space:nowrap}.ln .ic:not(.fold){color:var(--b-text-2)}.ln .ic.img{color:#e09a6a}.ln span{margin-left:auto;font-size:12px;color:var(--b-text-3)}.ln.sel{background:var(--b-sel)}.shot-notes,.shot-image,.shot-git{inset:40px 40px -1px;display:grid;border-radius:12px 12px 0 0;background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border-2),var(--shadow);overflow:hidden;color:var(--b-text)}.pv{position:relative;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--b-border)}.pv-head{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-bottom:1px solid var(--b-border)}.pv-head>.ic{width:17px;height:17px;color:var(--b-text-2)}.pv-head>.ic.ph{color:#4cb782}.pv-title{display:flex;flex-direction:column;min-width:0;line-height:1.35;white-space:nowrap}.pv-title b{font-weight:600}.pv-title span{font-size:12px;color:var(--b-text-2);overflow:hidden;text-overflow:ellipsis}.seg{display:flex;margin-left:auto;padding:2px;border-radius:7px;background:var(--b-hover);font-size:12px;color:var(--b-text-3)}.seg span{padding:3px 9px;border-radius:5px}.seg .on{background:var(--b-border-2);color:var(--b-text);font-weight:500}.shot-notes{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.nt{width:auto}.nt .bw-th,.nt .bw-tr{grid-template-columns:1fr 110px}.pv-body{padding:26px 30px}.doc-h{margin-bottom:14px;font-size:26px;font-weight:700;letter-spacing:-.01em}.task{display:flex;align-items:center;gap:10px;height:28px}.task b{flex:none;display:grid;place-items:center;width:15px;height:15px;border-radius:4px;box-shadow:inset 0 0 0 1.3px var(--b-text-3)}.task b svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.task.done{color:var(--b-text-2)}.task.done b{background:var(--b-accent);box-shadow:none}.task em{font-style:normal;font-size:11.5px;padding:1px 6px;border-radius:5px;color:var(--b-accent);background:var(--b-sel)}.task em.late{color:var(--b-red);background:color-mix(in oklab,var(--b-red) 14%,transparent)}.para{margin-top:16px}.para u{text-decoration:underline dashed var(--b-accent);text-underline-offset:4px;color:var(--b-accent)}.shot-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.thumbs{position:relative;padding:16px}.th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.th{margin:0;padding:10px 6px 8px;border-radius:10px;text-align:center;font-size:12px}.th.sel{background:var(--b-hover);box-shadow:inset 0 0 0 1px var(--b-border)}.th small{display:block;font-size:10.5px;color:var(--b-text-3)}.th .art{display:block;margin:0 auto 8px}.art.pic{position:relative;width:76px;height:52px;background:repeating-conic-gradient(var(--b-border-2) 0 25%,transparent 0 50%) 0 0 / 10px 10px}.art.pic:before{content:"";position:absolute;left:50%;top:14%;width:40%;height:86%;transform:translate(-50%);border-radius:999px 999px 6px 6px;background:linear-gradient(160deg,#f2b36c,#e46f8a 55%,#8b5cf6)}.art.logo{position:relative;width:76px;height:38px;margin-top:7px;margin-bottom:15px;border-radius:8px;background:#4f6fde}.art.logo:before{content:"";position:absolute;left:9px;top:9px;width:20px;height:20px;border-radius:50%;background:#fff}.thumbs .bw-selbar{bottom:16px;gap:12px;font-size:12.5px}.thumbs .bw-selbar .on{color:var(--b-text)}.img-menu{position:absolute;right:22px;bottom:60px;width:190px;padding:5px;border-radius:10px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 16px 40px -10px #00000080;font-size:12.5px}.img-menu p{padding:5px 10px;border-radius:6px}.img-menu p:first-child{background:var(--b-accent);color:#fff}.pv-img{flex:1;display:grid;place-items:center}.pv-img .art{width:240px;height:164px;background-size:16px 16px}.zoom{position:absolute;right:14px;bottom:46px;display:flex;align-items:center;gap:10px;padding:3px 10px;border-radius:999px;font-size:12px;color:var(--b-text-2);box-shadow:inset 0 0 0 1px var(--b-border-2)}.dots{display:flex;gap:6px;height:34px;align-items:center;padding:0 14px;border-top:1px solid var(--b-border)}.dots i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px var(--b-border)}.shot-git{grid-template-rows:auto 1fr;background:var(--b-elev)}.rv-head{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-bottom:1px solid var(--b-border);white-space:nowrap}.rv-head .acc{color:var(--b-accent)}.rv-head b{font-size:15px;font-weight:600}.rv-head>span{color:var(--b-text-3)}.rv-head .keys{margin-left:auto;font-size:12px;color:var(--b-text-2);overflow:hidden;text-overflow:ellipsis}.rv-body{display:grid;grid-template-columns:250px 1fr;min-height:0}.rv-list{display:flex;flex-direction:column;padding:6px;border-right:1px solid var(--b-border)}.rv-f{display:flex;align-items:center;gap:10px;min-height:30px;padding:4px 8px;border-radius:8px}.rv-f.on{background:var(--b-sel)}.rv-f span{display:flex;flex-direction:column;line-height:1.25}.rv-f small{font-size:11px;color:var(--b-text-3)}.cb{flex:none;width:13px;height:13px;border-radius:4px;box-shadow:inset 0 0 0 1.2px var(--b-text-3)}.git.u{color:var(--a)}.rv-f .git{width:10px;margin:0;font-size:11px}.rv-commit{margin-top:auto;padding:6px 2px 2px}.msg{height:44px;padding:7px 9px;border-radius:7px;color:var(--b-text-2);box-shadow:inset 0 0 0 1px var(--b-border-2)}.btns{display:flex;justify-content:space-between;margin-top:8px}.btns span{padding:4px 12px;border-radius:6px;font-weight:500;box-shadow:inset 0 0 0 1px var(--b-border-2)}.btns .pri{color:#fff9;background:color-mix(in oklab,var(--b-accent) 55%,var(--b-elev));box-shadow:none}.rv-diff{min-width:0;font:12px/1.9 var(--mono);color:var(--b-text-2);overflow:hidden}.rv-diff p{padding:0 16px;white-space:pre}.rv-diff .fn{height:44px;display:flex;align-items:center;margin-bottom:8px;border-bottom:1px solid var(--b-border);font:600 13px var(--font);color:var(--b-text)}.rv-diff .hunk{color:var(--b-text-3);background:var(--b-hover)}.rv-diff .del{color:var(--d);background:color-mix(in oklab,var(--d) 12%,transparent)}.rv-diff .add{color:var(--a);background:color-mix(in oklab,var(--a) 12%,transparent)}.tools{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-2);border-radius:12px;box-shadow:0 0 0 1px var(--line-2);overflow:hidden}.tools li{padding:24px;background:var(--bg);transition:background-color .2s ease}.tools li:hover{background:var(--bg-2)}.tools b{display:block;margin-bottom:4px;font-size:15px;font-weight:510}.tools span{font-size:14px;color:var(--text-2)}.pricing{padding:136px 0;border-top:1px solid var(--line-2)}.price-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px 64px;align-items:start;margin-top:64px}.price-card{padding:32px;border-radius:18px;background:linear-gradient(180deg,var(--bg-2),var(--bg) 60%);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.price-name{font-size:14px;font-weight:510;color:var(--text-2)}.price{display:flex;align-items:baseline;gap:10px;margin-top:12px}.price b{font-size:56px;font-weight:560;line-height:1;letter-spacing:-.04em}.price span{font-size:15px;color:var(--text-2)}.price-facts{list-style:none;margin:28px 0 0;padding:0}.price-facts li{position:relative;padding:14px 0 14px 28px;border-top:1px solid var(--line);font-size:15px}.price-facts li:before{content:"";position:absolute;left:3px;top:19px;width:9px;height:5px;border:solid var(--accent);border-width:0 0 1.75px 1.75px;transform:rotate(-45deg)}.price-facts b{display:block;font-weight:510}.price-facts span{font-size:14px;color:var(--text-2)}.price-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.price-note{margin-top:20px;font-size:13px;line-height:1.55;color:var(--text-3)}.license-qs{margin-top:4px}details p a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}details p a:hover{text-decoration-color:currentColor}@media(max-width:960px){.price-grid{grid-template-columns:1fr}}@media(max-width:720px){.pricing{padding:88px 0}.price-grid{margin-top:40px}.price-card{padding:24px}}.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px 64px}.faq h2{font-size:clamp(32px,4.2vw,48px);letter-spacing:-.026em;line-height:1.05}.qs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:16px;font-weight:510}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border:solid var(--text-3);border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg);transition:transform .25s ease}details[open] summary:after{transform:translateY(2px) rotate(-135deg)}details p{max-width:620px;padding-bottom:22px;font-size:15px;line-height:1.6;color:var(--text-2)}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}details::details-content{height:0;overflow:clip;transition:height .3s ease,content-visibility .3s allow-discrete}details[open]::details-content{height:auto}}.cta{position:relative;padding:160px 0 168px;border-top:1px solid var(--line-2);overflow:hidden}.cta:before{content:"";position:absolute;inset:auto 0 -320px;height:640px;background:radial-gradient(45% 50% at 50% 50%,var(--glow),transparent 70%);pointer-events:none}.cta h2{font-size:clamp(40px,6.2vw,64px);line-height:1.06;letter-spacing:-.03em;background:var(--heading);-webkit-background-clip:text;background-clip:text;color:transparent}.cta .hero-actions{margin-top:40px}.footer{padding:56px 0 40px;border-top:1px solid var(--line-2);font-size:13px}.foot{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.foot-cols{display:grid;grid-template-columns:repeat(4,132px);gap:32px}.foot-cols p{margin-bottom:14px;font-weight:510}.foot-cols a{display:block;padding:4px 0;color:var(--text-2)}.foot-cols a:hover{color:var(--text)}.foot-bottom{margin-top:64px;display:flex;justify-content:space-between;color:var(--text-3)}.js .reveal{opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;transition-delay:var(--d, 0s)}.js .reveal.in{opacity:1;transform:none;filter:none}.js .hero .reveal{opacity:1;transform:none;filter:none;transition:none;animation:rise .9s cubic-bezier(.2,.7,.2,1) var(--d, 0s) both}.js .hero-shot.reveal{animation-duration:1.2s;animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}}@media(prefers-reduced-motion:reduce){.js .reveal,.js .hero .reveal{opacity:1;transform:none;filter:none;transition:none;animation:none}.caret{animation:none}}@media(max-width:1040px){.foot{flex-direction:column}}@media(max-width:960px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.container,.nav-inner{padding:0 16px}.nav-links{display:none}.nav .btn{margin-left:auto}.wide{display:none}.hero{padding-top:128px}.hero-sub{font-size:16px}.hero-shot{margin-top:56px}.bw{grid-template-columns:1fr;height:520px}.bw-side,.bw-tab:not(.on),.bw-bar>.ic:nth-last-child(-n+2),.bw-views,.bw-db span:nth-child(n+3):not(.bw-new):not(.bw-spacer),.bw-selbar span:nth-of-type(n+3){display:none}.bw-th,.bw-tr{grid-template-columns:1fr 1fr}.bw-table p:nth-child(n+10){display:none}.intro{padding:72px 0 88px}.cols3{grid-template-columns:1fr;margin-top:48px}.cols3>div,.cols3>div:first-child{padding:20px 0;border-left:0;border-top:1px solid var(--line)}.feature .cols3{margin-top:32px}.feature,.tools-section,.faq{padding:88px 0}.feature-head,.faq-grid{grid-template-columns:1fr}.frame{height:340px;margin-top:40px}.shot-split,.shot-notes,.shot-image,.shot-git{inset:20px 20px -1px}.shot-split{grid-template-columns:1fr}.shot-split .q:nth-child(n+3){display:none}.shot-split .q:nth-child(2){border-left:0;border-top:1px solid var(--line-2)}.shot-notes,.shot-image,.rv-body{grid-template-columns:1fr}.nt,.thumbs,.rv-list,.rv-head .keys,.seg{display:none}.pv{border-left:0}.pal-foot .ed{display:none}.rv-head>.ic:last-child{margin-left:auto}.pv-body{padding:22px}.tools{grid-template-columns:1fr;margin-top:40px}.cta{padding:104px 0 112px}.foot{flex-direction:column}.foot-cols{grid-template-columns:repeat(2,1fr)}}.shot-space,.shot-sync{inset:40px 40px -1px;border-radius:12px 12px 0 0;background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border-2),var(--shadow);overflow:hidden;color:var(--b-text)}.shot-space{display:grid;grid-template-columns:1fr 240px}.sp-main{display:flex;flex-direction:column;padding:4px 12px 12px;min-width:0}.sp-main .crumbs{height:36px;display:flex;align-items:center;gap:4px;color:var(--b-text-2)}.tree{flex:1;display:grid;grid-template-columns:5fr 3fr 2fr;grid-template-rows:3fr 2fr 1.4fr;grid-template-areas:"a b c" "a b d" "a e f";gap:4px}.blk{display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px;border-radius:6px;overflow:hidden;color:#fff;font-size:12px;line-height:1.3}.blk b{font-weight:600}.blk span{opacity:.85}.blk.a{grid-area:a;background:#5e6ad2}.blk.b{grid-area:b;background:#7a84dc}.blk.c{grid-area:c;background:#e08a5a}.blk.d{grid-area:d;background:#d9677f}.blk.e{grid-area:e;background:#9aa1e6}.blk.f{grid-area:f;background:#4cb782}.sp-list{display:flex;flex-direction:column;padding:12px 8px;border-left:1px solid var(--b-border)}.sp-h{padding:0 8px 8px;font-size:11px;color:var(--b-text-3)}.sp-r{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:8px}.sp-r span{margin-left:auto;font-size:12px;color:var(--b-text-3)}.sp-r.on{background:var(--b-sel)}.sp-list .btns{margin-top:auto;padding:0 4px}.btns .red{color:var(--b-red)}.shot-sync{display:flex;flex-direction:column}.sy-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--b-border)}.sy-head p{display:flex;align-items:center;gap:7px;font-weight:600}.sy-arrow{color:var(--b-text-3)}.sy-head .sy-sum{margin-left:auto;font-weight:400;font-size:12px;color:var(--b-text-2)}.sy-rows{flex:1;padding:6px}.sy-r{display:flex;align-items:center;gap:9px;height:30px;padding:0 10px;border-radius:8px}.sy-r .ic{color:var(--b-text-2)}.sy-r em{margin-left:auto;font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:5px}.sy-r.left em,.sy-r.right em{color:var(--b-accent);background:var(--b-sel)}.sy-r.changed em{color:var(--m);background:color-mix(in oklab,var(--m) 14%,transparent)}.sy-r.same,.sy-r.same em{color:var(--b-text-3)}.sy-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--b-border);color:var(--b-text-2);font-size:12.5px}.sy-foot .btns{margin:0;gap:8px;flex:none}.btns .go{color:#fff;background:var(--b-accent);box-shadow:none}.page-hero{position:relative;padding-top:152px}.page-hero:before{content:"";position:absolute;inset:-200px 0 auto;height:600px;background:radial-gradient(50% 50% at 50% 30%,var(--glow),transparent 70%);pointer-events:none}.page-hero h1{font-size:clamp(36px,5.4vw,56px);line-height:1.06;letter-spacing:-.03em;background:var(--heading);-webkit-background-clip:text;background-clip:text;color:transparent}.crumbs-nav{display:flex;gap:8px;margin-bottom:20px;font-size:13px;color:var(--text-3)}.crumbs-nav a:hover{color:var(--text)}.eyebrow{margin-bottom:16px;font:400 13px/1 var(--mono);color:var(--text-3)}.page-mock{margin-top:72px}.page-mock .frame{margin-top:0}.page-shot .bw{height:560px}.feature-head p .link{display:block;width:fit-content;margin-top:16px}.nav-links a[aria-current=page]{color:var(--text)}.points{padding:104px 0;border-top:1px solid var(--line-2)}.points:first-of-type{border-top:0}.points .feature-head+.point-grid,.points .feature-head+.cols3,.points .feature-head+.keys-list{margin-top:56px}.point-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}.point-grid li{padding-top:20px;border-top:1px solid var(--line)}.point-grid h2,.point-grid h3{margin:0 0 6px;font-size:16px;font-weight:510;letter-spacing:-.01em}.point-grid p{font-size:15px;line-height:1.55;color:var(--text-2)}.point-grid .link{display:inline-block;margin-top:12px;font-size:14px}.cols3.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3 p b{display:block;margin-bottom:4px}.more-features,.hub,.hub-all,.guide-list,.changelog{padding:104px 0;border-top:1px solid var(--line-2)}.hub{padding-top:40px;border-top:0}.more-features h2{margin-bottom:40px;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.026em}.feature-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border-radius:12px;box-shadow:0 0 0 1px var(--line-2);overflow:hidden}.feature-links.big{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-links a{display:block;height:100%;padding:24px;background:var(--bg);transition:background-color .2s ease}.feature-links a:hover{background:var(--bg-2)}.feature-links small{display:block;margin-bottom:10px;font:400 12px/1 var(--mono);color:var(--text-3)}.feature-links b{display:block;margin-bottom:6px;font-size:16px;font-weight:510}.feature-links.big b{font-size:20px;letter-spacing:-.015em}.feature-links span{font-size:14px;line-height:1.5;color:var(--text-2)}.cat-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}.cat-grid h3,.release-body h3{margin:0 0 12px;font-size:13px;font-weight:510;color:var(--text-3)}.cat-grid ul,.release-body ul{list-style:none;margin:0;padding:0}.cat-grid li{padding:4px 0;font-size:15px}.cat-grid a:hover,.release-body a:hover{color:var(--accent)}.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.cat-chips a{padding:6px 12px;border-radius:999px;font-size:13px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line)}.cat-chips a:hover{color:var(--text);background:var(--bg-2)}.guide-list{padding-top:64px}.guide-cat{display:grid;grid-template-columns:1fr 2fr;gap:24px 64px;padding:56px 0;border-top:1px solid var(--line-2);scroll-margin-top:72px}.guide-cat:first-child{border-top:0;padding-top:0}.guide-cat-head{align-self:start;position:sticky;top:96px}.guide-cat-head h2{font-size:22px;letter-spacing:-.02em}.guide-toc{list-style:none;margin:16px 0 0;padding:0;font-size:14px}.guide-toc li{padding:3px 0}.guide-toc a{color:var(--text-2)}.guide-toc a:hover{color:var(--accent)}.guide-entry{padding:0 0 36px;scroll-margin-top:88px}.guide-entry+.guide-entry{padding-top:36px;border-top:1px solid var(--line-2)}.guide-entry h3{margin:0;font-size:22px;font-weight:510;letter-spacing:-.02em}.guide-entry h3 a:hover,.guide-entry:target h3{color:var(--accent)}.guide-sum{margin-top:4px;color:var(--text-2)}.guide-entry .prose{margin-top:16px;font-size:16px}.prose{line-height:1.7;color:var(--text)}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:1em 0 0}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.4em}.prose strong{font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 35%,transparent);text-underline-offset:3px}.prose code{font:.86em var(--mono);padding:2px 5px;border-radius:5px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}.prose table{width:100%;margin-top:1.2em;border-collapse:collapse;font-size:15px}.prose th,.prose td{padding:9px 12px 9px 0;text-align:left;border-bottom:1px solid var(--line)}.prose th{font-weight:510;color:var(--text-2)}.details{padding:104px 0;border-top:1px solid var(--line-2)}.details-grid.with-mock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px 64px;align-items:start}.details-text h2{margin-bottom:32px;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.026em}.details-grid:not(.with-mock) .details-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.details-grid:not(.with-mock) .details-text h2{grid-column:1 / -1}.details-text>div{padding:20px 0 24px;border-top:1px solid var(--line)}.details-text h3{margin:0 0 6px;font-size:16px;font-weight:510}.details-text p{font-size:15px;line-height:1.6;color:var(--text-2)}.details-mock .frame{margin-top:0}.details-mock .page-shot .bw{height:460px;grid-template-columns:170px 1fr}.changelog{padding-top:40px;border-top:0}.release{display:grid;grid-template-columns:1fr 3fr;gap:24px 64px;padding:48px 0;border-top:1px solid var(--line)}.release-head h2{font-size:24px;letter-spacing:-.02em}.release-head .meta{margin-top:6px}.release-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}.release-body li{padding:6px 0}.release-body li a{font-weight:510}.release-body li span{display:block;font-size:14px;color:var(--text-2)}.download .dl-icon{margin-bottom:28px}.dl-facts{list-style:none;margin:56px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px 48px;font-size:15px}.dl-facts b{display:block;margin-bottom:2px;font-size:13px;font-weight:510;color:var(--text-3)}.legal-col{max-width:760px}.legal{padding:56px 0 128px}.legal .prose{font-size:16px}.legal .prose h2{margin:48px 0 0;font-size:20px;font-weight:510;letter-spacing:-.015em}.legal .prose>h2:first-child{margin-top:0}.legal .prose p,.legal .prose li{color:var(--text-2)}.legal .prose strong{color:var(--text);font-weight:510}.legal-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--text-3)}.legal-foot a{color:var(--text-2)}.legal-nav{display:flex;gap:20px;margin-top:16px;font-size:14px;color:var(--text-2)}.legal-nav a:hover,.legal-nav a[aria-current=page]{color:var(--text)}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{position:relative;padding:24px 0 24px 52px;border-top:1px solid var(--line);counter-increment:step}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);position:absolute;left:0;top:22px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:510;color:var(--accent);background:var(--accent-tint)}.steps h2{font-size:17px;font-weight:510;letter-spacing:-.01em}.steps p{margin-top:4px;font-size:15px;line-height:1.6;color:var(--text-2)}.steps-action{margin-top:14px}.thanks-more{margin-top:40px}.legal .thanks-more p{color:var(--text-2)}.keys-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.keys-list li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--text-2)}.keys-list kbd{flex:none;min-width:96px;text-align:center;font-size:13px;padding:5px 8px;color:var(--text)}.foot-tag{margin-top:12px;max-width:220px;color:var(--text-2)}@media(max-width:960px){.point-grid,.feature-links,.cat-grid,.cols3.four{grid-template-columns:repeat(2,minmax(0,1fr))}.release{grid-template-columns:1fr}}@media(max-width:720px){.page-hero{padding-top:116px}.page-mock{margin-top:48px}.page-shot .bw{height:520px}.points,.more-features,.hub-all,.guide-list,.changelog,.details{padding:72px 0}.guide-cat-head{position:static}.details-grid.with-mock,.details-grid:not(.with-mock) .details-text{grid-template-columns:1fr}.details-mock .page-shot .bw,.point-grid,.feature-links,.feature-links.big,.cat-grid,.cols3.four,.guide-cat,.release-body,.keys-list{grid-template-columns:1fr}.point-grid{gap:32px}.prose{font-size:16px}.shot-space{grid-template-columns:1fr}.sp-list,.sy-sum,.sy-foot>p:first-child{display:none}.sy-foot{justify-content:flex-end}.shot-space,.shot-sync{inset:20px 20px -1px}}.hero-shot{max-width:1360px}.wallpaper{position:relative;padding:56px 64px 76px;border-radius:28px;background:radial-gradient(60% 70% at 12% 18%,rgb(129 140 248 / .75),transparent 70%),radial-gradient(50% 60% at 88% 12%,rgb(232 121 249 / .55),transparent 70%),radial-gradient(60% 60% at 80% 95%,rgb(251 191 146 / .7),transparent 70%),radial-gradient(50% 60% at 20% 100%,rgb(125 211 252 / .6),transparent 70%),linear-gradient(160deg,#c7cbff,#f3d9ff 55%,#ffe7d1);box-shadow:inset 0 0 0 1px #fff6}.wallpaper .bw-hero{box-shadow:0 0 0 1px #14143c1f,0 50px 100px -30px #28147880,0 20px 40px -20px #2814784d}.bw-hero{position:relative;height:640px}.bw-stage{position:relative;flex:1;min-height:0;overflow:hidden;transition:opacity .35s ease}.blink .bw-stage,.blink .pointer{opacity:0}.snap *,.snap *:before{transition:none!important}.dl{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .16s ease-in}.dl.on{opacity:1;transition:opacity .3s ease-out .16s}.fade{opacity:0;transition:opacity .12s ease-in}.fade.on{opacity:1;transition:opacity .2s ease-out .12s}.fade-in{display:inline-block;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .35s cubic-bezier(.3,1.5,.5,1)}.fade-in.on{opacity:1;transform:none}.pop{opacity:0;transform:translateY(6px) scale(.97);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.9,.3,1.1)}.pop.on{opacity:1;transform:none}.swap{display:inline-grid}.swap>*{grid-area:1 / 1;opacity:0;transition:opacity .12s ease-in}.swap>.on{opacity:1;transition:opacity .2s ease-out .12s}.bw-bar .ic.on{color:var(--b-accent)}.pane{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;background:var(--b-bg)}.pv-pane,.pane-b,.pane-d{left:50%;border-left:1px solid var(--b-border)}.pane-c,.pane-d{top:50%;height:50%;border-top:1px solid var(--b-border)}.slide-x{transform:translate(101%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.slide-y{transform:translateY(101%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.slide-x.on,.slide-y.on{transform:none}.bw-path b{font-weight:600}.bw-branch{display:flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;background:var(--b-hover);font-size:12px;color:var(--b-text-2)}.bw-branch em{font-style:normal;color:var(--m)}.bw-branch .swap>span{white-space:nowrap}.gitdot{flex:none;width:6px;height:6px;border-radius:50%;background:color-mix(in oklab,orange 85%,transparent)}.bw-list{padding:0 8px}.bw-lh,.bw-li{display:grid;grid-template-columns:minmax(0,1fr) 84px 72px;gap:8px;align-items:center;height:28px;padding:0 8px;white-space:nowrap}.bw-lh{font-size:12px;color:var(--b-text-2);border-bottom:1px solid var(--b-border)}.bw-lh i{font-style:normal}.bw-li{position:relative;border-radius:8px}.bw-li span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.bw-li span+span{color:var(--b-text-3);font-size:12px}.bw-li b{font-weight:400;overflow:hidden;text-overflow:ellipsis}.bw-li.sel{background:var(--b-sel)}.bw-li.sel-un{background:#1b1b1f12}.bw-li .git{margin-left:2px;font-size:11px}.tagdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c)}.rows{position:relative}.hl{position:absolute;top:0;left:0;right:0;height:28px;border-radius:8px;background:var(--b-sel);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.pane:not(.focus) .hl{opacity:.5}.row-at{position:absolute;left:0;right:0}.shift{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.shift.on{transform:translateY(28px)}.ft{color:var(--b-text-2)}.ft .body{fill:color-mix(in oklab,currentColor 14%,transparent)}.ft-pdf{color:#e5484d}.ft-html{color:#e8793a}.ft-css{color:#3e8ed0}.ft-js{color:#c99a12}.ft-json{color:#8e6cc3}.ft-md{color:#5c6bc0}.ft-txt{color:#8a8f98}.ft-img{color:#e0844f}.ft-zip{color:#6b7280}.ft-folder{stroke:none;fill:var(--b-accent)}.bw-selbar{z-index:3;left:25%;bottom:16px;gap:12px;padding:0 12px}.gal-files .bw-selbar{left:50%}.pv-pane{display:flex;flex-direction:column}.pv-pane .pv-head{height:52px}.pv-pane .pv-body{padding:26px 30px}.pv-pane .doc-h{font-size:26px}.callout{margin-top:18px;padding:12px 14px;border-radius:8px;background:var(--b-sel);color:var(--b-text-2)}.callout b{display:block;margin-bottom:2px;color:var(--b-text);font-weight:600}.demo-pal{position:absolute;z-index:5;top:56px;left:calc(50% - 250px);width:500px;border-radius:12px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 30px 70px -20px #1e145059;overflow:hidden;font-size:13.5px}.demo-pal .pal-q{gap:0;height:52px;font-size:16px}.demo-pal .pal-q>.ic{margin-right:10px}.demo-pal .caret{margin-left:1px}.ph-text{display:none;margin-left:-1px;color:var(--b-text-3)}.ph-text.on{display:inline}.swap-box>div{display:none}.swap-box>.on{display:block}.swap-box [data-d=pal-typing].on{height:44px}.demo-pal .pal-foot kbd{padding:2px 5px}.review{position:absolute;z-index:5;inset:36px 48px 40px;display:flex;flex-direction:column;border-radius:12px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 30px 80px -20px #1e145066;overflow:hidden;font-size:13px;color:var(--b-text)}.review .rv-body{flex:1;min-height:0}.review .rv-list{padding:8px}.review .rv-f{position:relative;height:32px;min-height:32px;padding:0 8px;background:none}.review .hl{height:32px}.cb{position:relative;display:grid;place-items:center}.cb span{position:absolute;inset:0;display:grid;place-items:center;border-radius:4px;background:var(--b-accent);opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.5,.5,1)}.cb svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cb.on span{opacity:1;transform:none}.review .msg{position:relative;transition:box-shadow .2s ease}.review .msg.on{box-shadow:inset 0 0 0 1.5px var(--b-accent);color:var(--b-text)}.review .btns .pri{transition:opacity .3s ease;opacity:.55;color:#fff;background:var(--b-accent)}.review .btns .pri.on{opacity:1}.review .rv-diff{position:relative}.review .rv-diff>.fade{position:absolute;inset:0}.review .rv-diff .fn{margin-bottom:8px}.gal-files{width:calc(100% - 360px)}.gal-pv{left:auto;right:0;width:360px}.gal-views{position:relative;height:calc(100% - 38px)}.gal-views>.bw-list{position:absolute;inset:0}.tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:158px;gap:6px 10px;padding:10px 16px;align-content:start}.tile{margin:0;padding:8px 8px 6px;border-radius:10px;text-align:center;font-size:12px;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.9,.3,1.05);transition-delay:calc(.12s + var(--i) * 45ms)}.tiles.on .tile:not(.cutout),.tile.on{opacity:1;transform:none}.tile.sel{background:var(--b-sel)}.tile figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile small{display:block;font-size:10.5px;color:var(--b-text-3)}.thumb{display:block;height:96px;margin-bottom:8px;border-radius:6px;box-shadow:0 1px 3px #0000001f}.tile.cutout,.tile.moved{transition-delay:0s}.bw-li.sel-un.sel{background:var(--b-sel)}.gal-pv .pv-img{flex:1;display:grid;place-items:center;background:repeating-conic-gradient(var(--b-border) 0 25%,transparent 0 50%) 50% 50% / 14px 14px}.big-art{display:block;width:260px;height:174px;border-radius:8px;box-shadow:0 10px 30px -10px #00000059;transition:opacity .25s ease}.big-art.art-8,.big-art.art-cut{width:150px;height:200px}.big-art.art-cut{box-shadow:none}.flash{opacity:.2}.art-0{background:linear-gradient(180deg,#0f172a,#1e1b4b 40%,transparent 41%),radial-gradient(120% 60% at 30% 40%,#2dd4bf,transparent 60%),radial-gradient(80% 50% at 75% 35%,#c084fc,transparent 60%),#0f172a}.art-1{background:radial-gradient(circle at 50% 50%,#fff7ed 0 12%,#fda4af 13% 30%,#f472b6 31% 46%,#a855f7 47% 62%,#312e81 63%)}.art-2{background:repeating-radial-gradient(circle at 0% 100%,#fb7185 0 14px,#fdba74 14px 28px,#fde68a 28px 42px)}.art-3{background:radial-gradient(160% 60% at 30% 110%,#b45309 40%,transparent 41%),radial-gradient(160% 70% at 80% 120%,#d97706 45%,transparent 46%),linear-gradient(180deg,#fde68a,#fdba74)}.art-4{background:radial-gradient(circle at 50% 120%,#fef08a 0 18%,#f97316 19% 40%,#dc2626 41% 62%,#450a0a 63%)}.art-5{background:repeating-linear-gradient(115deg,#14532d 0 10px,#22c55e 10px 18px,#86efac 18px 22px)}.art-6{background:linear-gradient(160deg,transparent 55%,#e0f2fe 56%),linear-gradient(200deg,#bae6fd 40%,#38bdf8 41% 60%,#0369a1 61%)}.art-7{background:radial-gradient(circle,transparent 0 28%,#a5b4fc 29% 36%,transparent 37%),radial-gradient(circle,#312e81,#1e1b4b 70%)}.art-8{background:radial-gradient(circle at 50% 36%,#fcd5b5 0 16%,transparent 17%),radial-gradient(70% 45% at 50% 100%,#6366f1 0 99%,transparent 100%),linear-gradient(180deg,#fde68a,#f9a8d4)}.art-cut{background:radial-gradient(circle at 50% 36%,#fcd5b5 0 16%,transparent 17%),radial-gradient(70% 45% at 50% 100%,#6366f1 0 99%,transparent 100%),repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0 / 10px 10px}.menu{position:absolute;z-index:6;bottom:60px;left:calc(50% + 70px);width:210px;padding:5px;border-radius:10px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 18px 44px -12px #1e145059;font-size:13px}.menu p{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 10px;border-radius:6px;transition:background-color .15s ease,color .15s ease}.menu p.lit{background:var(--b-accent);color:#fff}.menu kbd,.menu i{font-style:normal;font-size:11.5px;color:var(--b-text-3);background:none;box-shadow:none;padding:0}.menu p.lit kbd,.menu p.lit i{color:#fffc}.menu hr{margin:4px 8px;border:0;border-top:1px solid var(--b-border)}.menu.sub{bottom:104px;left:calc(50% - 132px);width:200px}[data-layer=board]{display:flex;flex-direction:column}.board-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:8px 16px}.lane-h{display:flex;align-items:center;gap:8px;height:30px;font-size:12px;color:var(--b-text-3)}.card{position:relative;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border-2),0 1px 2px #0000000a;font-size:13px}.card-t{display:flex;align-items:center;gap:8px;font-weight:500}.card-m{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11.5px}.card-m .due,.card-m .date{font-style:normal;color:var(--b-text-3)}.card-m .due{padding:1px 6px;border-radius:5px;color:var(--b-accent);background:var(--b-sel)}.card-m .due.late{color:var(--b-red);background:color-mix(in oklab,var(--b-red) 12%,transparent)}.card.sel{box-shadow:0 0 0 1.5px var(--b-accent)}.card.slot{visibility:hidden;height:64px}.card.grab{z-index:4;box-shadow:0 0 0 1px var(--b-border-2),0 20px 40px -12px #1e145059}.card[data-d=card]{transition:transform var(--move, .9s) cubic-bezier(.45,0,.25,1),box-shadow .2s ease}.card.lift-up{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.card.lift-up.on{transform:translateY(calc(-100% - 8px))}.st{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:5px;color:var(--b-text-2);background:var(--b-hover)}.st-review{color:#9a6512;background:#e2a33f2e}.st-done{color:#23874f;background:#4cb7822e}.bw-db .chip{margin-left:6px;font-size:12px;color:var(--b-text-2);box-shadow:inset 0 0 0 1px var(--b-border-2)}.pointer{position:absolute;z-index:10;top:0;left:0;width:18px;height:22px;opacity:0;transition:transform var(--move, .7s) cubic-bezier(.45,0,.25,1),opacity .25s ease}.pointer svg{display:block;width:100%;height:100%;fill:#111;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .3));transform-origin:2px 2px;transition:scale .12s ease}.pointer.on{opacity:1}.pointer.down svg{scale:.85}.hud{position:absolute;z-index:20;left:50%;bottom:22px;display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:16px;background:#161622d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:15px;font-weight:500;white-space:nowrap;opacity:0;transform:translate(-50%,8px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.3,1.1)}.hud.on{opacity:1;transform:translate(-50%)}.hud kbd{min-width:44px;padding:7px 12px;border-radius:9px;text-align:center;font:600 19px/1.1 var(--font);color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #fff3,0 2px #00000059}.hud.text kbd{font:600 15px/1.25 var(--mono);color:#f6b955}.hud.text kbd:empty{display:none}.chapters{display:flex;align-items:center;gap:20px;margin-top:22px;visibility:hidden}.live .chapters,.chapters.live{visibility:visible}.chapters ol{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.chapters button{border:0;background:none;font:inherit;cursor:pointer}.chapters li button{width:100%;padding:0;text-align:left}.chapters li span{display:block;margin-bottom:8px;font-size:14px;font-weight:510;color:var(--text-3);transition:color .2s ease}.chapters li.now span,.chapters li button:hover span{color:var(--text)}.chapters li i{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.chapters li b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.chapters li.done b{transform:none}.chapters li.now b{animation:chapter var(--dur, 6s) linear forwards}.paused .chapters li.now b{animation-play-state:paused}@keyframes chapter{to{transform:none}}.demo-toggle{flex:none;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:510;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line)}.demo-toggle:hover{color:var(--text)}@media(max-width:1180px){.wallpaper{padding:40px 36px 64px}.gal-files{width:calc(100% - 300px)}.gal-pv{width:300px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.bw-hero .bw-side{display:none}.bw-hero{grid-template-columns:1fr}}@media(max-width:720px){.wallpaper{padding:16px 12px 64px;border-radius:20px}.bw-hero{height:520px}.pane{width:100%}.pv-pane,.pane-b,.pane-c,.pane-d,.demo-pal,.bw-tab:not(.on),.bw-lh>span:last-child,.bw-li>span:last-child,.bw-selbar span:nth-of-type(n+3):not([data-d=g-more]),.gal-pv,.rv-diff,.rv-head .keys,.bw-db span:nth-child(n+3):not(.bw-new):not(.bw-spacer),.board-cols .card-m .date{display:none}.bw-lh,.bw-li{grid-template-columns:minmax(0,1fr) 72px}.bw-path>span:first-child{display:none}.gal-files{width:100%}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.thumb{height:82px}.bw-selbar,.gal-files .bw-selbar{left:50%}.menu{left:auto;right:8px;width:180px}.menu.sub{right:8px;bottom:60px;left:auto;width:180px}.review .rv-list{display:flex}.board-cols .card-m em{display:none}.review{inset:16px 10px}.review .rv-body{grid-template-columns:1fr}.board-cols{gap:6px;padding:6px 8px}.card{padding:8px;font-size:11.5px}.card .ic{display:none}.hud{bottom:14px;font-size:13px}.hud kbd{font-size:16px;min-width:36px}.chapters{flex-wrap:wrap;gap:12px}.chapters ol{grid-template-columns:repeat(4,minmax(0,1fr))}.chapters li[data-chapter="0"],.chapters li[data-chapter="1"]{display:none}.chapters li span{font-size:12.5px}}.b-view{position:absolute;inset:0;background:var(--b-bg)}.zones,.open-here{position:absolute;z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.zones{inset:0}.zones.on,.open-here.on{opacity:1}.hint{position:absolute;left:calc(50% - 22px);width:44px;height:3px;border-radius:2px;background:color-mix(in oklab,var(--b-accent) 55%,transparent)}.hint.top{top:6px}.hint.bottom{bottom:6px}.open-here{left:6px;right:6px;bottom:6px;height:calc(50% - 6px);display:grid;place-items:center;border-radius:8px;background:color-mix(in oklab,var(--b-accent) 12%,var(--b-bg));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--b-accent) 60%,transparent)}.open-here span{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--b-accent)}.ghost{position:absolute;z-index:9;top:0;left:0;display:flex;align-items:center;gap:6px;padding:4px 9px 4px 7px;border-radius:7px;background:#ffffffe6;box-shadow:0 0 0 1px var(--b-border-2),0 8px 20px -6px #1e14504d;font-size:12.5px;white-space:nowrap;opacity:0;transition:transform var(--move, .7s) cubic-bezier(.45,0,.25,1),opacity .2s ease}.ghost.on{opacity:1}.fn{justify-content:space-between;padding-right:12px!important}.fn-acts{display:flex;gap:12px;color:var(--b-text-3)}.review .rv-f{transition:opacity .2s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.review .rv-f.gone{opacity:0}.toast{position:absolute;z-index:7;left:0;right:0;bottom:70px;width:max-content;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--b-elev);box-shadow:0 0 0 1px var(--b-border-2),0 12px 30px -10px #1e145059;font-size:13px;font-weight:500}.toast svg{width:16px;height:16px;fill:none;stroke:var(--a);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rv-branch{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--b-text-2);white-space:nowrap}.rv-branch .ic{width:11px;height:11px}.rv-busy{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--b-text-3)}.spin{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--b-border-2);border-top-color:var(--b-text-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.rv-mode{display:flex;padding:2px;border-radius:7px;background:var(--b-hover);font-size:12px;color:var(--b-text-3)}.rv-mode span{padding:3px 9px;border-radius:5px}.rv-mode .on{background:var(--b-bg);box-shadow:0 0 0 1px var(--b-border);color:var(--b-text);font-weight:500}.rv-acts{display:flex;align-items:center;gap:4px;color:var(--b-text-2)}.rv-acts>.ic,.rv-acts .cnt{display:flex;align-items:center;gap:3px;height:28px;padding:0 6px;border-radius:6px}.rv-acts>.ic{width:28px;padding:0 7px}.rv-acts .cnt.on{color:var(--b-accent)}.rv-acts .cnt b{font-size:12px;font-weight:500}.review .amend{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--b-text-2)}.rv-foot{padding:8px 16px;border-top:1px solid var(--b-border);font-size:11px;color:var(--b-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.rv-mode,.rv-foot,.rv-busy,.rv-branch,.rv-acts>.ic,.rv-acts .cnt:not([data-d=push]){display:none}}.release-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}.release-list a,.release-list b{font-weight:510}.release-list a:hover{color:var(--accent)}.release-list span{display:block;max-width:640px;font-size:15px;line-height:1.55;color:var(--text-2)}