@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-opsz-normal-CfYZpDVp.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(./inter-cyrillic-opsz-normal-BFQXbQ-f.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(./inter-greek-ext-opsz-normal-BmPQvyvo.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(./inter-greek-opsz-normal-BM0NlUE_.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(./inter-vietnamese-opsz-normal-Ci9T9ieq.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(./inter-latin-ext-opsz-normal-DpK-iCPk.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(./inter-latin-opsz-normal-BwkfbSeq.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}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}:root{--azure: #4a9eff;--navy: #07203a;--white: #fbfbfa;--black: #0a0a0b;--gutter: clamp(20px, 6vw, 88px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-glide: cubic-bezier(.4, 0, .1, 1);--sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{background:var(--black);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-size:1rem;line-height:1.55;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--focus, var(--ink));outline-offset:3px;border-radius:6px}.skip{position:fixed;left:var(--gutter);top:12px;z-index:60;padding:.6rem 1rem;border-radius:999px;background:var(--black);color:#fff;font-weight:550;transform:translateY(-200%)}.skip:focus-visible{transform:none}.panel{position:relative;background:var(--bg);color:var(--ink);padding:clamp(5rem,14vh,9.5rem) 0}.panel--white{--bg: var(--white);--ink: var(--black);--ink-2: #3c3c3e;--ink-3: #6a6a6d;--line: #d8d8d5;--btn: var(--black);--btn-ink: #fff}.panel--black{--bg: var(--black);--ink: #fff;--ink-2: #b9b9bc;--ink-3: #8d8d91;--line: #2d2d30;--btn: #fff;--btn-ink: var(--black);--focus: #fff}.panel+.panel{margin-top:-2.25rem;border-radius:2.25rem 2.25rem 0 0}.panel:not(:last-child){padding-bottom:calc(clamp(5rem,14vh,9.5rem) + 2.25rem)}.panel--white+.panel--white{margin-top:0;border-radius:0;padding-top:0}.wrap{width:min(1280px,100% - 2 * var(--gutter));margin-inline:auto}.h{font-weight:620;font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.06;letter-spacing:-.032em}.h--xl{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.04em}.lede{margin-top:1.5rem;max-width:28rem;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.55;color:var(--ink-2)}.note{margin-top:1.15rem;font-size:1rem;color:var(--ink-3)}kbd{display:inline-block;padding:.06em .5em .1em;border:1.5px solid var(--line);border-radius:7px;font-family:var(--mono);font-size:.82em;font-weight:500;color:var(--ink);line-height:1.5;white-space:nowrap;transition:background-color .5s ease,color .5s ease,border-color .5s ease}kbd.is-down{background:var(--ink);border-color:var(--ink);color:var(--bg);transition-duration:.08s}.ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.js .ln>span{display:inline-block;transform:translateY(108%);transition:transform 1.1s var(--ease-out)}.js .ln:nth-child(2)>span{transition-delay:.09s}.js .is-in .ln>span{transform:none}.js [data-reveal]:not(.h){opacity:0;transform:translateY(14px);transition:opacity .9s ease .18s,transform 1.1s var(--ease-out) .18s}.js [data-reveal]:not(.h).is-in{opacity:1;transform:none}.actions{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.45em;min-height:3.1rem;padding:0 1.5rem;border-radius:999px;border:1.5px solid var(--btn);background:var(--btn);color:var(--btn-ink);font-size:1rem;font-weight:580;letter-spacing:-.005em;transition:transform .5s var(--ease-out),opacity .25s ease,border-color .25s ease}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn--quiet{background:transparent;border-color:var(--line);color:var(--ink);font-weight:480}.btn--quiet:hover{opacity:1;border-color:var(--ink)}.only-coarse{display:none}@media(hover:none),(max-width:720px){.only-fine{display:none}.only-coarse{display:inline}}.hero{padding-top:0;min-height:96vh;min-height:96svh;display:flex;flex-direction:column}.bar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex:none}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:650;font-size:1.125rem;letter-spacing:-.015em}.brand__mark{width:26px;height:26px}.bar__nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2rem);font-size:1rem;font-weight:500}.bar__nav a{padding:.5rem 0}.bar__nav a:not(.bar__cta){background:linear-gradient(currentColor,currentColor) 0 88% / 0 1.5px no-repeat;transition:background-size .4s var(--ease-out)}.bar__nav a:not(.bar__cta):hover{background-size:100% 1.5px}.bar__nav .bar__cta{padding:.5rem 1.1rem;border:1.5px solid var(--line);border-radius:999px;transition:border-color .25s ease}.bar__nav .bar__cta:hover{border-color:var(--ink)}.hero__grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36rem);align-items:center;gap:clamp(2rem,4vw,3.5rem);padding-top:clamp(.5rem,2vh,1.5rem);padding-bottom:clamp(3rem,9vh,6rem)}.hero{--mx: 0;--my: 0}.card--hero{z-index:2;padding:clamp(1.1rem,2.2vw,1.75rem);min-height:clamp(27rem,64vh,35rem)}.card__over{position:absolute;inset:0;z-index:6;overflow:hidden;border-radius:inherit;pointer-events:none}.hero__cursor{position:absolute;left:0;top:0;z-index:1;width:clamp(34px,3.4vw,50px);pointer-events:none;opacity:0;--t: 1s;transition:transform var(--t) var(--ease-glide),opacity .5s ease;will-change:transform}.hero__cursor.is-on{opacity:1}.hero__cursor-rise{transform-origin:4% 2%;transition:transform var(--t) cubic-bezier(.3,.85,.25,1);will-change:transform}.hero__cursor-lean{transform-origin:4% 2%;transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 9px),0) rotate(calc(var(--mx) * 4deg))}.hero__cursor img{width:100%;transform-origin:4% 2%;transition:transform .5s var(--ease-out)}.hero__cursor--dark img{filter:drop-shadow(0 7px 7px rgba(0,0,0,.22))}.hero__cursor--light img{filter:drop-shadow(0 7px 8px rgba(0,0,0,.6))}.hero__cursor.is-down img{transform:translate(2.5%,2.5%) scale(.92);transition-duration:.09s}.hero .demo{transform:translate3d(calc(var(--mx) * -5px),calc(var(--my) * -4px),0)}.hero-sheet{position:absolute;z-index:0;height:auto;opacity:0;transform:translate3d(calc(var(--mx) * -9px),calc(var(--my) * -7px),0);transition:translate 1.3s var(--ease-out),rotate 1.3s var(--ease-out),opacity .5s ease}.hero-sheet--a{left:-8%;top:36%;width:34%;translate:38% -10%;rotate:-3deg}.hero-sheet--b{right:-7%;top:-7%;width:27%;translate:-36% 26%;rotate:2deg;transition-delay:.12s}.demo.is-open .hero-sheet{opacity:1;translate:0 0}.demo.is-open .hero-sheet--a{rotate:-13deg}.demo.is-open .hero-sheet--b{rotate:11deg}.hero .orw{z-index:1}.paths{margin-top:clamp(3rem,8vh,5.5rem);display:grid;gap:2.2rem}.path{display:grid;grid-template-columns:11rem minmax(0,1fr);align-items:center;gap:1.5rem}.path__name{font-size:1rem;color:var(--ink-3)}.path__steps{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 0;font-size:clamp(1.0625rem,1.5vw,1.375rem);color:var(--ink-3)}.path__steps li{display:flex;align-items:center;white-space:nowrap}.path__steps kbd+kbd{margin-left:.35rem}.js .path__steps li{opacity:0;transition:opacity .7s ease}.js .is-in .path__steps li{opacity:1;transition-delay:calc(.5s + var(--i, 0) * .42s)}.js .is-in .path--short .path__steps li{transition-delay:calc(2.9s + var(--i, 0) * .09s)}.path__steps li:nth-child(2){--i: 1}.path__steps li:nth-child(3){--i: 2}.path__steps li:nth-child(4){--i: 3}.path__steps li:nth-child(5){--i: 4}.path__steps li+li:before{content:"";width:clamp(1rem,2.6vw,2.6rem);height:1.5px;margin:0 clamp(.6rem,1.1vw,1rem);background:var(--line)}.path--short .path__name,.path--short .path__steps{color:var(--ink)}.path--short .path__steps{font-weight:560}.path--short .path__steps li+li:before{background:var(--ink)}.chapter__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38rem);align-items:center;gap:clamp(2rem,5vw,4.5rem)}.panel--white.chapter{padding-bottom:clamp(2.5rem,7vh,4.5rem)}.panel--white.chapter:has(+.panel--black){padding-bottom:calc(clamp(5rem,14vh,9.5rem) + 2.25rem)}.card{position:relative;display:grid;align-items:center;min-height:clamp(27rem,66vh,35rem);padding:clamp(1.25rem,3vw,2.75rem);border-radius:1.75rem;background:var(--black);overflow:hidden}.card__tints i{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.card__tints i:nth-child(1){background:#3b82f6}.card__tints i:nth-child(2){background:#10b981}.card__tints i:nth-child(3){background:#f97316}.card__tints i:nth-child(4){background:#a855f7}.card__tints i:nth-child(5){background:#f43f5e}.card[data-model="0"] .card__tints i:nth-child(1),.card[data-model="1"] .card__tints i:nth-child(2),.card[data-model="2"] .card__tints i:nth-child(3),.card[data-model="3"] .card__tints i:nth-child(4),.card[data-model="4"] .card__tints i:nth-child(5){opacity:1}.caps{margin-top:2.4rem;display:flex;align-items:flex-end;gap:.6rem}.cap{position:relative;display:block;height:62px;min-width:66px;border-radius:13px;background:#000}.cap>i{position:absolute;inset:0 0 6px;display:grid;place-items:center;border-radius:13px;background:#26262b;color:#fff;font:500 .9375rem/1 var(--mono);transition:transform .38s var(--ease-out),background-color .6s ease,color .6s ease}.cap--wide{width:clamp(120px,15vw,190px)}.cap--apart{margin-left:clamp(.8rem,2vw,1.75rem)}.cap.is-down>i{transform:translateY(5px);background:var(--azure);color:var(--navy);transition-duration:.07s}.files{margin-top:2.2rem;display:inline-grid;grid-template-columns:repeat(4,auto);align-items:end;gap:1rem clamp(1rem,2vw,1.75rem);padding:1.5rem clamp(1.1rem,2vw,1.6rem) 1.25rem;border-radius:1.25rem;background:var(--black)}.file{display:grid;gap:.85rem;justify-items:start;font:400 .8125rem/1.3 var(--mono);color:#b9b9bc;transition:opacity .6s ease,color .6s ease}.file__art{display:flex;align-items:flex-end;height:92px}.file__art img{width:auto;height:auto;max-height:100%;max-width:96px;transition:translate .9s var(--ease-out),rotate .9s var(--ease-out)}.file__name{display:flex;align-items:center;white-space:nowrap}.file__name:before{content:"";width:0;height:.5em;border-radius:50%;background:var(--azure);transition:width .5s var(--ease-out),margin .5s var(--ease-out)}.files.has-cited .file:not(.is-cited){opacity:.4}.file.is-cited{color:#fff}.file.is-cited .file__art img{translate:0 -10px;rotate:-4deg}.file.is-cited .file__name:before{width:.5em;margin-right:.5em}.picks{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.4rem}.picks button{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem;border-radius:999px;border:1.5px solid var(--line);font-size:1rem;color:var(--ink-2);transition:color .3s ease,border-color .3s ease,background-color .3s ease}.picks button i{width:11px;height:11px;border-radius:50%;background:var(--c)}.picks button:hover{border-color:var(--ink);color:var(--ink)}.picks button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.facts{margin-top:clamp(3rem,8vh,5.5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.facts li{padding-top:1.4rem;border-top:1.5px solid var(--line)}.facts h3{font-size:1.1875rem;font-weight:580;letter-spacing:-.012em}.facts p{margin-top:.55rem;max-width:21rem;font-size:1.0625rem;color:var(--ink-2)}.local .wrap{position:relative}.local__key{position:absolute;right:-1%;top:-3.2rem;width:min(33%,26rem);rotate:-16deg;animation:drift 9s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(0,-7px,0) rotate(-1.5deg)}to{transform:translate3d(0,7px,0) rotate(1.5deg)}}.theme{--bg: var(--white);--ink: var(--black);--ink-2: #3c3c3e;--line: #cfcfcc;overflow:hidden}.theme[data-theme=light]{--bg: var(--black);--ink: #fff;--ink-2: #b9b9bc;--line: #3a3a3d}.theme[data-theme=transparent]{--bg: #5aafff;--ink: var(--navy);--ink-2: rgba(7, 32, 58, .84);--line: rgba(7, 32, 58, .3)}.theme[data-theme=paper]{--bg: #e85a6b;--ink: #2e0a0f;--ink-2: rgba(46, 10, 15, .84);--line: rgba(46, 10, 15, .3)}.theme[data-theme=rose]{--bg: #f472b6;--ink: #2b0a1c;--ink-2: rgba(43, 10, 28, .84);--line: rgba(43, 10, 28, .3)}.theme[data-theme=ocean]{--bg: #38bdf8;--ink: #06283d;--ink-2: rgba(6, 40, 61, .84);--line: rgba(6, 40, 61, .3)}.theme .h,.theme .lede,.theme .picks button{transition:color .6s ease,border-color .6s ease,background-color .6s ease}.theme__bg i{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.theme__bg [data-bg=dark]{background:var(--white)}.theme__bg [data-bg=light]{background:var(--black)}.theme__bg [data-bg=transparent]{background:#5aafff}.theme__bg [data-bg=paper]{background:#e85a6b}.theme__bg [data-bg=rose]{background:#f472b6}.theme__bg [data-bg=ocean]{background:#38bdf8}.theme[data-theme=dark] [data-bg=dark],.theme[data-theme=light] [data-bg=light],.theme[data-theme=transparent] [data-bg=transparent],.theme[data-theme=paper] [data-bg=paper],.theme[data-theme=rose] [data-bg=rose],.theme[data-theme=ocean] [data-bg=ocean]{opacity:1}.theme .wrap{position:relative}.theme__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem 3rem;flex-wrap:wrap}.theme__side .lede{margin-top:0}.theme__side .picks{margin-top:1.1rem}.shot{margin-top:clamp(2.5rem,6vh,4rem)}.shot__frame{position:relative;width:min(1000px,100%);margin-inline:auto;aspect-ratio:1000 / 640;border-radius:12px;overflow:hidden;background:#0d0d0f;box-shadow:0 0 0 1px #80808047,0 40px 80px -36px #00000080}.theme[data-theme=transparent] .shot__frame{background:#0d0d0fb8}.shot__frame img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease}.shot__frame img.is-on{opacity:1}.end{padding-bottom:0;text-align:center}.end__body{padding-bottom:clamp(5rem,14vh,9rem)}.end__icon{margin:0 auto 1.75rem;width:64px;height:64px;border-radius:16px;box-shadow:0 0 0 1px #2d2d30}.end .lede{margin-inline:auto;max-width:30rem}.end .actions{justify-content:center}.end__cta{position:relative;display:inline-flex}.end__cursor{position:absolute;left:68%;top:62%;z-index:1;width:30px;pointer-events:none;filter:drop-shadow(0 8px 9px rgba(0,0,0,.5));transform-origin:4% 2%;transition:translate .6s var(--ease-out),scale .25s var(--ease-out)}.end__cta:hover .end__cursor{translate:-7px -7px}.end__cta:active .end__cursor{scale:.92}.foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 2rem;padding-block:1.5rem 1.7rem;border-top:1.5px solid var(--line);font-size:.9375rem;color:var(--ink-3);text-align:left}.foot__links{display:flex;gap:1.5rem}.foot__links a{color:var(--ink-2);transition:color .25s ease}.foot__links a:hover{color:var(--ink)}.foot__fine{margin-left:auto}@media(min-width:901px){.ln{white-space:nowrap}}@media(max-width:900px){.hero__grid,.chapter__grid{grid-template-columns:minmax(0,1fr);gap:2.75rem}.hero__grid{padding-top:1.5rem;align-items:start}.card,.card--hero{min-height:0;padding:1.5rem .5rem 1.75rem;border-radius:1.4rem}.card--hero{padding-bottom:3.25rem}.files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.facts{grid-template-columns:minmax(0,1fr);gap:1.6rem}.end__cursor{left:90%;top:34%}.local__key{position:static;display:block;width:min(62%,17rem);margin:-1rem 0 2.2rem auto}.path{grid-template-columns:minmax(0,1fr);gap:.8rem}.foot__fine{margin-left:0}}@media(max-width:720px){.bar{height:68px}.panel{padding:4.5rem 0}.hero{padding-top:0}.end{padding-bottom:0}.h{font-size:clamp(1.9rem,8.4vw,2.6rem)}.h--xl{font-size:clamp(2.05rem,9.6vw,3rem)}.path__steps{flex-direction:column;align-items:flex-start;gap:.5rem}.path__steps li+li:before{display:none}.path--short .path__steps{flex-direction:row;align-items:center;gap:.6rem 0}.path--short .path__steps li+li:before{display:block;width:1.1rem;margin:0 .6rem}.picks button{padding:.45rem .8rem}.cap{height:54px;min-width:58px}.shot{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overflow-x:auto;scrollbar-width:none}.shot::-webkit-scrollbar{display:none}.shot__frame{width:760px;margin:0 0 2rem}.foot{flex-direction:column;gap:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .ln>span,.js [data-reveal]:not(.h){transform:none!important;transition:opacity .3s ease!important}.cap>i,.btn{transition:none}.js .path__steps li,.js .is-in .path__steps li{opacity:1;transition:none}.local__key{animation:none}.hero__cursor,.hero__cursor-rise,.hero-sheet,.file__art img{transition:opacity .3s ease}}.demo,#summon{--k: 1;--px: calc(1px * var(--k))}.demo{position:relative;justify-self:end;width:100%;min-height:300px}.card .demo{justify-self:stretch}.demo__cursor{position:absolute;left:0;top:0;z-index:2;width:calc(22 * var(--px));margin:calc(-.5 * var(--px)) 0 0 calc(-1 * var(--px));filter:drop-shadow(0 calc(5 * var(--px)) calc(5 * var(--px)) rgba(0,0,0,.5));opacity:0;transition-property:transform,opacity;transition-timing-function:var(--ease-glide),ease;transition-duration:.95s,.4s;will-change:transform}.demo__cursor.is-on{opacity:1}.demo__cursor img{display:block;width:100%;height:auto}#summon{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden;transition:visibility 0s linear .3s}#summon.is-on{visibility:visible;transition:visibility 0s}#summon:before{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s ease}#summon.is-on:before{opacity:.45}.orw{--bg-primary: #0d0d0f;--bg-tertiary: #252529;--text-primary: #ffffff;--text-secondary: #a0a0a8;--text-tertiary: #8a8a93;--accent-primary: #4a9eff;--on-accent: #07203a;--border-color: #2e2e35;--success: #22c55e;position:absolute;left:0;top:0;--w: 420;width:min(calc(var(--w) * var(--px)),calc(100vw - 24px));visibility:hidden;font-family:var(--sans);font-size:calc(12 * var(--px));line-height:1.5;color:var(--text-primary);will-change:transform;transition:visibility 0s linear .2s}.orw.is-open{visibility:visible;transition:visibility 0s}.orw.is-live{pointer-events:auto}.orw__card{display:flex;flex-direction:column;height:calc(360 * var(--px));border:1px solid var(--border-color);border-radius:calc(12 * var(--px));background:#0d0d0f;box-shadow:0 calc(28 * var(--px)) calc(56 * var(--px)) calc(-20 * var(--px)) #0000008c;overflow:hidden;position:relative;opacity:0;transform:translateY(calc(-10 * var(--px)));transition:opacity .16s ease-in,transform .16s ease-in}.orw.is-open .orw__card{opacity:1;transform:none;transition:opacity .24s ease-out,transform .42s var(--ease-out)}.orw svg{display:block;width:100%;height:100%}.orw__head{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--px));padding:calc(8 * var(--px)) calc(12 * var(--px));border-bottom:1px solid var(--border-color);flex:none}.orw__head-left,.orw__head-right{display:flex;align-items:center}.orw__head-left{gap:calc(8 * var(--px));min-width:0}.orw__head-right{gap:calc(2 * var(--px));flex:none}.orw__logo{width:calc(18 * var(--px));height:calc(18 * var(--px));color:var(--accent-primary);flex:none}.orw__model{display:flex;align-items:center;gap:calc(6 * var(--px));min-width:calc(86 * var(--px));padding:calc(4 * var(--px)) calc(8 * var(--px));border-radius:calc(8 * var(--px));background:var(--bg-tertiary);color:var(--text-secondary)}.orw__model i{width:calc(6 * var(--px));height:calc(6 * var(--px));border-radius:50%;background:var(--success);flex:none}.orw__model b{font-weight:400;max-width:calc(120 * var(--px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orw__model svg{width:calc(10 * var(--px));height:calc(10 * var(--px));flex:none}.orw__usage{display:flex;align-items:center;gap:calc(4 * var(--px));color:var(--success);flex:none}.orw__usage svg{width:calc(14 * var(--px));height:calc(14 * var(--px))}.orw__docs{display:flex;align-items:center;gap:calc(4 * var(--px));padding:calc(2 * var(--px)) calc(6 * var(--px));border-radius:calc(4 * var(--px));background:#4a9eff1a;color:var(--accent-primary);flex:none}.orw__docs svg{width:calc(12 * var(--px));height:calc(12 * var(--px))}.orw [hidden]{display:none}.orw__btn{display:block;width:calc(26 * var(--px));height:calc(26 * var(--px));padding:calc(6 * var(--px));border-radius:calc(6 * var(--px));color:var(--text-tertiary)}button.orw__btn{transition:background-color .15s ease,color .15s ease}.orw.is-live button.orw__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.orw__log{flex:1;min-height:0;overflow:hidden;position:relative}.orw__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16 * var(--px));text-align:center}.orw__empty-mark{width:calc(40 * var(--px));height:calc(40 * var(--px));padding:calc(9 * var(--px));margin-bottom:calc(12 * var(--px));border-radius:calc(12 * var(--px));background:#4a9eff1a;color:var(--accent-primary)}.orw__empty-title{margin-bottom:calc(4 * var(--px));font-weight:500;color:var(--text-secondary)}.orw__empty-sub{margin-bottom:calc(12 * var(--px));font-size:calc(11 * var(--px));color:var(--text-tertiary)}.orw__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(6 * var(--px));margin-bottom:calc(12 * var(--px))}.orw__chips span{padding:calc(4 * var(--px)) calc(8 * var(--px));border:1px solid var(--border-color);border-radius:calc(6 * var(--px));font-size:calc(11 * var(--px));color:var(--text-secondary)}.orw__hints{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(4 * var(--px)) calc(12 * var(--px));font-size:calc(10 * var(--px));color:var(--text-tertiary)}.orw kbd{padding:calc(2 * var(--px)) calc(4 * var(--px));border:1px solid var(--border-color);border-radius:calc(4 * var(--px));background:var(--bg-tertiary);font-family:var(--mono);font-size:1em;font-weight:400;color:inherit;line-height:inherit}.orw__thread{padding:calc(12 * var(--px)) calc(12 * var(--px)) calc(24 * var(--px));display:flex;flex-direction:column;gap:calc(12 * var(--px))}.orw__thread:empty{display:none}.orw__row{display:flex;animation:orw-reveal .2s ease-out}.orw__row--user{justify-content:flex-end}@keyframes orw-reveal{0%{opacity:0;transform:translateY(calc(8 * var(--px)))}}.orw__bubble{max-width:90%;padding:calc(8 * var(--px)) calc(12 * var(--px));border-radius:calc(8 * var(--px));line-height:1.625;background:var(--bg-tertiary);color:var(--text-primary)}.orw__row--user .orw__bubble{background:var(--accent-primary);color:var(--on-accent)}.orw__bubble strong{font-weight:600}.orw__bubble code{padding:calc(2 * var(--px)) calc(6 * var(--px));border-radius:calc(4 * var(--px));background:#ffffff0f;color:var(--accent-primary);font-family:var(--mono);font-size:.9em}.orw__bubble--dots{display:flex;align-items:center;gap:calc(4 * var(--px));padding:calc(13 * var(--px)) calc(12 * var(--px));color:var(--accent-primary)}.orw__bubble--dots i{width:calc(6 * var(--px));height:calc(6 * var(--px));border-radius:50%;background:currentColor;animation:orw-dot 1.4s ease-in-out infinite}.orw__bubble--dots i:nth-child(2){animation-delay:.2s}.orw__bubble--dots i:nth-child(3){animation-delay:.4s}@keyframes orw-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(calc(-4 * var(--px)))}}.orw__sources{display:flex;flex-wrap:wrap;align-items:center;gap:calc(4 * var(--px));margin-top:calc(8 * var(--px));font-size:calc(10 * var(--px));color:var(--text-tertiary);animation:orw-reveal .3s ease-out}.orw__sources em{display:inline-flex;align-items:center;gap:calc(4 * var(--px));padding:calc(2 * var(--px)) calc(6 * var(--px));border-radius:calc(4 * var(--px));background:#4a9eff1a;color:var(--accent-primary);font-style:normal}.orw__sources em svg{width:calc(10 * var(--px));height:calc(10 * var(--px));flex:none}.orw__menu{position:absolute;left:calc(38 * var(--px));top:calc(40 * var(--px));z-index:3;width:calc(256 * var(--px));max-height:calc(288 * var(--px));padding:calc(4 * var(--px)) 0;overflow:hidden;border:1px solid var(--border-color);border-radius:calc(8 * var(--px));background:var(--bg-primary);box-shadow:0 calc(20 * var(--px)) calc(25 * var(--px)) calc(-5 * var(--px)) #00000080;animation:orw-reveal .2s ease-out}.orw__group-head{display:flex;align-items:center;justify-content:space-between;padding:calc(6 * var(--px)) calc(12 * var(--px));border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-tertiary)}.orw__ok{display:flex;align-items:center;gap:calc(2 * var(--px));font-size:calc(10 * var(--px));font-weight:400;color:var(--success)}.orw__ok svg{width:calc(10 * var(--px));height:calc(10 * var(--px))}.orw__opt{padding:calc(8 * var(--px)) calc(12 * var(--px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .25s ease,color .25s ease}.orw__opt.is-active{background:#4a9eff1a;color:var(--accent-primary)}.orw__add{display:flex;align-items:center;gap:calc(6 * var(--px));padding:calc(8 * var(--px)) calc(12 * var(--px));border-top:1px solid var(--border-color);background:#1a1a1f4d;color:var(--text-tertiary)}.orw__add svg{width:calc(12 * var(--px));height:calc(12 * var(--px))}.orw__log>*{transition:opacity .3s ease}.orw.has-menu .orw__log>*{opacity:.22}.orw__composer{display:flex;align-items:flex-end;gap:calc(6 * var(--px));padding:calc(8 * var(--px));border-top:1px solid var(--border-color);flex:none}.orw__composer textarea{flex:1;min-width:0;height:calc(35.5 * var(--px));padding:calc(8 * var(--px)) calc(12 * var(--px));border:0;border-radius:calc(8 * var(--px));background:var(--bg-tertiary);color:var(--text-primary);font:inherit;line-height:1.625;resize:none;outline:none;overflow:hidden;white-space:nowrap}.orw__composer textarea::placeholder{color:var(--text-tertiary)}.orw.is-live .orw__composer textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:calc(8 * var(--px))}.orw__tool,.orw__send{width:calc(30 * var(--px));height:calc(30 * var(--px));padding:calc(8 * var(--px));border-radius:calc(8 * var(--px));color:var(--text-tertiary);flex:none}.orw__send{background:var(--bg-tertiary);transition:background-color .15s ease,color .15s ease}.orw__send.is-ready{background:var(--accent-primary);color:var(--on-accent)}.orw__caption{margin:calc(10 * var(--px)) 0 0;text-align:center;font-size:.9375rem;color:#fff;opacity:0;transition:opacity .3s ease}.orw.is-open .orw__caption:not(:empty){opacity:1;transition:opacity .5s ease .3s}@media(prefers-reduced-motion:reduce){.orw__card,.orw.is-open .orw__card{transform:none;transition:opacity .15s ease}.orw__row,.orw__sources,.orw__bubble--dots i{animation:none}}.demo{transition:opacity .35s ease}.is-summoned .demo{opacity:0}.demo .orw{max-width:100%}.orw{container-type:inline-size}@container (max-width: 350px){.orw__usage span{display:none}.orw__head-left{gap:calc(6 * var(--px))}}