.nk{--nk-page:#fbfaf7;--nk-ink:#1c1b19;--nk-body:#38352f;--nk-dim:#5e5b55;--nk-rule:#e2dfd8;--nk-grid:#ece9e2;--nk-orange:#f26522;--nk-on-orange:#111010;--nk-on-orange-2:#3e2114;--nk-accent:#b8440f;--nk-black:#0e0d0c;--nk-on-black:#f2f0ec;--nk-on-black-2:#a8a49c;--nk-black-rule:#2b2926;--nk-orange-on-black:#ff7a35;--nk-tint:#fde3d3;--nk-r:20px;--nk-r-in:14px;--nk-pad:clamp(1.25rem, 3.6vw, 2.75rem);--nk-ease:cubic-bezier(.16, 1, .3, 1);--nk-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");color:var(--nk-body);font-family:var(--sans);font-size:1.0625rem;line-height:1.6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nk{--nk-page:#191816;--nk-ink:#ecebe7;--nk-body:#c9c6bf;--nk-dim:#9b978f;--nk-rule:#2e2c29;--nk-grid:#22211e;--nk-accent:#ff8a4c;--nk-black:#070606;--nk-tint:#3a2416}}:root[data-theme=dark] .nk{--nk-page:#191816;--nk-ink:#ecebe7;--nk-body:#c9c6bf;--nk-dim:#9b978f;--nk-rule:#2e2c29;--nk-grid:#22211e;--nk-accent:#ff8a4c;--nk-black:#070606;--nk-tint:#3a2416}.nk img,.nk video{max-width:100%;height:auto;display:block}.nk :where(h1,h2,h3,h4,p,figure,ol,ul,dl,dd){margin:0}.nk h1,.nk h2,.nk h3{color:var(--nk-ink);text-wrap:balance;font-weight:600}.nk p{text-wrap:pretty}.nk ol,.nk ul{padding:0;list-style:none}.nk figure{gap:.75rem;min-width:0;display:grid}.nk figcaption{font:400 .8125rem/1.5 var(--mono);color:var(--nk-dim)}.nk a{color:var(--nk-accent);text-underline-offset:.2em;text-decoration-thickness:1px}.nk button{font:inherit;color:inherit}.nk :focus-visible{outline:2px solid var(--nk-accent);outline-offset:3px}.nk-tri{border:.36rem solid #0000;border-left:.6rem solid;border-right-width:0;width:0;height:0;display:inline-block}.nk-frame{grid-template-columns:12.5rem minmax(0,1fr);align-items:start;gap:0 3rem;max-width:1180px;margin:0 auto;padding-block:clamp(1rem,3vw,2rem) clamp(3rem,8vw,5rem);padding-inline:clamp(16px,4vw,48px);display:grid}.nk-sheets{gap:1rem;min-width:0;display:grid}.nk-toc{padding-top:.5rem;font-size:.875rem;position:sticky;top:1.5rem}.nk-toc a{text-decoration:none}.nk-toc-proj{margin-bottom:1.25rem;font-weight:600;display:block;color:var(--nk-ink)!important}.nk-toc>ol{gap:1.1rem;display:grid}.nk-toc-part>a{color:var(--nk-ink);align-items:baseline;gap:.55rem;font-weight:500;display:flex}.nk-toc .nk-n{font:500 .75rem/1 var(--mono);color:var(--nk-accent)}.nk-toc-part>ol{border-left:1px solid var(--nk-rule);margin-top:.45rem}.nk-toc-part>ol a{color:var(--nk-dim);border-left:2px solid #0000;margin-left:-1px;padding:.28rem 0 .28rem .85rem;line-height:1.35;display:block}.nk-toc-part>ol a:hover{color:var(--nk-ink)}.nk-toc-part>ol a[aria-current=step]{color:var(--nk-ink);border-left-color:var(--nk-orange)}.nk-sheet{min-width:0;padding:var(--nk-pad);border:1px solid var(--nk-rule);border-radius:var(--nk-r);background:var(--nk-page);gap:1.25rem;scroll-margin-top:1.5rem;display:grid;position:relative;overflow:hidden}.nk-sheet.is-black{background:var(--nk-black);border-color:var(--nk-black-rule);color:var(--nk-on-black)}.nk-sheet.is-orange{background:var(--nk-orange);border-color:var(--nk-orange);color:var(--nk-on-orange)}.nk-sheet.is-black h2,.nk-sheet.is-black h3{color:var(--nk-on-black)}.nk-sheet.is-orange h1,.nk-sheet.is-orange h2,.nk-sheet.is-orange h3,.nk-sheet.is-orange p{color:var(--nk-on-orange)}.nk-sheet:target{box-shadow:0 0 0 3px var(--nk-orange)}.nk-sheet.is-black :focus-visible,.nk-sheet.is-orange :focus-visible{outline-color:currentColor}.nk-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1rem clamp(1.5rem,4vw,3rem);display:grid}.nk-meta{flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-bottom:1.1rem;display:flex}.nk-idx{font:500 .75rem/1 var(--mono);color:var(--nk-accent)}.is-black .nk-idx{color:var(--nk-orange-on-black)}.nk-head h3{letter-spacing:-.03em;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:500;line-height:1.12}.nk-body{gap:.9rem;padding-top:1.55rem;display:grid}.nk-body p{max-width:60ch}.is-black .nk-body p{color:var(--nk-on-black-2)}.nk-seek{cursor:pointer;font:500 .8125rem/1 var(--mono);background:0 0;border:0;justify-self:start;align-items:center;gap:.5rem;padding:.2rem 0;display:inline-flex;color:var(--nk-accent)!important}.is-black .nk-seek{color:var(--nk-orange-on-black)!important}.nk-seek .nk-tri{border-width:.3rem 0 .3rem .5rem}.nk-bleed{margin-inline:calc(-1 * var(--nk-pad))}.nk-bleed-end{margin-bottom:calc(-1 * var(--nk-pad))}.nk-bleed>figcaption,.nk-bleed .nk-capline{padding-inline:var(--nk-pad)}.nk-capline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-block:.95rem;display:flex}.is-black figcaption{color:var(--nk-on-black-2)}.is-orange figcaption{color:var(--nk-on-orange-2)}.nk-grain{isolation:isolate;background:var(--nk-grain), radial-gradient(120% 90% at 85% 110%, #f26522 0%, #f2652200 55%), radial-gradient(80% 70% at 10% -10%, #7a2a0c 0%, #7a2a0c00 60%), #0e0d0c;position:relative}.nk-rec-glow{background:var(--nk-grain), radial-gradient(55% 60% at 16% 108%, #f2652273 0%, #f2652200 70%), var(--nk-black)}@media (max-width:760px){.nk-rec-glow{background:var(--nk-grain), radial-gradient(90% 40% at 50% -8%, #f2652273 0%, #f2652200 70%), var(--nk-black)}}.nk-grid{background-color:var(--nk-page);background-image:linear-gradient(var(--nk-grid) 1px, transparent 1px), linear-gradient(90deg, var(--nk-grid) 1px, transparent 1px);border:1px solid var(--nk-rule);border-radius:var(--nk-r-in);background-position:-1px -1px;background-size:16px 16px}.nk-btn{cursor:pointer;background:var(--nk-orange-on-black);border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.05rem .65rem .85rem;font-size:.875rem;font-weight:600;display:inline-flex;color:var(--nk-on-orange)!important}.nk-cover{gap:0;padding-block:clamp(1.75rem,4.2vw,3rem)}.nk-client{font:500 .8125rem/1 var(--mono);align-items:center;gap:.6rem;display:flex;color:var(--nk-on-orange-2)!important}.nk-client i{background:var(--nk-on-orange);border-radius:50%;width:.6rem;height:.6rem}.nk-cover h1{letter-spacing:-.045em;max-width:10em;margin-top:clamp(1rem,2.2vw,1.5rem);font-size:clamp(2.25rem,5vw,4rem);font-weight:600;line-height:.96}.nk-lede{letter-spacing:-.01em;max-width:40ch;margin-top:clamp(.75rem,1.6vw,1.1rem);font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:400;line-height:1.4;color:var(--nk-on-orange-2)!important}.nk-facts{border-top:1px solid var(--nk-on-orange);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem clamp(1.25rem,3vw,2.5rem);margin-top:clamp(1.75rem,4vw,2.75rem);padding-top:1rem;display:grid}.nk-facts div{align-content:start;gap:.35rem;scroll-margin-top:2rem;display:grid}.nk-facts dt{font:400 .75rem/1.5 var(--mono);color:var(--nk-on-orange-2)}.nk-facts dd{max-width:44ch;font-size:.9375rem;font-weight:500;line-height:1.45}.nk-chips{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:clamp(1rem,2vw,1.4rem);display:flex}.nk-chips p{font:400 .75rem/1 var(--mono);color:var(--nk-on-orange-2)}.nk-chips ul{flex-wrap:wrap;gap:.4rem;display:flex}.nk-chips li{background:var(--nk-on-orange);color:var(--nk-orange);border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .7rem .38rem .55rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}.nk-rec{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,3.5rem);display:grid}.nk-rec h2{letter-spacing:-.035em;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:500;line-height:1.05}.nk-rec h2+.nk-outlink{margin-top:.35rem}.nk-phone{width:min(17.5rem,68vw);box-shadow:inset 0 0 0 1px #3a3835, 0 40px 90px -40px var(--nk-orange);background:#1d1c1a;border-radius:2.5rem;padding:2.4rem .6rem 2.6rem;position:relative}.nk-phone:before{content:"";background:#3a3835;border-radius:999px;width:3.2rem;height:.32rem;position:absolute;top:1.05rem;left:50%;transform:translate(-50%)}.nk-phone video{background:#000;width:100%;height:auto;box-shadow:0 0 0 1px #2b2926}.nk-phone{isolation:isolate}.nk-screen{cursor:pointer;color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:2.4rem .6rem 2.6rem}.nk-bigplay{background:var(--nk-orange);width:4.25rem;height:4.25rem;color:var(--nk-on-orange);transition:opacity .35s var(--nk-ease), transform .35s var(--nk-ease), background .2s;border-radius:50%;place-items:center;display:grid;position:relative}.nk-screen:hover .nk-bigplay,.nk-screen:focus-visible .nk-bigplay{background:var(--nk-orange-on-black)}.nk-bigplay .nk-morph{width:1.15rem;height:1.3rem}.nk-phone:not(.is-playing) .nk-bigplay .nk-morph{margin-left:.25rem}.nk-screen:hover .nk-bigplay{transform:scale(1.06)}.nk-screen:active .nk-bigplay{transform:scale(.92)}.nk-phone.is-playing .nk-bigplay{opacity:0;transform:scale(1.35)}.nk-phone.is-playing .nk-screen:hover .nk-bigplay,.nk-phone.is-playing .nk-screen:focus-visible .nk-bigplay{opacity:1;transform:scale(1)}.nk-morph{width:.95rem;height:1.05rem;display:block;position:relative}.nk-morph:before,.nk-morph:after{content:"";transition:clip-path .3s var(--nk-ease);background:currentColor;position:absolute;inset:0}.nk-morph:before{clip-path:polygon(0 0,51% 25.5%,51% 74.5%,0 100%)}.nk-morph:after{clip-path:polygon(50% 25%,100% 50%,100% 50%,50% 75%)}.nk-morph.is-pause:before{clip-path:polygon(4% 0,36% 0,36% 100%,4% 100%)}.nk-morph.is-pause:after{clip-path:polygon(64% 0,96% 0,96% 100%,64% 100%)}.nk-bezel{align-items:center;gap:.6rem;height:1.75rem;display:flex;position:absolute;bottom:.45rem;left:1.1rem;right:.75rem}.nk-track{flex:1;align-items:center;height:1.75rem;display:grid;position:relative}.nk-track-bar{height:4px;transition:height .2s var(--nk-ease);background:#3a3835;border-radius:4px;position:relative}.nk-track:hover .nk-track-bar{height:6px}.nk-track i{border-radius:inherit;background:var(--nk-orange-on-black);transform-origin:0;transition:transform .25s linear;position:absolute;inset:0;transform:scaleX(0)}.nk-track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.nk-track input::-webkit-slider-runnable-track{background:0 0;height:100%}.nk-track input::-moz-range-track{background:0 0}.nk-track input::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:calc(.875rem - 7px);transition:opacity .2s;box-shadow:0 0 0 3px #f265228c}.nk-track input::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:14px;height:14px;transition:opacity .2s;box-shadow:0 0 0 3px #f265228c}.nk-track:hover input::-webkit-slider-thumb{opacity:1}.nk-track input:focus-visible::-webkit-slider-thumb{opacity:1}.nk-track:hover input::-moz-range-thumb{opacity:1}.nk-track input:focus-visible::-moz-range-thumb{opacity:1}.nk-track input:focus-visible{outline:2px solid var(--nk-orange-on-black);outline-offset:2px;border-radius:4px}.nk-clock i{color:#6b6760;font-style:normal}.nk-clock{min-width:4.6rem;font:500 .6875rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--nk-on-black-2)}.nk-snd{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid;color:var(--nk-on-black)!important}.nk-snd:hover{background:#2b2926}.nk-snd[aria-pressed=false]{color:var(--nk-on-black-2)!important}.nk-snd .nk-spk{width:17px;height:17px}.nk-snd.is-live .nk-w1{animation:1.1s ease-in-out infinite nk-wave}.nk-snd.is-live .nk-w2{animation:1.1s ease-in-out .25s infinite nk-wave}.nk-spk path{transform-box:fill-box;transform-origin:0;transition:transform .3s var(--nk-ease)}.nk-snd:hover .nk-w1{transform:translate(1px)scaleY(1.15)}.nk-snd:hover .nk-w2{transform:translate(2px)scaleY(1.2)}@keyframes nk-wave{0%,to{opacity:1}50%{opacity:.2}}.nk-chapters{gap:.9rem;max-width:26rem;margin-top:1.25rem;display:grid}.nk-chapters h3{font:500 .75rem/1 var(--mono);letter-spacing:0;margin-bottom:.4rem;color:var(--nk-on-black-2)!important}.nk-chapters button{border:0;border-top:1px solid var(--nk-black-rule);cursor:pointer;text-align:left;width:100%;color:var(--nk-on-black);background:0 0;grid-template-columns:2.4rem minmax(0,1fr);align-items:baseline;gap:.35rem;padding:.45rem .25rem .45rem 0;font-size:.9rem;line-height:1.3;display:grid}.nk-t{font:400 .75rem/1 var(--mono);color:var(--nk-on-black-2)}.nk-chapters button[aria-current=true],.nk-chapters button[aria-current=true] .nk-t,.nk-chapters button:hover{color:var(--nk-orange-on-black)}.nk-chapters button{position:relative}.nk-chapters button[aria-current=true]:after{content:"";background:var(--nk-orange-on-black);transform-origin:0;height:2px;transform:scaleX(var(--cp,0));transition:transform .25s linear;position:absolute;bottom:-1px;left:0;right:0}.nk-opener{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1rem 2rem;margin-top:clamp(1.5rem,4vw,3rem);padding-block:clamp(1.25rem,3vw,2rem)}.nk-opener .nk-num{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,13vw,9rem);font-weight:600;line-height:.78}.nk-opener h2{letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.4rem);line-height:.95}.nk-opener .nk-cards{font:400 .8125rem/1.5 var(--mono);color:var(--nk-on-orange-2);margin-top:.6rem}.nk-spec{grid-template-columns:12rem minmax(0,1fr);display:grid;overflow:hidden}.nk-spec-list{border-right:1px solid var(--nk-rule);background:var(--nk-page);align-content:start;gap:.15rem;padding:.5rem;display:grid}.nk-spec-list button{cursor:pointer;text-align:left;width:100%;color:var(--nk-dim);background:0 0;border:0;border-radius:10px;grid-template-columns:1.4rem minmax(0,1fr);align-items:center;gap:.3rem;padding:.6rem .65rem;font-size:.875rem;line-height:1.3;display:grid}.nk-spec-list .nk-n{font:400 .75rem/1 var(--mono)}.nk-spec-list button[aria-selected=true]{background:var(--nk-orange);color:var(--nk-on-orange)}.nk-spec-view{grid-template-rows:minmax(0,1fr);place-items:center;height:clamp(17rem,42vw,24rem);padding:clamp(2.5rem,5vw,3.25rem) clamp(1rem,4vw,3rem);display:grid;position:relative}.nk-spec-img{grid-template-rows:minmax(0,1fr);place-items:center;height:100%;min-height:0;display:grid}.nk-spec-img img{width:auto;max-width:100%;max-height:100%;box-shadow:0 1px 0 var(--nk-rule), 0 14px 34px -18px #00000059;background:#fff}.nk-layer{font:500 .6875rem/1 var(--mono);color:var(--nk-accent);position:absolute;top:.85rem;left:.95rem}.nk-corner{border:0 solid var(--nk-accent);width:12px;height:12px;position:absolute}.nk-corner.tl{border-width:0 0 1.5px 1.5px;bottom:10px;left:10px}.nk-corner.br{border-width:0 1.5px 1.5px 0;bottom:10px;right:10px}.nk-comps{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.25rem;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.nk-comps figure{gap:.5rem}.nk-comps img{border-radius:4px;width:auto;max-height:13rem;box-shadow:0 12px 30px -18px #0006}.nk-comps figcaption{color:var(--nk-ink);font-size:.6875rem}.nk-comps figcaption span{color:var(--nk-accent);display:block}.nk-posters{padding:clamp(1.25rem,3vw,2rem) 0 clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.nk-strip{grid-template-rows:minmax(0,1fr) auto;gap:.9rem;height:100%;display:grid}.nk-strip-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;height:100%;padding-right:clamp(1.25rem,3vw,2rem);scroll-padding-left:0;display:flex;overflow-x:auto}.nk-strip-track::-webkit-scrollbar{display:none}.nk-strip-track:focus-visible{outline:2px solid var(--nk-orange-on-black);outline-offset:4px}.nk-strip-track li{scroll-snap-align:start;flex:none;width:min(17rem,62vw)}.nk-strip-track img{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 24px 44px -22px #000c}.nk-strip-nav{justify-content:flex-end;gap:.5rem;padding-right:clamp(1.25rem,3vw,2rem);display:flex}.nk-strip-nav button{cursor:pointer;background:var(--nk-orange);border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;transition:background .2s,opacity .2s;display:grid;color:var(--nk-on-orange)!important}.nk-strip-nav button:hover:not(:disabled){background:var(--nk-orange-on-black)}.nk-strip-nav button:disabled{cursor:default;opacity:.35}.nk-strip-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.nk-field{border-radius:var(--nk-r-in);background:var(--nk-orange);color:var(--nk-on-orange);place-items:center;gap:1rem;padding:clamp(1.25rem,4vw,2.75rem);display:grid}.nk-retouch{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:clamp(.75rem,3vw,2rem)}.nk-compare{touch-action:pan-y;border-radius:8px;width:min(100%,334px);position:relative;overflow:hidden}.nk-compare img{width:100%}.nk-compare-top{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0);position:absolute;inset:0}.nk-handle{top:0;bottom:0;left:var(--x,50%);background:var(--nk-on-orange);pointer-events:none;width:2px;position:absolute;transform:translate(-1px)}.nk-handle:after{content:"";background:var(--nk-on-orange);border-radius:50%;width:2.5rem;height:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px -6px #00000080}.nk-handle:before{content:"‹ ›";z-index:1;font:600 .95rem/1 var(--sans);letter-spacing:.1em;color:var(--nk-orange);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.nk-compare input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.nk-compare:has(input:focus-visible){outline:2px solid var(--nk-on-orange);outline-offset:4px}.nk-lab{background:var(--nk-on-orange);color:var(--nk-on-black);font:500 .6875rem/1 var(--mono);pointer-events:none;border-radius:4px;padding:.32rem .5rem;position:absolute;bottom:.6rem}.nk-lab.l{left:.6rem}.nk-lab.r{right:.6rem}.nk-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(1rem,4vw,2.5rem);width:min(100%,44rem);display:grid}.nk-pair figure{justify-items:center;gap:.7rem}.nk-pair img{filter:drop-shadow(0 24px 30px #00000040);width:100%;max-width:19rem}.nk-pair figcaption{font-size:.75rem;display:flex;color:var(--nk-on-orange)!important}.nk-pair figcaption b{background:var(--nk-on-orange);color:var(--nk-orange);border-radius:4px;padding:.3rem .5rem;font-weight:500}.nk-pair .is-after figcaption b{background:var(--nk-page);color:var(--nk-ink)}.nk-pip{background:var(--nk-black);place-items:center;display:grid;position:relative}.nk-pip-main{place-items:center;width:100%;padding:1.25rem 1.25rem 0 0;display:grid}.nk-pip-canvas{width:100%;aspect-ratio:var(--ar);place-items:center;display:grid;position:relative}.nk-wire{background:var(--nk-orange);border-radius:10px;width:100%;height:auto;display:block}.nk-wire-paper rect{fill:#fff;stroke:#c2410c;stroke-width:2px}.nk-wire-line rect,.nk-wire-line path{fill:none;stroke:#e0571b;stroke-width:1.6px}.nk-wire-dot circle{fill:#e0571b}.nk-wire-arrow path{fill:none;stroke:#e0571b;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.nk-wire-label{fill:#111010;text-anchor:middle;font-size:22px;font-weight:600}.nk-pip-thumb .nk-wire{border-radius:0}.nk-pip-canvas>img,.nk-pip-canvas>.nk-wire{object-fit:contain;border-radius:10px;width:100%;height:100%}.nk-pip-inset{border:2px solid var(--nk-orange-on-black);cursor:pointer;width:clamp(8.5rem,24%,14rem);transition:transform .2s var(--nk-ease);background:#fff;border-radius:10px;padding:0;position:absolute;top:-1.25rem;right:-1.25rem;overflow:hidden;box-shadow:0 18px 36px -10px #000000bf}.nk-pip-inset:hover{transform:translate(2px,-2px)}.nk-pip-thumb{aspect-ratio:var(--iar);background:var(--nk-orange);place-items:center;display:grid}.nk-pip-thumb img,.nk-pip-thumb .nk-wire{object-fit:contain;width:100%;height:100%}.nk-pip-lbl{background:var(--nk-orange-on-black);color:var(--nk-on-orange);font:500 .6875rem/1 var(--mono);border-radius:6px;align-items:center;gap:.35rem;padding:.32rem .5rem;display:inline-flex;position:absolute;bottom:.45rem;left:.45rem}.nk-pip-ico{font-family:var(--sans)}.nk-stage{background:var(--nk-black);position:relative}.nk-lottie{aspect-ratio:1920/1080;background:url(/assets/nike/gift-box-end.png) 50%/contain no-repeat;width:100%;position:relative}.nk-lottie.is-ready{background:0 0}.nk-lottie-box{position:absolute;inset:0}.nk-stage-pause{bottom:1.1rem;left:var(--nk-pad);background:var(--nk-orange-on-black);color:var(--nk-on-orange);opacity:0;pointer-events:none;border:0;border-radius:999px;padding:.6rem .9rem;font-size:.875rem;font-weight:600;position:absolute}.nk-stage-pause:focus-visible{opacity:1;pointer-events:auto}.nk-sv{justify-items:center;gap:1.25rem;display:grid}.nk-sv-phone{width:min(100%,20rem);position:relative}.nk-clip{z-index:50;background:var(--nk-black);width:min(15rem,72vw);color:var(--nk-on-black);animation:nk-clip-in .22s var(--nk-ease);border-radius:1.1rem;padding:.5rem;position:fixed;box-shadow:0 0 0 1px #2b2926,0 30px 60px -20px #0009}@keyframes nk-clip-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.nk-clip-head{color:var(--nk-on-black-2);justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .15rem .5rem .4rem;font-size:.75rem;line-height:1.3;display:flex}.nk-clip-title{gap:.2rem;min-width:0;display:grid}.nk-clip-head b{white-space:nowrap;text-overflow:ellipsis;color:var(--nk-on-black);font-size:.8125rem;font-weight:600;overflow:hidden}.nk-clip-head i{font:400 .6875rem/1 var(--mono);color:var(--nk-on-black-2);font-style:normal}.nk-clip-x{cursor:pointer;background:#2b2926;border:0;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid;color:var(--nk-on-black)!important}.nk-clip-x:hover{background:#3a3835}.nk-clip-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:.75rem;height:.75rem}.nk-clip-screen{background:#000;border-radius:.7rem;position:relative;overflow:hidden}.nk-clip-screen video{aspect-ratio:750/1624;width:100%;height:auto;display:block}.nk-clip-again{cursor:pointer;background:var(--nk-orange);border:0;border-radius:999px;justify-self:center;align-items:center;gap:.45rem;width:max-content;margin:0 auto;padding:.55rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;inset:auto 0 1rem;color:var(--nk-on-orange)!important}.nk-clip-bar{background:#3a3835;border-radius:3px;height:3px;margin:.5rem .2rem .15rem;display:block;overflow:hidden}.nk-clip-bar i{background:var(--nk-orange-on-black);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.nk-clip{animation:none}}.nk-vt-wave{mix-blend-mode:darken;pointer-events:none;width:48.4%;height:5.8%;position:absolute;top:19.3%;left:28.6%;overflow:hidden}.nk-vt-wave i{transform-origin:0;background:#ff6a1f;height:100%;transition:transform .25s linear;display:block;transform:scaleX(0)}.nk-vt{cursor:pointer;background:var(--nk-orange);width:2.4rem;height:2.4rem;transition:transform .25s var(--nk-ease), background .2s;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:22.2%;left:86%;transform:translate(-50%,-50%);color:var(--nk-on-orange)!important}.nk-vt:hover,.nk-vt:focus-visible{background:var(--nk-orange-on-black);transform:translate(-50%,-50%)scale(1.06)}.nk-vt .nk-morph{width:.62rem;height:.72rem}.nk-vt:not(.is-playing) .nk-morph{margin-left:.12rem}.nk-vt-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0e0d0ce0;border-radius:6px;padding:.38rem .6rem;font-size:.6875rem;font-weight:500;line-height:1;animation:2.4s ease-in-out infinite nk-hint;position:absolute;top:calc(22.2% - 2.55rem);left:86%;transform:translate(-72%,-50%)}.nk-vt-hint:after{content:"";border:5px solid #0000;border-top-color:#0e0d0ce0;position:absolute;top:100%;left:72%;transform:translate(-50%)}@keyframes nk-hint{0%,to{margin-top:0}50%{margin-top:-3px}}.nk-ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem;overflow:visible}.nk-ico-swoosh path{stroke-width:2.6px}.nk-ico-heart .nk-h,.nk-ico-grid rect{fill:currentColor;stroke:none}.nk-ico-grid .g1{fill:none;stroke:currentColor;stroke-width:1.8px}@media (prefers-reduced-motion:reduce){.nk-snd.is-live .nk-w1,.nk-snd.is-live .nk-w2,.nk-vt-hint{animation:none!important}}.nk-sv-phone img{border-radius:10px;width:100%;box-shadow:0 24px 40px -24px #0000008c}.nk-sv-notes{gap:1rem;width:100%;display:grid}.nk-sv-notes li{align-items:center;gap:.75rem;display:flex}.nk-sv-notes b{color:var(--nk-ink);margin-bottom:.2rem;font-weight:600;display:block}.nk-sv-notes span{color:var(--nk-body);font-size:.875rem;line-height:1.45}.nk-sv-notes i{background:var(--nk-ink);flex:0 0 2.25rem;height:1px;position:relative}.nk-sv-notes i:after{content:"";border:solid var(--nk-ink);width:7px;height:7px;position:absolute;top:-3px}.nk-sv-notes .is-r i:after{border-width:0 0 1px 1px;left:0;transform:rotate(45deg)}.nk-sv-notes .is-l i:after{border-width:1px 1px 0 0;right:0;transform:rotate(45deg)}@media (max-width:760px){.nk-sv-notes i{display:none}}.nk-rank{border-radius:var(--nk-r-in);background:var(--nk-tint);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.5rem);padding:clamp(1.25rem,4vw,2.5rem);display:flex}.nk-rank figure{gap:.5rem}.nk-rank img{border-radius:8px;width:auto;max-height:16rem;box-shadow:0 16px 30px -18px #00000073}.nk-rank figcaption{color:var(--nk-ink)}.nk-arrow{font:600 1.5rem/1 var(--sans);color:var(--nk-accent)}.nk-noise{background:var(--nk-grain), var(--nk-black)}.nk-big{letter-spacing:-.035em;max-width:16ch;font-weight:600;line-height:1;color:var(--nk-orange-on-black)!important;font-size:clamp(2.4rem,6vw,4.6rem)!important}.nk-ofoot{gap:1.25rem;display:grid}.nk-ogrid{border-top:1.5px solid var(--nk-orange-on-black);display:grid}.nk-ogrid li{border-bottom:1px solid var(--nk-black-rule);grid-template-columns:9rem minmax(0,1fr);gap:.5rem 2rem;padding-block:1.1rem;display:grid}.nk-ogrid li:last-child{border-bottom:0;padding-bottom:0}.nk-ogrid .nk-olabel{margin:.3rem 0 0}.nk-olabel{font:500 .75rem/1 var(--mono);letter-spacing:0;color:var(--nk-on-black-2);margin-bottom:.4rem}.nk-ogrid p{max-width:62ch;color:var(--nk-on-black)}.nk-outlink{justify-self:start;font-weight:600;color:var(--nk-orange-on-black)!important}.nk-vs{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.nk-vs figure{border-radius:var(--nk-r-in);background:var(--nk-black);grid-template-rows:auto 1fr auto;gap:0;overflow:hidden}.nk-vs-lbl{font:500 .75rem/1 var(--mono);color:var(--nk-on-black-2);justify-content:space-between;padding:.85rem .95rem;display:flex}.nk-vs-lbl b{color:var(--nk-orange-on-black);font-weight:500}.nk-vs-img{place-items:center;display:grid}.nk-vs .is-shipped img{width:auto;max-height:19rem}.nk-vs figcaption{color:var(--nk-on-black-2);padding:.85rem .95rem}.nk-ev{gap:.75rem;min-width:0;display:grid}.nk-solo{place-items:center;display:grid}@media (min-width:761px){.nk{--nk-card-h:40rem}.nk-sheet.is-card{height:var(--nk-card-h);grid-template-rows:auto minmax(0,1fr)}.nk-outcome.is-card{grid-template-rows:auto auto;align-content:space-between}.nk-ev{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.nk-ev-one{grid-template-rows:minmax(0,1fr)}.nk-box{height:100%;min-height:0}.nk-solo,.nk-strip-track{align-items:center}.nk-strip-track li{aspect-ratio:3/4;width:auto;height:min(100%,24rem)}.nk-strip-track img{object-fit:contain;width:100%;height:100%}.nk-solo img{width:auto;max-width:100%;max-height:100%}.nk-spec{grid-template-rows:minmax(0,1fr)}.nk-spec-list{overflow-y:auto}.nk-spec-view{height:100%;min-height:0;padding:2.1rem 1.25rem 1rem}.nk-spec-img{grid-template-rows:minmax(0,1fr);place-items:center;height:100%;min-height:0;display:grid}.nk-spec-img img,.nk-spec-img.is-tall img{width:auto;max-width:100%;max-height:100%}.nk-comps{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));place-items:end center;display:grid}.nk-comps figure{grid-template-rows:minmax(0,1fr) auto;place-items:end center;height:100%;min-height:0}.nk-comps img{width:auto;max-width:100%;max-height:100%}.nk-bleed-end .nk-solo{align-items:end}.nk-pip{grid-template-rows:minmax(0,1fr)}.nk-pip-main{height:100%;min-height:0;container-type:size}.nk-pip-canvas{width:min(100cqw, calc(100cqh * var(--ar)))}.nk-field{grid-template-rows:minmax(0,1fr)}.nk-pair{grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.nk-pair figure{grid-template-rows:minmax(0,1fr) auto;align-items:end;height:100%;min-height:0}.nk-pair img{width:auto;max-width:100%;max-height:100%}.nk-phones{padding:1rem 1.25rem .85rem}.nk-phones .nk-pair{gap:1.5rem;width:100%}.nk-phones .nk-pair figure{gap:.55rem}.nk-retouch{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.25rem}.nk-cq{place-items:center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.nk-cq .nk-compare{width:min(100cqw, calc(100cqh * var(--ar)));height:auto}.nk-stage{grid-template-rows:minmax(0,1fr);place-items:center;display:grid;container-type:size}.nk-lottie{width:min(85cqw,151.111cqh);height:auto}.nk-rank{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.nk-rank figure{grid-template-rows:minmax(0,1fr) auto;place-items:center;height:100%;min-height:0}.nk-rank img{align-self:end;width:auto;max-width:100%;max-height:min(100%,26rem)}.nk-sv{display:block;position:relative;container-type:size}.nk-sv-phone,.nk-sv-notes li{--pw:min(calc(100cqh * 1125 / 1833), 36cqw);--ph:calc(var(--pw) * 1833 / 1125);--top:calc((100cqh - var(--ph)) / 2)}.nk-sv-phone{top:var(--top);left:calc(50cqw - var(--pw) / 2);width:var(--pw);position:absolute}.nk-sv-notes{display:block}.nk-sv-notes li{top:calc(var(--top) + var(--ph) * var(--y));position:absolute;transform:translateY(-50%)}.nk-sv-notes .is-r{left:calc(50cqw + var(--pw) / 2 + .4rem);right:0}.nk-sv-notes .is-l{right:calc(50cqw + var(--pw) / 2 + .4rem);text-align:right;flex-direction:row-reverse;left:0}.nk-sv-notes span{max-width:17rem}.nk-vs{grid-template-rows:minmax(0,1fr)}.nk-vs figure{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.nk-vs-img{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding-inline:.75rem}.nk-vs-img img,.nk-vs .is-shipped img{width:auto;max-width:100%;max-height:100%}}@media (min-width:1180px){.nk-sheet.is-side{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(1.5rem,3vw,2.5rem)}.is-side .nk-head{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.1rem}.is-side .nk-body{padding-top:0}.is-side .nk-spec{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.is-side .nk-spec-list{border-right:0;border-bottom:1px solid var(--nk-rule);flex-wrap:wrap;gap:.25rem;display:flex;overflow:visible}.is-side .nk-spec-list button{grid-template-columns:auto auto;width:auto}}@media (min-width:761px){.nk-sheet.is-card{font-size:.9375rem;line-height:1.55}.nk-head h3{font-size:clamp(1.35rem,2.2vw,1.7rem)}.nk-body{gap:.6rem;padding-top:1.35rem}}.nk-seek,.nk-chapters button,.nk-spec-list button,.nk-btn{min-height:44px}.nk-toc-part>ol a{align-items:center;min-height:32px;display:flex}.nk-toc-part>a,.nk-toc-proj{align-items:center;min-height:32px}.nk-outlink{align-items:center;gap:.3em;min-height:44px;display:inline-flex}@media (max-width:1000px){.nk-frame{grid-template-columns:minmax(0,1fr)}.nk-toc{z-index:20;border-bottom:1px solid var(--nk-rule);background:color-mix(in srgb, var(--studio) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 calc(-1*clamp(16px,4vw,48px)) 1rem;padding:.6rem clamp(16px,4vw,48px);position:sticky;top:0;overflow-x:auto}.nk-toc-proj,.nk-toc-part>ol{display:none!important}.nk-toc>ol{white-space:nowrap;gap:1.25rem;display:flex}.nk-toc-part>a{border-bottom:2px solid #0000;padding:.3rem 0}.nk-toc-part[data-active=true]>a{border-bottom-color:var(--nk-orange)}.nk-sheet{scroll-margin-top:4rem}}@media (max-width:760px){.nk-head,.nk-facts,.nk-ogrid li,.nk-vs,.nk-retouch{grid-template-columns:minmax(0,1fr)}.nk-body{padding-top:0}.nk-retouch{place-items:center}.nk-rec{grid-template-columns:minmax(0,1fr);justify-items:center}.nk-rec-side{width:100%}.nk-spec{grid-template-columns:minmax(0,1fr)}.nk-spec-list{border-right:0;border-bottom:1px solid var(--nk-rule);display:flex;overflow-x:auto}.nk-spec-list button{white-space:nowrap;grid-template-columns:auto auto;width:auto}.nk-opener{grid-template-columns:minmax(0,1fr)}.nk-comps{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.nk-comps img{width:100%;max-height:none}.nk-arrow{transform:rotate(90deg)}.nk-pip-main{padding:.75rem .75rem 0 0}.nk-pip-inset{width:7rem;top:-.75rem;right:-.75rem}}@media (prefers-reduced-motion:reduce){.nk *,.nk :before,.nk :after{transition:none!important}}
[data-palette=design-system]{--ds-mark:#f2c94c;--ds-mark-ink:#1c1b19;--ds-pill:#dab648;--ds-btn-font:"Archivo Variable", var(--font-geist-sans), "Geist", sans-serif;--ds-btn-r:0px;--ds-title-font:"Archivo Variable", var(--font-geist-sans), "Geist", sans-serif;--ds-title-weight:700;--ds-title-track:-.035em;--sans:"Archivo Variable", var(--font-geist-sans), "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-palette=design-system]{--ds-mark:#f2c94c;--ds-pill:#cca738}}:root[data-theme=dark] [data-palette=design-system]{--ds-mark:#f2c94c;--ds-pill:#cca738}[data-palette=design-system] .cf-cover .cf-h1,[data-palette=design-system] .cf-opener h2,[data-palette=design-system] .cf-opener .cf-num{font-family:var(--ds-title-font,var(--sans));font-weight:var(--ds-title-weight,600);letter-spacing:var(--ds-title-track,-.045em)}[data-palette=design-system] .cf-sheet.is-field{transition:background-color .35s var(--ease), color .35s var(--ease)}[data-palette=design-system] .cf-shows li{background:var(--on-field);color:var(--field);transition:background-color .35s var(--ease), color .35s var(--ease)}[data-palette=design-system] .cf-idx{background:var(--ds-mark,#f2c94c);color:var(--ds-mark-ink,#1c1b19);border-radius:4px;margin-left:-6px;padding:3px 6px;display:inline-block}[data-palette=design-system] .cf-sheet.is-dark .cf-idx{background:var(--accent-on-dark);color:var(--dark)}[data-palette=design-system] .cf-cover-top>.ds-cover-layers{z-index:0;top:clamp(5.8rem,10vw,7.7rem);right:calc(-1 * var(--cf-pad) + 14px);pointer-events:none;width:min(28%,250px);position:absolute;-webkit-mask-image:none;mask-image:none}[data-palette=design-system] .ds-cover-layers svg{width:100%;height:auto;display:block;overflow:visible}[data-palette=design-system] .ds-cover-layers .cl-base{fill:color-mix(in srgb, var(--on-field) 6%, transparent);stroke:var(--on-field);stroke-width:.8px;stroke-dasharray:4 4}[data-palette=design-system] .ds-cover-layers .cl-prod{fill:color-mix(in srgb, var(--on-field) 14%, transparent);stroke:var(--on-field);stroke-width:.8px}[data-palette=design-system] .ds-cover-layers .cl-prod.is-on{fill:var(--on-field)}[data-palette=design-system] .ds-cover-layers .cl-cli{fill:none;stroke:var(--on-field);stroke-width:.8px}[data-palette=design-system] .ds-cover-layers .cl-cli.is-on{fill:var(--on-field)}[data-palette=design-system] .ds-cover-layers .cl-pin{stroke:var(--on-field-2);stroke-width:.6px;stroke-dasharray:1.5 2}[data-palette=design-system] .ds-cover-layers .cl-pin.is-on{stroke:var(--on-field);stroke-width:1.1px;stroke-dasharray:none}[data-palette=design-system] .ds-cover-layers .cl-tick{stroke:var(--on-field-2);stroke-width:1px}[data-palette=design-system] .ds-cover-layers text{font:500 13px var(--mono);fill:var(--on-field-2)}@media (max-width:999px){[data-palette=design-system] .cf-cover-top>.ds-cover-layers{display:none}}[data-palette=design-system] .cf-cover-top .cf-h1{max-width:none}[data-palette=design-system] .cf-cover>.cf-facts{margin-top:clamp(1.25rem,3vw,2rem)}[data-palette=design-system] .ds-seen{background:var(--ds-pill,color-mix(in srgb, var(--on-field) 10%, transparent));border-radius:22px;flex-wrap:wrap;align-items:center;gap:2px;width:fit-content;max-width:100%;margin-top:clamp(.9rem,2vw,1.25rem);padding:3px;display:flex}[data-palette=design-system] .ds-seen>span{font:500 12px/1 var(--mono);color:var(--on-field);padding:0 8px 0 10px}[data-palette=design-system] .ds-seen label{font:500 13.5px/1 var(--sans);color:var(--on-field);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex;position:relative}[data-palette=design-system] .ds-seen input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}[data-palette=design-system] .ds-seen label:has(input:checked){background:var(--on-field);color:var(--field)}[data-palette=design-system] .ds-seen label:has(input:focus-visible){outline:2px solid var(--on-field);outline-offset:2px}[data-palette=design-system] .ds-seen .ds-or{background:color-mix(in srgb, var(--on-field) 28%, transparent);width:1px;height:18px;margin:0 5px 0 4px}[data-palette=design-system] .ds-seen-own{font-family:var(--font-geist-sans), "Geist", sans-serif!important}@media (max-width:560px){[data-palette=design-system] .ds-seen .ds-or{display:none}}[data-palette=design-system] .ds-seen-own input[type=color]{z-index:1;border:0;width:100%;height:100%;padding:0}[data-palette=design-system] .ds-rainbow{background:conic-gradient(from 200deg,#ff5f6d,#ffb347,#ffe259,#5ee07c,#36c9f0,#7b6cf6,#ef5fc4,#ff5f6d);border-radius:50%;flex:none;width:16px;height:16px;transition:transform .25s;position:relative;box-shadow:0 0 0 1.5px #ffffff8c,inset 0 0 0 1px #0000001f}[data-palette=design-system] .ds-rainbow:after{content:"";background:var(--own);border-radius:50%;transition:transform .25s;position:absolute;inset:4px;transform:scale(0);box-shadow:0 0 0 1.5px #ffffffe6}[data-palette=design-system] .ds-seen-own:hover .ds-rainbow{transform:rotate(60deg)}[data-palette=design-system] .ds-seen-own:has(input[type=radio]:checked) .ds-rainbow:after{transform:scale(1)}[data-palette=design-system] .ds-own-hex{font:500 11.5px/1 var(--mono);opacity:.7;letter-spacing:.02em}[data-palette=design-system] .ds-seen-own:has(input[type=color]:focus-visible){outline:2px solid var(--on-field);outline-offset:2px}[data-palette=design-system] .ds-seen label.is-hint{animation:3.2s ease-out 1.4s infinite ds-hint}[data-palette=design-system] .ds-seen label.is-hint .ds-dot{animation:3.2s ease-out 1.4s infinite ds-hint-dot}@keyframes ds-hint{0%,to{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--hint) 0%, transparent), 0 0 0 0 transparent}18%{box-shadow:0 0 0 2px var(--hint), 0 0 16px 3px color-mix(in srgb, var(--hint) 55%, transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb, var(--hint) 60%, transparent), 0 0 22px 6px color-mix(in srgb, var(--hint) 0%, transparent)}75%{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--hint) 0%, transparent), 0 0 0 0 transparent}}@keyframes ds-hint-dot{0%,to{transform:scale(1)}20%{transform:scale(1.35)}45%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){[data-palette=design-system] .ds-seen label.is-hint,[data-palette=design-system] .ds-seen label.is-hint .ds-dot{animation:none}[data-palette=design-system] .ds-seen label.is-hint{box-shadow:0 0 0 2px color-mix(in srgb, var(--hint) 70%, transparent)}}[data-palette=design-system] .ds-dot,.dsm .ds-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 1.5px #ffffff80}.dsm{width:100%;min-width:0;max-width:100%}.dsm>*{min-width:0;max-width:100%}.dsm .ds-ev{width:100%;min-width:0}.dsm .ds-label,.dsm .ds-tag{font:500 12px/1.2 var(--mono);letter-spacing:.02em;color:var(--case-dim)}.dsm .ds-seg{background:var(--case-inset);max-width:100%;box-shadow:inset 0 0 0 1px var(--case-rule);border-radius:20px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.dsm .ds-seg label{font:500 12.5px/1 var(--sans);color:var(--case-dim);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:relative}.dsm .ds-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dsm .ds-seg label:has(input:checked){background:var(--case-bg);color:var(--case-ink);box-shadow:0 1px 2px #0000001f, inset 0 0 0 1px var(--case-rule)}.dsm .ds-seg label:has(input:focus-visible){outline:2px solid var(--case-ink);outline-offset:1px}.dsm .ds-check{font:500 12.5px/1 var(--sans);color:var(--case-dim);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.dsm .ds-check input{accent-color:var(--case-ink);width:16px;height:16px;margin:0}.dsm .ds-fan{grid-template-columns:minmax(0,1fr);align-items:start;margin-top:8px;padding-bottom:38px;display:grid;position:relative}.dsm .ds-fan-card{width:46%;transition:transform .35s var(--ease);grid-area:1/1;gap:8px;margin:0;display:grid;position:relative}.dsm .ds-fan-card.is-1{z-index:1;margin-left:.5%;transform:rotate(-3deg)translateY(18px)}.dsm .ds-fan-card.is-2{z-index:2;margin-left:26.5%;transform:rotate(.5deg)}.dsm .ds-fan-card.is-3{z-index:3;margin-left:52.5%;transform:rotate(3deg)translateY(26px)}.dsm .ds-fan-card .pfw,.dsm .ds-fan-card .mp{box-shadow:0 0 0 1px #00000014,0 18px 40px -18px #00000059}.dsm .ds-tag{background:var(--case-ink);color:var(--case-bg);border-radius:4px;justify-self:start;padding:4px 7px}@media (max-width:760px){.dsm .ds-fan{gap:18px;height:auto;padding-bottom:0;display:grid}.dsm .ds-fan-card{grid-area:auto;width:100%;position:static;margin-left:0!important;transform:none!important}}.dsm .mp{--mp-brand:#3453d3;--mp-ink:#18181b;--mp-dim:#6b6b74;--mp-rule:#e4e4e7;--mp-bg:#fff;--mp-tint:#f1f5ff;background:var(--mp-bg);color:var(--mp-ink);font-family:var(--mp-font);border-radius:10px;min-width:0;font-size:13px;overflow:hidden}.dsm .mp-bar{padding:var(--mp-pad);border-bottom:1px solid var(--mp-rule);align-items:center;gap:8px;display:flex}.dsm .mp-logo{border-radius:var(--mp-logo-r);background:var(--mp-brand);flex:none;width:14px;height:14px}.dsm .mp-bar b{font-size:13px;font-weight:600}.dsm .mp-bar span{color:var(--mp-dim);margin-left:auto;font-size:12px}.dsm .mp-main{padding:var(--mp-pad);gap:var(--mp-gap);display:grid}.dsm .mp-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dsm .mp-top h4{font:var(--mp-title);letter-spacing:var(--mp-title-track);margin:0}.dsm .mp-btn{font:inherit;padding:var(--mp-btn-pad);border-radius:var(--mp-r);background:var(--mp-btn-bg);color:var(--mp-btn-ink);border:1px solid var(--mp-brand);text-transform:var(--mp-btn-case);letter-spacing:var(--mp-btn-track);white-space:nowrap;font-size:12px;font-weight:600}.dsm .mp-list{gap:var(--mp-row-gap);margin:0;padding:0;list-style:none;display:grid}.dsm .mp-list li{padding:var(--mp-row-pad);border-radius:var(--mp-row-r);background:var(--mp-row-bg);border:var(--mp-row-border);justify-content:space-between;align-items:center;gap:8px;display:flex}.dsm .mp-badge{border-radius:var(--mp-badge-r);background:var(--mp-tint);color:#2c45ae;padding:3px 7px;font-size:11px;font-weight:600}.dsm .mp-badge.is-warn{color:#7a5200;background:#fdf3e0}.dsm .mp-1{--mp-font:var(--font-geist-sans), "Geist", sans-serif;--mp-pad:12px 14px;--mp-gap:12px;--mp-logo-r:4px;--mp-title:600 15px/1.2 var(--mp-font);--mp-title-track:-.01em;--mp-r:8px;--mp-btn-pad:6px 10px;--mp-btn-bg:var(--mp-brand);--mp-btn-ink:#fff;--mp-btn-case:none;--mp-btn-track:0;--mp-row-gap:0;--mp-row-pad:8px 0;--mp-row-r:0;--mp-row-bg:transparent;--mp-row-border:0;--mp-badge-r:6px}.dsm .mp-1 .mp-list li+li{border-top:1px solid var(--mp-rule)}.dsm .fx-win{--w-bg:#fff;--w-bar:#f4f4f2;--w-line:#e4e4e0;--w-ink:#1c1c1a;--w-dim:#7a7a73;background:var(--w-bg);color:var(--w-ink);font:400 12px/1.35 var(--font-geist-sans), "Geist", sans-serif;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 24px 50px -24px #0006}.dsm .fx-win.is-dark{--w-bg:#0d1117;--w-bar:#0a0d12;--w-line:#222a35;--w-ink:#e6edf3;--w-dim:#8b949e;box-shadow:0 0 0 1px #ffffff0f,0 24px 50px -24px #0009}.dsm .fx-bar{background:var(--w-bar);border-bottom:1px solid var(--w-line);align-items:center;gap:12px;height:38px;padding:0 12px;display:flex}.dsm .fx-dots{gap:6px;display:flex}.dsm .fx-dots i{background:color-mix(in srgb, var(--w-dim) 40%, transparent);border-radius:50%;width:10px;height:10px}.dsm .fx-file{color:var(--w-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dsm .fx-pages{background:color-mix(in srgb, var(--w-dim) 14%, transparent);border-radius:7px;gap:2px;margin-left:auto;padding:2px;display:flex}.dsm .fx-pages>*{color:var(--w-dim);border-radius:5px;padding:3px 9px;font-weight:500}.dsm .fx-pages b{background:var(--w-bg);color:var(--w-ink);box-shadow:0 1px 2px #00000014}.dsm .fx-seg{background:color-mix(in srgb, var(--w-dim) 14%, transparent);border-radius:7px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.dsm .fx-seg label{color:var(--w-dim);cursor:pointer;border-radius:5px;padding:3px 9px;font-weight:500;position:relative}.dsm .fx-seg input,.dsm .fx-modes input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dsm .fx-seg label:has(input:checked){background:var(--w-bg);color:var(--w-ink);box-shadow:0 1px 2px #0000001a}:is(.dsm .fx-seg label:has(input:focus-visible),.dsm .fx-modes label:has(input:focus-visible)){outline:2px solid var(--ds-mark,#f2c94c);outline-offset:1px}.dsm .fx-body{grid-template-columns:150px minmax(0,1fr) 196px;min-height:340px;display:grid}.dsm .fx-layers,.dsm .fx-vars{background:var(--w-bg);align-content:start;gap:8px;padding:14px 12px;display:grid}.dsm .fx-layers{border-right:1px solid var(--w-line)}.dsm .fx-vars{border-left:1px solid var(--w-line)}.dsm .fx-layers>small,.dsm .fx-vars>small{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--w-dim)}.dsm .fx-layers>small:last-child{text-transform:none;letter-spacing:0;font:400 11px/1.4 var(--font-geist-sans), "Geist", sans-serif;margin-top:6px}.dsm .fx-layers ul,.dsm .fx-vars ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dsm .fx-layers li{border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.dsm .fx-layers li:first-child{color:#2c45ae;background:#edf0fb;font-weight:500}.dsm .fx-layers li em{opacity:.8;border:1.5px solid;border-radius:1px;width:9px;height:9px;transform:rotate(45deg)}.dsm .fx-layers li span{font:500 10.5px/1 var(--mono);color:var(--w-dim);margin-left:auto}.dsm .fx-canvas{background:#ecebe7 radial-gradient(circle,#d6d5cf 1px,#0000 1.2px) 0 0/16px 16px;place-items:center;min-width:0;padding:28px 22px;display:grid;position:relative}.dsm .fx-frame{gap:6px;width:100%;margin:0;display:grid}.dsm .fx-frame figcaption{font:500 10.5px/1 var(--font-geist-sans), "Geist", sans-serif;color:#6f6f68}.dsm .fx-img{aspect-ratio:734/447;outline-offset:3px;border-radius:4px;outline:1.5px solid #3453d3;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 10px 24px -14px #00000059}.dsm .fx-img img{width:200%;max-width:none;height:100%;transition:transform .45s var(--ease);position:absolute;top:0;left:0}.dsm .fx-img[data-mode=dark] img{transform:translate(-50%)}.dsm .fx-modes{background:color-mix(in srgb, var(--w-dim) 14%, transparent);border-radius:7px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.dsm .fx-modes label{text-align:center;color:var(--w-dim);cursor:pointer;border-radius:5px;padding:5px 0;font-weight:500;position:relative}.dsm .fx-modes label:has(input:checked){background:var(--w-bg);color:var(--w-ink);box-shadow:0 1px 2px #0000001a}.dsm .fx-vars li{border-bottom:1px solid color-mix(in srgb, var(--w-line) 60%, transparent);grid-template-columns:14px minmax(0,1fr);column-gap:8px;padding:5px 2px;display:grid}.dsm .fx-vars li i{border-radius:4px;grid-row:span 2;align-self:center;width:14px;height:14px;transition:background-color .3s;box-shadow:inset 0 0 0 1px #0000001a}.dsm .fx-vars li span{font:400 11px/1.3 var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dsm .fx-vars li code{font:500 10.5px/1.3 var(--mono);color:var(--w-dim)}.dsm .fx-coll{font:400 11px/1.6 var(--mono);color:var(--w-ink);margin:0}@media (max-width:760px){.dsm .fx-body{grid-template-columns:minmax(0,1fr)}.dsm .fx-layers{display:none}.dsm .fx-vars{border-left:0;border-top:1px solid var(--w-line)}.dsm .fx-pages{display:none}}.dsm .ide-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.dsm .ds-f2c-editor{grid-template-rows:auto 1fr;min-width:0;display:grid}.dsm .ds-f2c-tabs{background:var(--w-bar);border-bottom:1px solid var(--w-line);gap:1px;display:flex;overflow-x:auto}.dsm .ds-f2c-tabs button{font:500 12px/1 var(--mono);color:#8b949e;cursor:pointer;white-space:nowrap;border:0;border-right:1px solid var(--w-line);background:0 0;padding:10px 12px}.dsm .ds-f2c-tabs button[aria-selected=true]{color:#e6edf3;background:var(--w-bg);box-shadow:inset 0 2px 0 var(--ds-mark,#f2c94c)}.dsm .ds-f2c-tabs button:focus-visible{outline:2px solid var(--ds-mark,#f2c94c);outline-offset:-2px}.dsm .ds-f2c-src{font:400 12.5px/1.4 var(--mono);color:#e6edf3;counter-reset:ln;tab-size:2;min-height:368px;margin:0;padding:9px 0;overflow:auto}.dsm .ds-f2c-src:focus-visible{outline:2px solid var(--ds-mark,#f2c94c);outline-offset:-2px}.dsm .ds-f2c-src .ln{white-space:pre;padding:0 16px 0 52px;display:block;position:relative}.dsm .ds-f2c-src .ln:before{counter-increment:ln;content:counter(ln);text-align:right;color:#484f58;width:36px;position:absolute;left:0}.dsm .ds-f2c-src .c{color:#8b949e;font-style:italic}.dsm .ds-f2c-src .s{color:#a5d6ff}.dsm .ds-f2c-src .k{color:#ff7b72}.dsm .ds-f2c-src .v{color:#d2a8ff}.dsm .ds-f2c-src .p{color:#79c0ff}.dsm .ds-f2c-src .t{color:#7ee787}.dsm .ds-f2c-src .n{color:#ffa657}.dsm .ds-f2c-src .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #ffffff40}.dsm .ide-browser{border-left:1px solid var(--w-line);background:#fff;grid-template-rows:auto 1fr;min-width:0;display:grid}.dsm .ide-browser[data-mode=dark]{background:#09090b}.dsm .ide-url{background:var(--w-bar);border-bottom:1px solid var(--w-line);align-items:center;gap:8px;padding:6px 8px;display:flex}.dsm .ide-nav{color:#6e7681;gap:2px;display:flex}.dsm .ide-nav .pi{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.dsm .ide-nav .pi:first-child{transform:rotate(90deg)}.dsm .ide-nav .pi:nth-child(2){transform:rotate(-90deg)}.dsm .ide-addr{min-width:0;font:400 11.5px/1 var(--mono);color:#c9d1d9;border:1px solid var(--w-line);white-space:nowrap;text-overflow:ellipsis;background:#161b22;border-radius:999px;flex:1;padding:6px 10px;overflow:hidden}.dsm .ide-browser .fx-seg{margin-left:0}.dsm .ide-browser[data-mode=light] .ds-f2c-pane[data-mode=dark],.dsm .ide-browser[data-mode=dark] .ds-f2c-pane[data-mode=light]{display:none}.dsm .ds-f2c-pane{background:var(--bg);color:var(--fg);align-content:start;gap:14px;padding:22px 20px;display:grid}.dsm .ds-f2c-mode{display:none}.dsm .ds-f2c-row{flex-wrap:wrap;align-items:center;gap:6px;transition:opacity .2s;display:flex}.dsm .ds-f2c-pane .ui-btn{border-radius:6px;padding:6px 10px;font-size:12px}.dsm .ds-f2c-pane .ui-input{border-radius:6px;width:min(100%,240px);padding:7px 9px;font-size:12px}.dsm .ds-f2c-pane .ui-badge{padding:2px 7px;font-size:11px}.dsm .ds-f2c-out[data-part=btn] .ds-f2c-row:not([data-part=btn]),.dsm .ds-f2c-out[data-part=badge] .ds-f2c-row:not([data-part=badge]){opacity:.25}@media (max-width:760px){.dsm .ide-body{grid-template-columns:minmax(0,1fr)}.dsm .ide-browser{border-left:0;border-top:1px solid var(--w-line)}.dsm .ds-f2c-src{min-height:0;max-height:300px}}.dsm .ui{--r:.5rem;--font:var(--font-geist-sans), "Geist", sans-serif;font-family:var(--font);color:var(--fg)}.dsm .ui-btn{font:600 13px/1 var(--font);border-radius:var(--btn-r,var(--r));cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease), color .15s var(--ease), border-radius .35s var(--ease);border:1px solid #0000;padding:9px 14px;display:inline-block}.dsm .ui-btn.is-primary{background:var(--primary);color:var(--primary-fg)}.dsm .ui-btn.is-outline{color:var(--fg);border-color:var(--border);background:0 0}.dsm .ui-btn.is-ghost{color:var(--fg);background:0 0}.dsm .ui-btn.is-destructive{background:var(--destructive);color:var(--destructive-fg,#fff)}.dsm .ui-btn:disabled{opacity:.45;cursor:not-allowed}.dsm .ui-btn:focus-visible,.dsm .ui-input:focus-visible,.dsm .ui-select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dsm .ui-field{gap:5px;min-width:0;display:grid}.dsm .ui-field>span{font:600 12.5px/1.2 var(--font)}.dsm .ui-field>span.ui-input,.dsm .ui-field>span.ui-select{font-weight:400}.dsm .ui-field>span b{color:var(--destructive-text);font-weight:600}.dsm .ui-field small{font:400 11.5px/1.3 var(--font);color:var(--muted-fg)}.dsm .ui-input,.dsm .ui-select{font:400 13px/1.2 var(--font);color:var(--fg);background:var(--input-bg);border:1px solid var(--input);border-radius:var(--r);box-sizing:border-box;width:100%;min-width:0;padding:8px 10px}.dsm .ui-input.is-placeholder{color:var(--muted-fg)}.dsm .ui-select.is-static{justify-content:space-between;align-items:center;display:flex}.dsm .ui-select.is-static:after{content:"";opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-left:10px;transform:translateY(-2px)rotate(45deg)}.dsm .tp-app .ui-btn{cursor:default}.dsm .ui-input.is-error{border-color:var(--destructive-text);box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive-text) 18%, transparent)}.dsm .ui-input.is-focus{border-color:var(--primary-text);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary-text) 22%, transparent)}.dsm .ui-err{color:var(--destructive-text)!important}.dsm .ui-badge{font:600 11.5px/1 var(--font);border:1px solid var(--b-border);background:var(--b-bg);color:var(--b-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.dsm .ui-badge:before{content:"";background:var(--b-dot);border-radius:50%;width:6px;height:6px}.dsm .ui-alert{border-radius:var(--r);border:1px solid var(--b-border);background:var(--b-bg);color:var(--b-fg);font:400 12.5px/1.45 var(--font);grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.dsm .ui-alert strong{font-weight:600}.dsm .ui-alert svg{width:16px;height:16px;margin-top:1px}.dsm .ui-brandtext{color:var(--primary-text);font-weight:600}.dsm .ui-link,.dsm a.ui-link{color:var(--primary-text);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.dsm .ui-pages{font:500 12.5px/1 var(--font);align-items:center;gap:4px;display:flex}.dsm .ui-pages span{border-radius:var(--r);min-width:28px;height:28px;color:var(--muted-fg);font-variant-numeric:tabular-nums;place-items:center;display:grid}.dsm .ui-pages span.is-on{background:var(--primary-container);color:var(--primary-container-fg);box-shadow:inset 0 0 0 1px var(--primary-border)}.dsm .r-success{--b-bg:var(--success-container);--b-fg:var(--success-container-fg);--b-border:var(--success-border);--b-dot:var(--success)}.dsm .r-warning{--b-bg:var(--warning-container);--b-fg:var(--warning-container-fg);--b-border:var(--warning-border);--b-dot:var(--warning)}.dsm .r-destructive{--b-bg:var(--destructive-container);--b-fg:var(--destructive-container-fg);--b-border:var(--destructive-border);--b-dot:var(--destructive)}.dsm .r-info{--b-bg:var(--info-container);--b-fg:var(--info-container-fg);--b-border:var(--info-border);--b-dot:var(--info)}.dsm .r-primary{--b-bg:var(--primary-container);--b-fg:var(--primary-container-fg);--b-border:var(--primary-border);--b-dot:var(--primary)}.dsm .tp{gap:12px;width:100%;min-width:0;display:grid}.dsm .tp-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.dsm .tp-controls .ds-seg{background:var(--ds-pill,color-mix(in srgb, var(--on-field) 10%, transparent));box-shadow:none}.dsm .tp-controls .ds-seg label{color:var(--on-field)}.dsm .tp-controls .ds-seg label:has(input:checked){background:var(--on-field);color:var(--field);box-shadow:none}.dsm .tp-controls .ds-seg label:has(input:focus-visible){outline-color:var(--on-field)}.dsm .tp-controls .ds-check{color:var(--on-field)}.dsm .tp-controls .ds-check input{accent-color:var(--on-field)}.dsm .tp-left,.dsm .tp-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dsm .tp-app{background:var(--bg);color:var(--fg);min-width:0;transition:background-color .2s var(--ease);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 18px 50px -20px #00000059}.dsm .tp-head{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:12px;padding:12px 16px;display:flex}.dsm .tp-logo{border-radius:calc(var(--r) * .75);background:var(--primary);width:22px;height:22px;color:var(--primary-fg);font:700 12px/1 var(--font);flex:none;place-items:center;display:grid}.dsm .tp-head b{font:600 14px/1 var(--font)}.dsm .tp-tabs{gap:4px;margin-left:8px;display:flex}.dsm .tp-tabs>span{font:500 12.5px/1 var(--font);border-radius:var(--r);color:var(--muted-fg);padding:7px 10px}.dsm .tp-tabs>span.is-on{background:var(--primary-container);color:var(--primary-container-fg)}.dsm .tp-user{background:var(--muted);border-radius:50%;flex:none;width:26px;height:26px;margin-left:auto}.dsm .tp-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;padding:16px;display:grid}@media (max-width:760px){.dsm .tp-body{grid-template-columns:minmax(0,1fr)}.dsm .tp-tabs>span:nth-child(n+3){display:none}}.dsm .tp-card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--r) * 1.5);align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.dsm .tp-card :is(h3,h4){font:600 15px/1.2 var(--font);margin:0}.dsm .tp-card p{font:400 12.5px/1.45 var(--font);color:var(--muted-fg);margin:0}.dsm .tp-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;display:grid}.dsm .tp-rows{margin:0;padding:0;list-style:none;display:grid}.dsm .tp-rows li{border-top:1px solid var(--border);font:400 12.5px/1.3 var(--font);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 0;display:grid}.dsm .tp-rows li b{font-variant-numeric:tabular-nums;font-weight:600}.dsm .tp-rows li small{color:var(--muted-fg);grid-column:1;font-size:11.5px}.dsm .tp-rows li .ui-badge{grid-area:1/2/span 2}.dsm .tp-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dsm .tp-actions>div{flex-wrap:wrap;gap:8px;display:flex}.dsm .ds-ratio{font:600 10.5px/1 var(--mono);letter-spacing:0;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;text-transform:none;pointer-events:none;background:#151515;border-radius:4px;align-items:center;gap:5px;padding:4px 6px 4px 5px;display:none;box-shadow:0 0 0 1px #ffffff38,0 2px 6px #0000002e}.dsm .ds-ratio i{font:600 10px/1 var(--sans);color:#151515;background:#fff;border-radius:2px;padding:1px 3px;font-style:normal}.dsm .ds-ratio b{font:700 11px/1 var(--sans)}.dsm .ds-ratio.is-pass b{color:#6ee79a}.dsm .ds-ratio.is-fail b{color:#ff9b91}.dsm .show-ratios .ds-ratio{display:inline-flex}.dsm .show-ratios :has(>[data-r]){position:relative}.dsm .show-ratios .tp-tabs [data-r],.dsm .show-ratios .ui-btn [data-r],.dsm .show-ratios .ui-badge [data-r]{z-index:2;line-height:0;position:absolute;bottom:calc(100% + 5px);right:-2px}.dsm .show-ratios .tp-tabs [data-r] .ds-ratio:after,.dsm .show-ratios .ui-btn [data-r] .ds-ratio:after,.dsm .show-ratios .ui-badge [data-r] .ds-ratio:after{content:"";border:4px solid #0000;border-top-color:#151515;border-bottom:0;position:absolute;top:100%;right:10px}.dsm .show-ratios .ui-link+[data-r],.dsm .show-ratios p [data-r]{margin-left:6px}.dsm .ds-wall{margin-inline:calc(-1 * var(--cf-pad));padding-inline:var(--cf-pad);max-width:calc(100% + 2 * var(--cf-pad));overflow-x:auto}.dsm .ds-wall-grid{grid-template-columns:8.5rem repeat(5,minmax(4.5rem,1fr));gap:3px;min-width:620px;display:grid}.dsm .ds-wall-h{font:500 12px/1.25 var(--mono);color:var(--case-dim);align-self:end;padding:0 2px 8px}.dsm .ds-wall-h b{font:600 13px/1.2 var(--sans);color:var(--case-ink);margin-bottom:2px;display:block}.dsm .ds-wall-role{align-content:center;padding-right:10px;display:grid}.dsm .ds-wall-role b{font:600 16px/1.1 var(--sans);color:var(--case-ink);letter-spacing:-.01em}.dsm .ds-wall-role span{font:500 11.5px/1.3 var(--mono);color:var(--case-dim)}.dsm .ds-wall-c{height:56px;font:600 15px/1 var(--sans);justify-content:space-between;align-items:flex-end;padding:8px 9px;display:flex}.dsm .ds-wall-row>.ds-wall-c:nth-child(2){border-radius:10px 0 0 10px}.dsm .ds-wall-row>.ds-wall-c:last-child{border-radius:0 10px 10px 0}.dsm .ds-wall-c small{font:500 11px/1 var(--mono)}.dsm .ds-wall-row{display:contents}.dsm .ds-light{gap:clamp(16px,1.55vw,22px);display:grid}.dsm .ds-light svg{width:100%;height:auto;display:block;overflow:visible}.dsm .ds-light .ax{stroke:var(--case-rule)}.dsm .ds-light .tick text,.dsm .ds-light .lbl{font:500 13.25px var(--mono);fill:var(--case-dim)}.dsm .ds-light .row-l{font:600 13.5px var(--sans);fill:var(--case-ink)}.dsm .ds-light .band{fill:none;stroke:var(--accent);stroke-width:1.5px}.dsm .ds-light circle{stroke:var(--case-bg);stroke-width:1.5px}.dsm .ds-light-chart{overflow-x:auto}@media (max-width:760px){.dsm .ds-light-chart svg{min-width:640px}}.dsm .ds-metrics{border-top:1px solid var(--case-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:16px 0 0;list-style:none;display:grid}.dsm .ds-metrics li{gap:6px;min-width:0;display:grid}.dsm .ds-metrics li b{font:600 clamp(2.6rem, 7vw, 3rem)/.95 var(--sans);letter-spacing:-.045em;color:var(--accent);font-variant-numeric:tabular-nums}.dsm .ds-metrics span{font:500 12.5px/1.35 var(--mono);color:var(--case-dim)}@media (max-width:600px){.dsm .ds-metrics{grid-template-columns:minmax(0,1fr)}}.dsm .ds-split{gap:10px;display:grid}.dsm .ds-split-stage{box-shadow:0 0 0 1px var(--case-rule);--split:50%;border-radius:12px;position:relative;overflow:hidden}.dsm .ds-split-layer{gap:8px;padding:18px;display:grid}.dsm .ds-split-layer.is-light{color:#18181b;background:#fff}.dsm .ds-split-layer.is-dark{color:#f4f4f5;clip-path:inset(0 0 0 var(--split));background:#18181b;position:absolute;inset:0}.dsm .ds-split-h{font:500 12px/1 var(--mono);opacity:.8;justify-content:space-between;padding-bottom:4px;display:flex}.dsm .ds-split-row{font:600 14px/1 var(--sans);grid-template-columns:5.5rem repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.dsm .ds-split-row>span:first-child{font:500 12px/1 var(--mono);opacity:.8;align-self:center}.dsm .ds-split-row>i{border-radius:7px;align-items:center;gap:6px;min-width:0;padding:11px 10px;font-style:normal;display:flex}.dsm .ds-split-row .is-border{box-shadow:inset 0 0 0 2px var(--c)}.dsm .ds-split-row small{font:500 11px/1 var(--mono);opacity:.85}.dsm .ds-split-stage{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.dsm .ds-split-handle{top:0;bottom:0;left:var(--split);border-left:2px solid var(--ds-mark,#f2c94c);width:0;position:absolute}.dsm .ds-split-grip{top:50%;left:clamp(72px, var(--split), calc(100% - 72px));font:600 11px/1 var(--mono);white-space:nowrap;background:var(--ds-mark,#f2c94c);color:var(--ds-mark-ink,#1c1b19);cursor:grab;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000040}.dsm .ds-split-grip b{font:700 14px/1 var(--sans);opacity:.7;transition:transform .15s}.dsm .ds-split-stage:hover .ds-split-grip b:first-child{transform:translate(-2px)}.dsm .ds-split-stage:hover .ds-split-grip b:last-child{transform:translate(2px)}.dsm .ds-split-stage.is-dragging .ds-split-grip{cursor:grabbing;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 6px 20px #0000004d}.dsm .ds-split-grip:focus-visible{outline:2px solid var(--case-ink);outline-offset:3px}.dsm .cc{gap:12px;display:grid}.dsm .cc-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dsm .cc-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);display:grid}@media (max-width:760px){.dsm .cc-modes{grid-template-columns:minmax(0,1fr)}}.dsm .cc-pane{background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px var(--case-rule);border-radius:10px;gap:14px;padding:18px;display:grid}.dsm .cc-pane .ds-label{color:var(--muted-fg)}.dsm .cc-line{font:400 13px/1.4 var(--font);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dsm .cc-line .ds-ratio{display:inline-flex}@media (prefers-reduced-motion:reduce){[data-palette=design-system] *,[data-palette=design-system] :before,[data-palette=design-system] :after{transition:none!important}}.dsm .ds-layers2{--ov-line:#2a2925;--ov-hair:#8d8a83;--ov-base-t:#e9e6df;--ov-base-l:#d6d2c9;--ov-base-r:#c3beb3;--ov-prod-t:#fff;--ov-prod-l:#ebe9e4;--ov-prod-r:#d9d6cf;--ov-stud-s:#cfcac0;--ov-stud-c:#f4f2ed;--ov-user:#f7f6f2;--ov-piece:#fff;--ov-night:#2a2925;--ov-own:#e8e4db;margin-top:4px;overflow-x:auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dsm .ds-layers2{--ov-line:#d9d5cc;--ov-hair:#77736b;--ov-base-t:#2b2a27;--ov-base-l:#22211f;--ov-base-r:#1a1918;--ov-prod-t:#3a3935;--ov-prod-l:#2f2e2b;--ov-prod-r:#252422;--ov-stud-s:#23221f;--ov-stud-c:#3d3c38;--ov-user:#4a4945;--ov-piece:#e6e2d9;--ov-night:#151413;--ov-own:#2c2b28}}:root[data-theme=dark] .dsm .ds-layers2{--ov-line:#d9d5cc;--ov-hair:#77736b;--ov-base-t:#2b2a27;--ov-base-l:#22211f;--ov-base-r:#1a1918;--ov-prod-t:#3a3935;--ov-prod-l:#2f2e2b;--ov-prod-r:#252422;--ov-stud-s:#23221f;--ov-stud-c:#3d3c38;--ov-user:#4a4945;--ov-piece:#e6e2d9;--ov-night:#151413;--ov-own:#2c2b28}.dsm .ds-layers2 svg{width:100%;min-width:744px;height:auto;display:block;overflow:visible}.dsm .ds-layers2 .ob polygon{stroke:var(--ov-line);stroke-width:.9px;stroke-linejoin:round}.dsm .ds-layers2 .o-base .t{fill:var(--ov-base-t)}.dsm .ds-layers2 .o-base .l{fill:var(--ov-base-l)}.dsm .ds-layers2 .o-base .r{fill:var(--ov-base-r)}.dsm .ds-layers2 .o-prod .t{fill:var(--ov-prod-t)}.dsm .ds-layers2 .o-prod .l{fill:var(--ov-prod-l)}.dsm .ds-layers2 .o-prod .r{fill:var(--ov-prod-r)}.dsm .ds-layers2 .o-cli .t{fill:var(--t)}.dsm .ds-layers2 .o-cli .l{fill:var(--l)}.dsm .ds-layers2 .o-cli .r{fill:var(--r)}.dsm .ds-layers2 .ob.is-on polygon{stroke-width:1.6px}.dsm .ds-layers2 .o-own-t{fill:var(--ov-own);stroke:none}.dsm .ds-layers2 .o-own{fill:url(#ov-hatch);stroke:none}.dsm .ds-layers2 .hx-l{stroke:var(--ov-line);stroke-width:.8px;opacity:.7}.dsm .ds-layers2 .o-note{font:500 11.5px var(--mono);fill:var(--case-dim)}.dsm .ds-layers2 .os .s{fill:var(--ov-stud-s);stroke:var(--ov-line);stroke-width:.6px}.dsm .ds-layers2 .os .c{fill:var(--ov-stud-c);stroke:var(--ov-line);stroke-width:.6px}.dsm .ds-layers2 .os.on-cli .s{fill:var(--l)}.dsm .ds-layers2 .os.on-cli .c{fill:var(--t)}.dsm .ds-layers2 .os.o-user{opacity:.75}.dsm .ds-layers2 .os.o-user .c{fill:var(--ov-user)}.dsm .ds-layers2 .os.o-user.is-on{opacity:1}.dsm .ds-layers2 .os.o-user.is-on .s,.dsm .ds-layers2 .os.o-user.is-on .c{stroke-width:1.2px}.dsm .ds-layers2 .seat{fill:none;stroke:var(--ov-hair);stroke-width:.9px;stroke-dasharray:3 3}.dsm .ds-layers2 .seat.is-on{stroke:var(--ov-line)}.dsm .ds-layers2 .guide{stroke:var(--ov-hair);stroke-width:.8px;stroke-dasharray:2 3}.dsm .ds-layers2 .guide.is-user{opacity:.6}.dsm .ds-layers2 .guide.is-on{stroke:var(--ov-line);stroke-width:1.3px;stroke-dasharray:5 3;opacity:1}.dsm .ds-layers2 .pc path,.dsm .ds-layers2 .pc ellipse,.dsm .ds-layers2 .pc circle,.dsm .ds-layers2 .pc line{stroke:var(--ov-line);stroke-width:.9px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dsm .ds-layers2 .pc .pc-shadow{fill:#0000001f;stroke:none}.dsm .ds-layers2 .pc .pc-b{fill:var(--ov-piece)}.dsm .ds-layers2 .pc.is-brand .pc-a{fill:var(--brand)}.dsm .ds-layers2 .pc.is-own .pc-a{fill:var(--own)}.dsm .ds-layers2 .pc.is-dark .pc-b,.dsm .ds-layers2 .pc.is-dark .pc-a{fill:var(--ov-night)}.dsm .ds-layers2 .pc.is-dark .pc-in{fill:var(--brand)}.dsm .ds-layers2 .pc-notch{fill:var(--case-bg);stroke:none}.dsm .ds-layers2 .pc-slit{stroke-width:1.1px;stroke-linecap:round}.dsm .ds-layers2 .o-shadow{fill:#000;opacity:.12}.dsm .ds-layers2 .o-callname{font:600 17px var(--sans);fill:var(--case-ink)}.dsm .ds-layers2 .o-leader{stroke:var(--ov-hair);stroke-width:.8px}.dsm .ds-layers2 .o-tick{fill:var(--ov-line)}.dsm .ds-layers2 .o-num{fill:var(--case-bg);stroke:var(--ov-line);stroke-width:1.1px}.dsm .ds-layers2 .o-numt{font:600 16.75px var(--mono);fill:var(--case-ink)}.dsm .ds-layers2 .o-ln{font:600 17.5px var(--sans);fill:var(--case-ink)}.dsm .ds-layers2 .o-ls{font:500 16.75px var(--mono);fill:var(--case-dim)}@media (min-width:1000px){[data-palette=design-system] :is([data-card=in-code],#in-code)>.cf-head{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}[data-palette=design-system] :is([data-card=in-code],#in-code)>.cf-evidence{margin-top:.875rem}[data-palette=design-system] :is([data-card=fixed-lightness],#fixed-lightness)>.cf-evidence{margin-top:1.25rem}[data-palette=design-system] :is([data-card=three-layers],#three-layers)>:is(.cf-head,.cf-evidence){grid-area:1/1}[data-palette=design-system] :is([data-card=three-layers],#three-layers)>.cf-head{z-index:1;position:relative}[data-palette=design-system] :is([data-card=three-layers],#three-layers)>.cf-evidence{margin-top:0;padding-top:10.5%}[data-palette=design-system] :is([data-card=three-layers],#three-layers) .ds-layers2{margin-top:0}}.dsm .show-ratios .tp-tabs [data-r]{top:calc(100% + 5px);bottom:auto}.dsm .show-ratios .tp-tabs [data-r] .ds-ratio:after{border-top:0;border-bottom:4px solid #151515;top:auto;bottom:100%}.dsm .ds-ico{overflow:visible}.dsm .ds-ico .f{fill:currentColor;stroke:none}.dsm .ds-ico .s{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.dsm .ds-ico .o{fill:none;stroke:currentColor;stroke-width:1.8px}.dsm .ds-fan.is-clients{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:auto;padding-bottom:0;display:grid}.dsm .ds-fan.is-clients .ds-fan-card{grid-area:auto;width:auto;margin-left:0;position:static;transform:none}@media (max-width:760px){.dsm .ds-fan.is-clients{grid-template-columns:minmax(0,1fr)}}.dsm .mp.cl-courier{--mp-brand:#f2c94c;--mp-tint:#fbf3d6;--mp-font:"Archivo Variable", var(--sans);--mp-title:700 15px/1.2 "Archivo Variable", var(--sans);--mp-r:0;--mp-logo-r:0;--mp-btn-ink:#1c1b19;--mp-badge-r:0}.dsm .mp.cl-courier .mp-badge{color:#6b5300}.dsm .mp.cl-grocer{--mp-brand:#2e7d3a;--mp-tint:#e6f3e7;--mp-font:var(--font-geist-sans), "Geist", sans-serif;--mp-title:600 16px/1.2 "Fraunces Variable", Georgia, serif;--mp-r:999px;--mp-logo-r:999px;--mp-badge-r:999px}.dsm .mp.cl-grocer .mp-badge{color:#1f5a28}.dsm .mp.cl-bank{--mp-brand:#1d2b5c;--mp-tint:#e8ebf5;--mp-font:"IBM Plex Sans Variable", var(--sans);--mp-title:600 15px/1.2 "IBM Plex Sans Variable", var(--sans);--mp-r:12px;--mp-logo-r:4px;--mp-badge-r:4px}.dsm .mp.cl-bank .mp-badge{color:#1d2b5c}.dsm .pfw{aspect-ratio:560/360;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000017,0 18px 40px -18px #00000061}.dsm .pfw[data-pf="1"]{border-radius:18px}.dsm .pfw[data-pf="2"]{border-radius:12px}.dsm .pfw[data-pf="3"]{border-radius:3px}.dsm .pf{width:560px;height:360px;transform:scale(var(--k,1));transform-origin:0 0;--b:#3453d3;text-align:left;position:absolute;top:0;left:0;overflow:hidden}.dsm .pf,.dsm .pf *{box-sizing:border-box}.dsm .pf .pi{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.dsm .pf b,.dsm .pf small,.dsm .pf p{font-style:normal}.dsm .pf-mark{flex:none;width:20px;height:20px;display:block}.dsm .pf-1{color:#18181b;font:400 12px/1.3 var(--font-geist-sans), "Geist", sans-serif;background:#fff;grid-template-columns:148px 1fr;display:grid}.dsm .p1-side{background:#fafafa;border-right:1px solid #ededf0;flex-direction:column;gap:14px;padding:18px 12px 14px;display:flex}.dsm .p1-logo{font:600 15px/1 var(--font-geist-sans), "Geist", sans-serif;letter-spacing:-.025em;align-items:center;gap:9px;padding:0 8px;display:flex}.dsm .p1-side nav{gap:2px;display:grid}.dsm .p1-side nav span{color:#52525b;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;display:flex}.dsm .p1-side nav span.is-on{color:#18181b;background:#fff;font-weight:600;box-shadow:0 0 0 1px #ededf0,0 1px 2px #0000000a}.dsm .p1-side nav span.is-on .pi{color:var(--b)}.dsm .p1-me{color:#52525b;align-items:center;gap:8px;margin-top:auto;padding:0 6px;font-weight:500;display:flex}.dsm .p1-me i{background:var(--b);color:#fff;width:26px;height:26px;font:600 10px/26px var(--font-geist-sans), "Geist", sans-serif;text-align:center;border-radius:50%;font-style:normal}.dsm .p1-main{grid-template-rows:auto auto 1fr;gap:14px;min-width:0;padding:20px 22px;display:grid}.dsm .p1-main header{justify-content:space-between;align-items:center;display:flex}.dsm .p1-main h5{font:600 21px/1 var(--font-geist-sans), "Geist", sans-serif;letter-spacing:-.03em;margin:0}.dsm .p1-btn{background:var(--b);color:#fff;box-shadow:0 4px 10px -4px color-mix(in srgb, var(--b) 70%, transparent);border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 11px;font-weight:500;display:inline-flex}.dsm .p1-btn .pi{stroke-width:2.2px}.dsm .p1-tools{color:#5f5f68;justify-content:space-between;align-items:center;display:flex}.dsm .p1-seg{background:#f4f4f5;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.dsm .p1-seg>*{border-radius:999px;padding:4px 12px;font-weight:500}.dsm .p1-seg b{color:#18181b;background:#fff;box-shadow:0 1px 2px #00000014}.dsm .p1-tools small{font-size:11.5px}.dsm .p1-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;min-height:0;display:grid}.dsm .p1-card{border:1px solid #ededf0;border-radius:18px;align-content:start;gap:4px;padding:16px;display:grid;box-shadow:0 6px 16px -10px #0000001f}.dsm .p1-ch{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dsm .p1-ic{background:color-mix(in srgb, var(--b) 10%, #fff);width:30px;height:30px;color:var(--b);border-radius:999px;place-items:center;display:grid}.dsm .p1-ic .pi{width:16px;height:16px}.dsm .p1-tag{color:#3f3f46;background:#f4f4f5;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:500}.dsm .p1-card b{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.dsm .p1-card small{color:#71717a;font-size:11.5px}.dsm .pf-2{color:#1f2937;background:#fff;grid-template-columns:160px 1fr;font:400 12px/1.3 IBM Plex Sans Variable,sans-serif;display:grid}.dsm .p2-tree{border-right:1px solid #e5e7eb;align-content:start;gap:8px;padding:16px 12px;display:grid}.dsm .p2-logo{align-items:center;gap:9px;padding:2px 4px 6px;display:flex}.dsm .p2-logo b{letter-spacing:-.01em;font:600 15px/1 IBM Plex Sans Variable,sans-serif}.dsm .p2-search{color:#4b5563;background:#f3f4f6;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex}.dsm .p2-sel{background:color-mix(in srgb, var(--b) 9%, #fff);color:var(--b);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-weight:600;display:flex}.dsm .p2-tree ul{gap:7px;margin:6px 0 0;padding:0;list-style:none;display:grid}.dsm .p2-tree li{color:#6b7280;padding-left:26px}.dsm .p2-tree li.h{color:#111827;align-items:center;gap:6px;margin-top:6px;padding-left:4px;font-weight:600;display:flex}.dsm .p2-tree li.h .pi{width:12px;height:12px}.dsm .p2-tree li.is-on{color:var(--b);font-weight:500}.dsm .p2-canvas{background:#fbfbfd radial-gradient(circle,#dde1e8 1px,#0000 1.3px) 0 0/16px 16px;position:relative;overflow:hidden}.dsm .p2-lines{width:400px;height:360px;position:absolute;inset:0}.dsm .p2-lines path{fill:none;stroke:#d1d5db;stroke-width:1.5px}.dsm .p2-lines path.is-on{stroke:var(--b);stroke-width:2px}.dsm .p2-node{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:2px;width:104px;padding:8px 10px;display:grid;position:absolute;box-shadow:0 1px 3px #0000000d}.dsm .p2-node small{letter-spacing:.06em;text-transform:uppercase;color:#5b6472;font-size:9.5px;font-weight:500}.dsm .p2-node b{font-size:13px;font-weight:600}.dsm .p2-node.is-root{background:var(--b);border-color:var(--b);color:#fff;box-shadow:0 10px 24px -8px color-mix(in srgb, var(--b) 70%, transparent);padding:11px 12px}.dsm .p2-node.is-root small{color:#ffffffe0}.dsm .p2-node.is-hl{border-color:var(--b);box-shadow:0 0 0 3px color-mix(in srgb, var(--b) 15%, transparent)}.dsm .p2-node:not(.is-root){width:96px}.dsm .p2-leaf{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-weight:500;display:flex;position:absolute}.dsm .p2-leaf em{background:#22a55a;border-radius:50%;width:7px;height:7px}.dsm .p2-ctrl{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:7px;padding:10px;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 10px 24px -14px #00000040}.dsm .p2-ctrl small{letter-spacing:.08em;text-transform:uppercase;color:#5b6472;font-size:9.5px;font-weight:500}.dsm .p2-seg{background:#f3f4f6;border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.dsm .p2-seg i{text-align:center;color:#4b5563;border-radius:6px;padding:5px 12px;font-style:normal;font-weight:500}.dsm .p2-seg i.is-on{color:var(--b);background:#fff;box-shadow:0 1px 2px #00000014}.dsm .p2-zoom{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 10px 24px -14px #00000040}.dsm .p2-zoom i{text-align:center;color:#4b5563;width:28px;padding:6px 0;font-style:normal;font-weight:500}.dsm .p2-zoom span{font:500 11px/1 var(--mono);color:#374151;border-left:1px solid #f0f1f3;border-right:1px solid #f0f1f3;padding:0 6px;line-height:28px}.dsm .pf-3{color:#e6e8ec;background:#0a0b0d;grid-template-rows:40px 38px 1fr;font:400 11.5px/1.25 Inter Variable,sans-serif;display:grid}.dsm .p3-top{border-bottom:1px solid #23262c;align-items:center;gap:14px;padding:0 12px;display:flex}.dsm .p3-logo{letter-spacing:-.01em;color:#fff;align-items:center;gap:8px;font:600 13px/1 Inter Variable,sans-serif;display:flex}.dsm .p3-top nav{border:1px solid #2c3037;border-radius:2px;display:flex}.dsm .p3-top nav>*{color:#8d939e;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 11px}.dsm .p3-top nav>*+*{border-left:1px solid #2c3037}.dsm .p3-top nav b{background:var(--b);color:#fff}.dsm .p3-av{color:#b9bec8;width:22px;height:22px;font:500 9px/20px var(--mono);text-align:center;border:1px solid #2c3037;border-radius:2px;margin-left:auto}.dsm .p3-bar{background:#0d0f12;border-bottom:1px solid #23262c;align-items:center;gap:8px;padding:0 12px;display:flex}.dsm .p3-dd{font:500 11px/1 var(--mono);color:#fff;border:1px solid #2c3037;border-radius:2px;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.dsm .p3-dd .pi{color:#8d939e;width:10px;height:10px}.dsm .p3-st{font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:2px;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.dsm .p3-st.is-g{color:#4fcf86;border-color:#1f4a32}.dsm .p3-st em{background:currentColor;width:5px;height:5px}.dsm .p3-sp{flex:1}.dsm .p3-btn{color:#e6e8ec;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #2c3037;border-radius:2px;padding:5px 11px}.dsm .p3-btn.is-blue{background:var(--b);border-color:var(--b);color:#fff}.dsm .p3-canvas{background:linear-gradient(#171a20 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#171a20 1px,#0000 1px) 0 0/24px 24px,#0a0b0d;position:relative;overflow:hidden}.dsm .p3-wire{width:560px;height:270px;position:absolute;inset:0}.dsm .p3-wire path{fill:none;stroke:var(--b);stroke-width:1.4px}.dsm .p3-blk{background:#0f1114;border:1px solid #2c3037;border-radius:2px;align-content:start;gap:0;width:140px;height:90px;padding:0;display:grid;position:absolute}.dsm .p3-bh{border-bottom:1px solid #23262c;align-items:center;gap:7px;padding:7px 8px;display:flex}.dsm .p3-bh i{border-radius:2px;place-items:center;width:18px;height:18px;display:grid}.dsm .p3-bh i .pi{width:11px;height:11px}.dsm .p3-bh b{color:#fff;font-size:11.5px;font-weight:600}.dsm .p3-bh em{background:#22c55e;width:6px;height:6px;margin-left:auto}.dsm .p3-kind{font:500 8.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:2px;justify-self:start;margin:7px 8px 0;padding:3px 5px;background:0 0!important}.dsm .k-a{color:#e9ae45}.dsm i.k-a{background:#261c09}.dsm .k-r{color:#ef7676}.dsm i.k-r{background:#260f0f}.dsm .k-p{color:#c39cff}.dsm i.k-p{background:#1b1430}.dsm .p3-blk p{color:#9aa0ab;font:400 10px/1.2 var(--mono);margin:6px 8px 0}.dsm .p3-blk u{background:var(--b);width:6px;height:6px;margin-top:-3px;position:absolute;top:50%}.dsm .p3-blk u.l{left:-3.5px}.dsm .p3-blk u.r{right:-3.5px}.dsm .ds-f2c>*,.dsm .ds-fx>*,.dsm .fx-win{min-width:0;max-width:100%}.dsm .ds-f2c-editor,.dsm .ide-browser,.dsm .ide{grid-template-columns:minmax(0,1fr)}.dsm .ide{display:block}@media (max-width:760px){.dsm .ide-nav{display:none}}.dsm .ds-oklch{border-bottom:1px solid var(--case-rule);gap:8px;margin-bottom:4px;padding-bottom:18px;display:grid}.dsm .ok-row{grid-template-columns:22px auto 1fr;align-items:center;gap:12px;display:grid}.dsm .ok-row i{border-radius:6px;width:22px;height:22px;box-shadow:0 0 0 1px #ffffff26}.dsm .ok-row code{font:500 clamp(15px, 1.9vw, 19px)/1 var(--mono);color:var(--case-ink);letter-spacing:-.01em}.dsm .ok-row code b{border-radius:4px;padding:2px 3px;font-weight:600}.dsm .ok-row code b.l{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.dsm .ok-row code b.c,.dsm .ok-row code b.h{opacity:.7}.dsm .ok-key{font:500 13px/1 var(--mono);color:var(--case-dim);gap:18px;padding-left:34px;display:flex}.dsm .ok-key .l{color:var(--accent)}@media (min-width:761px){.dsm .ds-oklch{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:8px clamp(1.5rem,4vw,3rem)}.dsm .ds-oklch .ok-row{grid-column:1;grid-template-columns:22px auto}.dsm .ok-key{flex-direction:column;grid-area:1/2/span 2;gap:6px;padding-left:0}.dsm .ds-metrics{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(1.5rem,4vw,3rem)}}@media (max-width:760px){.dsm .ok-row{grid-template-columns:22px 1fr}.dsm .ok-key{flex-wrap:wrap;padding-left:0}}[data-palette=design-system] :is([data-card=outcome],#outcome).is-text .cf-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}[data-palette=design-system] :is([data-card=outcome],#outcome).is-text .cf-body{padding:0}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes{margin-top:clamp(1.5rem,3vw,2.25rem)}@media (max-width:760px){[data-palette=design-system] :is([data-card=outcome],#outcome).is-text .cf-head{grid-template-columns:minmax(0,1fr)}}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-body p{max-width:60ch;font:400 clamp(1rem, 1.4vw, 1.125rem)/1.5 var(--sans);letter-spacing:0;color:var(--on-dark-body)}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes{border-top:0;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,22px);padding-top:0}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes div{border-top:1px solid var(--dark-rule);grid-template-columns:minmax(7rem,11rem) minmax(0,1fr);gap:16px;padding-top:clamp(12px,1.6vw,18px)}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes dt{font:500 13px/1.8 var(--mono);letter-spacing:.02em;color:var(--accent-on-dark)}[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes dd{max-width:none;font:400 clamp(1.1rem, 1.8vw, 1.45rem)/1.35 var(--sans);letter-spacing:-.01em;color:var(--on-dark)}@media (max-width:600px){[data-palette=design-system] :is([data-card=outcome],#outcome) .cf-notes div{grid-template-columns:minmax(0,1fr);gap:4px}}.dsm [tabindex="0"]:focus-visible{outline:2px solid var(--case-ink);outline-offset:3px}