.gal:where(.astro-ghprvvds){margin-top:26px}.gal-tabs:where(.astro-ghprvvds){flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.gal-tabs:where(.astro-ghprvvds) button:where(.astro-ghprvvds){font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--fg3);transition:color var(--d2) ease, border-color var(--d2) ease, background-color var(--d2) ease;background:0 0;border-radius:9px;align-items:baseline;gap:8px;padding:8px 14px;font-size:14px;display:flex}.gal-tabs:where(.astro-ghprvvds) button:where(.astro-ghprvvds) em:where(.astro-ghprvvds){font-style:normal;font-family:var(--f-m);color:var(--fg3);opacity:.8;font-size:11px}.gal-tabs:where(.astro-ghprvvds) button:where(.astro-ghprvvds)[aria-selected=true]{color:var(--fg);border-color:var(--line2);background:var(--bg2)}@media (hover:hover){.gal-tabs:where(.astro-ghprvvds) button:where(.astro-ghprvvds):hover{color:var(--fg2)}}.gal-yours:where(.astro-ghprvvds){border-style:dashed!important}.gal-body:where(.astro-ghprvvds){position:relative}.gal-panel:where(.astro-ghprvvds){margin:0;display:none}.gal-panel:where(.astro-ghprvvds) img:where(.astro-ghprvvds){border:1px solid var(--line2);background:var(--bg3,#1b1f23);border-radius:10px;width:100%;height:auto;display:block}.gal-panel:where(.astro-ghprvvds) figcaption:where(.astro-ghprvvds){font-family:var(--f-m);letter-spacing:.04em;text-transform:uppercase;color:var(--fg3);margin-top:12px;font-size:11.5px}.gal:where(.astro-ghprvvds)[data-view=canvas] :where(.astro-ghprvvds)[data-panel=canvas],.gal:where(.astro-ghprvvds)[data-view=tiled] :where(.astro-ghprvvds)[data-panel=tiled],.gal:where(.astro-ghprvvds)[data-view=queue] :where(.astro-ghprvvds)[data-panel=queue],.gal:where(.astro-ghprvvds)[data-view=board] :where(.astro-ghprvvds)[data-panel=board]{display:block}.gal:where(.astro-ghprvvds)[data-view=yours] :where(.astro-ghprvvds)[data-panel=yours]{display:grid}.gal-write:where(.astro-ghprvvds){border:1px dashed var(--line2);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:min(56vw,560px);padding:32px}.gal-write:where(.astro-ghprvvds) p:where(.astro-ghprvvds){color:var(--fg2);max-width:52ch;font-size:15px;line-height:1.65}.gal-write:where(.astro-ghprvvds) .cmd:where(.astro-ghprvvds){margin-top:16px;font-size:12.5px}.gal-links:where(.astro-ghprvvds){gap:18px;margin-top:16px;font-size:14px;display:flex}.gal-links:where(.astro-ghprvvds) a:where(.astro-ghprvvds){color:var(--idle);text-decoration:none}.gal-links:where(.astro-ghprvvds) a:where(.astro-ghprvvds):hover{text-decoration:underline}.gal-file:where(.astro-ghprvvds){border:1px solid var(--line);background:var(--bg);font-family:var(--f-m);color:var(--fg2);border-radius:9px;margin:0;padding:16px;font-size:12.5px;line-height:1.7;overflow-x:auto}@media (width<=760px){.gal-write:where(.astro-ghprvvds){grid-template-columns:1fr;gap:18px}}:root{--bg:oklch(16.9% .003 230.81);--bg2:oklch(19.3% .002 230.81);--bg3:oklch(21.6% .0025 230.82);--line:oklch(25.9% .0033 230.84);--line2:oklch(34.2% .0049 230.86);--fg:oklch(92.4% .0017 230.69);--fg2:oklch(84.6% .0035 230.72);--fg3:oklch(68.4% .0074 230.81);--brand:oklch(55% .18 265);--idle:oklch(70% .13 230);--working:oklch(77% .17 65);--ok:oklch(70% .19 152);--blocked:oklch(58% .24 28);--f:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--f-m:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.32, .72, 0, 1);--d1:.1s;--d2:.15s;--d3:.22s;--ease-move:cubic-bezier(.77, 0, .175, 1);--t-display:clamp(40px, 6vw, 80px);--t-heading:clamp(28px, 3.6vw, 48px);--t-sub:22px;--t-lede:clamp(17px, 1.3vw, 20px);--t-body:15px;--t-mono:12.5px;--t-caption:11px;--tr-display:-.035em;--tr-heading:-.03em;--tr-sub:-.02em;--w:1240px;color-scheme:dark}:root[data-theme=light]{--bg:oklch(98.5% .002 230);--bg2:oklch(96.6% .002 230);--bg3:oklch(94.5% .003 230);--line:oklch(90.2% .004 230);--line2:oklch(84.2% .006 230);--fg:oklch(25.2% .006 230);--fg2:oklch(40.4% .006 230);--fg3:oklch(54.8% .008 230);--brand:oklch(50% .19 265);--idle:oklch(52% .13 230);--working:oklch(58% .15 65);--ok:oklch(52% .16 152);--blocked:oklch(52% .22 28);color-scheme:light}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.95' numOctaves='5' seed='9' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.plate{isolation:isolate;position:relative;overflow:hidden}.plate:before{content:"";z-index:-1;width:var(--plate-w,min(24vw, 340px));opacity:var(--plate-o,.22);mix-blend-mode:screen;background-image:var(--grain), var(--plate-art);background-blend-mode:overlay, normal;background-repeat:repeat,no-repeat;background-size:200px 200px, var(--plate-fit,contain);background-position:0 0, var(--plate-pos,right center);-webkit-mask-composite:source-in;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(100deg,#0000 8%,#000 58%),linear-gradient(#000 64%,#0000 98%);mask-image:linear-gradient(100deg,#0000 8%,#000 58%),linear-gradient(#000 64%,#0000 98%);mask-composite:intersect}.plate[data-side=left]:before{--plate-pos:left center;left:0;right:auto;-webkit-mask-image:linear-gradient(260deg,#0000 8%,#000 58%),linear-gradient(#000 64%,#0000 98%);mask-image:linear-gradient(260deg,#0000 8%,#000 58%),linear-gradient(#000 64%,#0000 98%)}:root[data-theme=light] .plate:before{opacity:calc(var(--plate-o,.22) * .45);filter:invert()contrast(.9);mix-blend-mode:multiply}@media (width<=1100px){.plate:before{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg2);font-family:var(--f);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit}::selection{background:color-mix(in oklab,var(--brand) 40%,transparent)}:focus-visible{outline:2px solid var(--idle);outline-offset:3px;border-radius:3px}.skip{background:var(--fg);color:var(--bg);z-index:200;border-radius:5px;padding:10px 14px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}.wrap.narrow{max-width:760px}h1,h2,h3{color:var(--fg);text-wrap:balance;letter-spacing:-.022em;margin:0;font-weight:600}h1{font-size:var(--t-display);letter-spacing:var(--tr-display);line-height:1}h2{font-size:var(--t-heading);letter-spacing:var(--tr-heading);line-height:1.06}h3{font-size:16px;line-height:1.35}p{margin:0}.lede{font-size:var(--t-lede);color:var(--fg2);max-width:52ch;margin-top:20px;line-height:1.5}.sub{color:var(--fg3);max-width:64ch;margin-top:10px;font-size:15px;line-height:1.6}code,.cmd,.m{font-family:var(--f-m)}.nav{z-index:50;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-in{max-width:var(--w);align-items:center;gap:24px;height:58px;margin:0 auto;padding:0 28px;display:flex}.brand{color:var(--fg);letter-spacing:-.02em;align-items:center;gap:9px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.links{gap:20px;margin-left:auto;font-size:14px;display:flex}.links a{color:var(--fg3);transition:color var(--d2) ease;text-decoration:none}@media (hover:hover) and (pointer:fine){.links a:hover{color:var(--fg)}}.band{border-top:1px solid var(--line);padding:44px 0}.band.alt{background:var(--bg2)}.head{margin-bottom:22px}.eyebrow{font-family:var(--f-m);letter-spacing:.04em;color:var(--fg3);align-items:center;gap:10px;font-size:12px;display:flex}.tag{color:var(--fg2);border:1px solid var(--line2);letter-spacing:.04em;text-transform:none;border-radius:4px;padding:2px 7px}.hero{--plate-art:var(--artHero);--plate-w:min(44vw,720px);--plate-o:.42;--plate-pos:right top;padding:56px 0 48px}#how{--plate-art:var(--artHow);--plate-w:min(24vw,340px);--plate-o:.2;--plate-fit:cover}#yours{--plate-art:var(--artYours);--plate-w:min(18vw,250px);--plate-o:.22;--plate-pos:right bottom}#views{--plate-art:var(--artViews);--plate-w:min(20vw,300px);--plate-o:.2;--plate-pos:left bottom}#faq{--plate-art:var(--artFaq);--plate-w:min(24vw,330px);--plate-o:.17}@media (width<=900px){.hero:before{display:none}}.hero-in{grid-template-columns:minmax(0,1fr);align-items:center;gap:44px;display:grid}@media (width>=1080px){.hero-in{grid-template-columns:minmax(420px,.85fr) minmax(0,1.15fr);gap:56px}.hero-copy .lede{max-width:46ch}}main>section{z-index:1;position:relative}.hero-shot{min-width:0;margin:0}.hero-shot .stage{aspect-ratio:16/10;border:1px solid var(--line);background:#0d0f11 50%/cover no-repeat;background-image:var(--hero-bg);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073}.hero-shot .slide{object-fit:contain;opacity:0;width:100%;height:100%;animation:26s infinite cycle;animation-delay:calc(var(--i) * 6.5s);padding:14px;position:absolute;inset:0}.hero-shot .slide[style*=--i\:0]{opacity:1}@keyframes cycle{0%{opacity:0}2%{opacity:1}23%{opacity:1}25%{opacity:0}to{opacity:0}}.hero-shot figcaption{font-family:var(--f-m);color:var(--fg3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;margin-top:12px;font-size:12.5px;display:flex}.hero-shot figcaption a{color:var(--fg2)}@media (prefers-reduced-motion:reduce){.hero-shot .slide{opacity:0;animation:none}.hero-shot .slide[style*=--i\:0]{opacity:1}}.hero .shot-cap{margin:12px 0 0}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{height:38px;transition-property:background-color,border-color,color,scale;transition-duration:var(--d2);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition-timing-function:ease;display:inline-flex}.btn:active{transition-duration:var(--d1);transition-timing-function:var(--ease);scale:.96}.btn.primary{background:var(--brand);color:#fff}.btn.ghost{border-color:var(--line2);color:var(--fg)}@media (hover:hover) and (pointer:fine){.btn.primary:hover{background:color-mix(in oklab,var(--brand) 88%,#fff)}.btn.ghost:hover{border-color:var(--fg3);background:var(--bg3)}}.install{background:var(--bg2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;font-size:13.5px;display:flex;overflow:hidden}.install code{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.install code:before{content:"$ ";color:var(--fg3)}.copy{font:inherit;font-family:var(--f-m);cursor:pointer;color:var(--fg3);border:1px solid var(--line2);transition-property:color,border-color,background-color,scale;transition-duration:var(--d2);background:0 0;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:12px;transition-timing-function:ease}.copy:active{transition-duration:var(--d1);transition-timing-function:var(--ease);scale:.96}.copy[data-done]{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 45%,transparent)}@media (hover:hover) and (pointer:fine){.copy:hover{color:var(--fg);border-color:var(--fg3)}}.trust{color:var(--fg3);font-size:13px;font-family:var(--f-m);flex-wrap:wrap;gap:18px;margin:22px 0 0;padding:0;list-style:none;display:flex}.shot{margin:0}.walk{border:1px solid var(--line);background:var(--bg2);color:var(--fg2);border-radius:14px;max-width:min(1100px,92vw);padding:14px;box-shadow:0 40px 120px -50px #000c}.walk::backdrop{background:#0009}.walk video{background:#0f1113;border-radius:9px;width:100%;height:auto;display:block}.walk p{color:var(--fg3);margin-top:10px;font-size:13px}.walk-close{float:right;font:inherit;font-size:12px;font-family:var(--f-m);color:var(--fg3);border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:6px;margin:-4px 0 6px;padding:2px 8px}.shot-cap{color:var(--fg3);font-size:12.5px;font-family:var(--f-m);margin-bottom:10px}.app{fill:var(--bg);stroke:none}.chrome{fill:var(--bg3)}.dot circle{fill:var(--line2)}.rail{fill:var(--bg2)}.rail-row rect{fill:var(--bg3)}.tile rect{fill:var(--bg);stroke:var(--line);stroke-width:1px}.tile .bar{fill:var(--bg3);stroke:none}.t-chrome,.t-lab,.t-row,.t-bar{font-family:var(--f-m);fill:var(--fg3)}.t-chrome{text-anchor:middle;font-size:9px}.t-lab{letter-spacing:.12em;font-size:8px}.t-row{font-size:9.5px}.t-row.on{fill:var(--fg)}.t-bar{fill:var(--fg2);font-size:9px}.code text{font-family:var(--f-m);fill:var(--fg2);font-size:10px}.code.sm text{font-size:9px}.code .d{fill:var(--fg3)}.code .g,.g{fill:var(--ok)}.code .r,.r{fill:var(--blocked)}.cur{fill:var(--idle)}circle.ok{fill:var(--ok)}.cur{animation:1.06s step-end infinite hm-blink}@keyframes hm-blink{0%,49%{opacity:1}50%,to{opacity:0}}.shot .st{animation:7s step-end infinite hm-turn}@keyframes hm-turn{0%,62%{fill:var(--working)}63%,to{fill:var(--ok)}}.after{margin-top:22px;font-size:14px}.after a{color:var(--idle);border-bottom:1px solid color-mix(in oklab,var(--idle) 40%,transparent);text-decoration:none}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);padding:18px 0;overflow:hidden}.strip-row{align-items:center;gap:0;display:flex}.strip-link{white-space:nowrap;border-left:1px solid var(--line);font-family:var(--f-m);color:var(--fg2);flex:none;margin-left:10px;padding:10px 24px 10px 26px;font-size:13px}.strip-link:hover{color:var(--fg)}@media (width<=760px){.strip-row{flex-wrap:wrap;justify-content:center}.strip-link{border-left:0;margin:12px 0 0;padding:0}}.marquee{flex:auto;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{gap:0;width:max-content;margin:0;padding:0;list-style:none;animation:48s linear infinite drift;display:flex}.marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused}.track li{font-family:var(--f-m);color:var(--fg3);white-space:nowrap;flex:none;align-items:center;gap:9px;padding:0 26px;font-size:14px;display:flex}.track li svg{opacity:.75;flex:none}.track li.is-bundled{color:var(--fg)}.track li.is-bundled svg{opacity:1}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.track{flex-wrap:wrap;justify-content:center;gap:6px 0;width:auto;animation:none}.marquee{-webkit-mask-image:none;mask-image:none}.track li[aria-hidden=true]{display:none}}.steps{border:1px solid var(--line);background:var(--bg2);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.steps>li{border-right:1px solid var(--line);flex-direction:column;gap:10px;min-width:0;padding:26px 24px;display:flex}.steps .cmd{min-width:0}.code{white-space:pre-wrap;overflow-wrap:break-word}.steps>li:last-child{border-right:0}.step-n{font-family:var(--f-m);color:var(--fg3);font-size:12px}.steps p{color:var(--fg3);font-size:14.5px;line-height:1.6}.cmd{color:var(--fg2);background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:normal;word-break:keep-all;border-radius:5px;margin:auto 0 0;padding:9px 11px;font-size:12px;line-height:1.75}.cmd .w{color:var(--fg3)}.cmd .g{fill:none;color:var(--idle)}.cmd .s{color:var(--ok)}.byo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.byo-copy p{color:var(--fg3);margin-top:10px;font-size:15px;line-height:1.65}.byo-copy .cmd{margin-top:16px;font-size:12.5px}.byo-file{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:0;overflow:hidden}.byo-file figcaption{font-family:var(--f-m);color:var(--fg3);background:var(--bg3);border-bottom:1px solid var(--line);padding:9px 14px;font-size:12px}.byo-file pre{margin:0;padding:14px;overflow-x:auto}.byo-file code{font-family:var(--f-m);color:var(--fg2);white-space:pre;font-size:12px;line-height:1.7}.byo-note{margin-top:22px}.cards{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}.cards article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px}.cards article:nth-child(2n){border-right:0}.cards article:nth-last-child(-n+2){border-bottom:0}.cards p{color:var(--fg3);margin-top:7px;font-size:14.5px;line-height:1.6}.cards code{color:var(--fg2);background:var(--bg3);border-radius:4px;padding:1px 5px;font-size:13px}.faq{columns:2;column-gap:64px}.faq dt{color:var(--fg);border-top:1px solid var(--line);break-inside:avoid;break-after:avoid;margin-top:26px;padding-top:26px;font-weight:500}.faq dt:first-of-type{border-top:0;margin-top:0;padding-top:0}.faq dd{color:var(--fg3);break-inside:avoid;break-before:avoid;margin:8px 0 0;font-size:15px;line-height:1.65}@media (width<=820px){.faq{columns:1}}.close{padding-block:56px;border-top:1px solid var(--line);text-align:left;padding:76px 0}.close-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot{border-top:1px solid var(--line);color:var(--fg3);padding:30px 0;font-size:14px}.foot-in{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.foot nav{flex-wrap:wrap;gap:10px 22px;display:flex}.foot a{color:var(--fg2);text-decoration:none}@media (hover:hover) and (pointer:fine){.foot a:hover{color:var(--fg)}}@media (width<=900px){.steps,.views,.byo{grid-template-columns:1fr}.steps>li{border-right:0;border-bottom:1px solid var(--line)}.steps>li:last-child{border-bottom:0}.cards{grid-template-columns:1fr}.cards article{border-right:0}.cards article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.cards article:last-child{border-bottom:0}}@media (width<=640px){.wrap{padding:0 18px}.nav-in{flex-wrap:wrap;gap:10px 14px;height:auto;min-height:54px;padding:9px 18px}.links{scrollbar-width:none;order:3;gap:18px;width:100%;margin-left:0;padding-bottom:2px;overflow-x:auto}.links::-webkit-scrollbar{display:none}.links a{white-space:nowrap}.nav-in>.btn{margin-left:auto}.hero{padding:40px 0 32px}.install code{overflow-x:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:1ms!important}.btn:active,.copy:active{scale:1}.vt,.stage-key li,.cur,.shot .st{animation:none}.stage-key li{border-top-color:var(--line2)}}