@font-face{font-family:Aboreto;font-style:normal;font-display:swap;font-weight:400;src:url(/palette-generation/assets/aboreto-latin-ext-400-normal-BqYHi4nq.woff2)format("woff2"),url(/palette-generation/assets/aboreto-latin-ext-400-normal-5VhZs4TV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Aboreto;font-style:normal;font-display:swap;font-weight:400;src:url(/palette-generation/assets/aboreto-latin-400-normal-DFvlBIG0.woff2)format("woff2"),url(/palette-generation/assets/aboreto-latin-400-normal-CkCvLKiI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/palette-generation/assets/work-sans-vietnamese-300-normal-DQHlWx2s.woff2)format("woff2"),url(/palette-generation/assets/work-sans-vietnamese-300-normal-NLNV1oy7.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/palette-generation/assets/work-sans-latin-ext-300-normal-CVclhcFk.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-ext-300-normal-BQO3H0qq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/palette-generation/assets/work-sans-latin-300-normal-DD7pq2q9.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-300-normal-BaDF4XPg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/palette-generation/assets/work-sans-vietnamese-400-normal-BxGuknnG.woff2)format("woff2"),url(/palette-generation/assets/work-sans-vietnamese-400-normal-DFZk_KN_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/palette-generation/assets/work-sans-latin-ext-400-normal-zfQnhXzv.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-ext-400-normal-j7TZlk-s.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/palette-generation/assets/work-sans-latin-400-normal-jUejSri3.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-400-normal-DE1_0GuN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/palette-generation/assets/work-sans-vietnamese-500-normal-Czn2Xkog.woff2)format("woff2"),url(/palette-generation/assets/work-sans-vietnamese-500-normal-90nhZfxs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/palette-generation/assets/work-sans-latin-ext-500-normal-CAKEIVkc.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-ext-500-normal-CW9ss9Cz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/palette-generation/assets/work-sans-latin-500-normal-BKGnScDy.woff2)format("woff2"),url(/palette-generation/assets/work-sans-latin-500-normal-BmdXWF6_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--black:#202126;--white:#fff;--red:tomato;--onBg:var(--black);--bg:var(--white);--highlight:var(--red);--muted:color-mix(in oklab, var(--onBg) 45%, var(--bg));--faint:color-mix(in oklab, var(--onBg) 14%, var(--bg));--hairline:color-mix(in oklab, var(--onBg) 22%, var(--bg));--font-display:"Aboreto", "Times New Roman", serif;--font-text:"Work Sans", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--step--2:.63em;--step--1:.79em;--step-0:1em;--step-1:1.26em;--step-2:1.59em;--step-3:2em;--step-4:2.52em;--step-5:3.18em;--step-6:4em;--space-3xs:.25em;--space-2xs:.5em;--space-xs:.75em;--space-s:1em;--space-m:1.5em;--space-l:2.25em;--space-xl:3.5em;--space-2xl:5em;--measure:26em;--editor-size:min(58vh, 42rem);--editor-height:0px;--pad:clamp(2rem, 6vmin, 6rem);--ease:cubic-bezier(.4, 0, .2, 1);color-scheme:light}:root[data-editing],:root[data-inspecting]{--editor-height:var(--editor-size)}:root[data-invert]{--onBg:var(--white);--bg:var(--black);color-scheme:dark}[data-slide][data-invert]{--onBg:var(--white);--bg:var(--black)}:root[data-invert] [data-slide][data-invert]{--onBg:var(--black);--bg:var(--white)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--onBg);font-family:var(--font-text);font-weight:var(--weight-light);-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease), color .25s var(--ease);margin:0;font-size:100%;line-height:1.5;overflow:hidden}::selection{background:var(--highlight);color:var(--bg)}.deck{inset:0 0 var(--editor-height) 0;transition:bottom .22s var(--ease);position:fixed}main[data-slide]{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:safe center;justify-items:start;gap:var(--space-m);padding:var(--pad);background:var(--bg);color:var(--onBg);animation:slide-in .4s var(--ease) both;font-size:clamp(.95rem,2.85vmin,3rem);display:grid;position:absolute;inset:0;overflow:hidden auto}@keyframes slide-in{0%{opacity:0;transform:translateY(.6em)}}[data-slide][data-align=center]{text-align:center;justify-items:center}[data-slide][data-align=end]{align-content:end}[data-slide][data-bleed]{gap:0;padding:0}[data-slide][data-cols]{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));align-content:center;justify-items:stretch;column-gap:var(--space-xl)}@media (width<=56em){[data-slide][data-cols]{row-gap:var(--space-m);grid-template-columns:minmax(0,1fr)!important}main[data-slide]{align-content:start}}[data-slide][data-cols]>:where(h1,h2,.full){grid-column:1/-1}:where([data-slide]) :where(h1,h2,h3){font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:-.01em;text-wrap:balance;max-width:18ch;margin:0;line-height:1.06}:where([data-slide]) h1{font-size:var(--step-5)}:where([data-slide]) h2{font-size:var(--step-3)}:where([data-slide]) h3{font-size:var(--step-1)}:where([data-slide]) :where(p,ul,ol,dl){max-width:var(--measure);font-size:var(--step-0);text-wrap:pretty;margin:0}:where([data-slide]) .lead{line-height:1.3;font-weight:var(--weight-light)}:where([data-slide]) mark{color:var(--highlight);background:0 0}:where([data-slide]) em{font-style:italic}:where([data-slide]) :where(h1,h2,h3) em{color:var(--highlight);font-style:normal}:where([data-slide]) strong{font-weight:var(--weight-medium)}:where([data-slide]) a{color:inherit;text-decoration-color:var(--highlight);text-underline-offset:.125em;text-decoration-thickness:1px}:where([data-slide]) :where(ul,ol){gap:var(--space-2xs);padding-left:1.2em;display:grid}:where([data-slide]) ul{padding-left:0;list-style:none}:where([data-slide]) :where(code,kbd,samp){font-family:var(--font-mono);font-size:.86em}:where([data-slide]) pre{max-width:100%;font-family:var(--font-mono);font-size:var(--step--1);border-left:1px solid var(--hairline);padding-left:var(--space-s);tab-size:2;margin:0;line-height:1.6;overflow:auto}:where([data-slide]) figcaption,:where([data-slide]) .caption{font-size:var(--step--1);color:var(--muted)}:where([data-slide]) hr{border:0;border-top:1px solid var(--hairline);width:100%}:where([data-slide]) img,:where([data-slide]) canvas,:where([data-slide]) svg{max-width:100%;height:auto}:where([data-slide]) [data-strip]{border-radius:1px;gap:2px;width:100%;height:8em;display:flex}:where([data-slide]) [data-strip]>*{flex:1;min-width:0}:where([data-slide]) [data-strip][data-tall]{height:13em}:where([data-slide]) [data-strip][data-flush]{gap:0}:where([data-slide]) [data-pair]{gap:var(--space-m);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=56em){:where([data-slide]) [data-pair]{grid-template-columns:minmax(0,1fr)}}:where([data-slide]) [data-qr] svg{width:100%;height:auto;display:block}:where([data-slide]) .qr-light{fill:var(--white)}:where([data-slide]) .qr-dark{stroke:var(--black)}:where([data-slide]) [data-wheel] svg{width:100%;height:auto;display:block;overflow:visible}:where([data-slide]) .wheel-ring{fill:none;stroke:var(--onBg);stroke-width:.6px}:where([data-slide]) .wheel-dot{stroke:var(--bg);stroke-width:1.2px}:where([data-slide]) .wheel-hollow{fill:var(--bg);stroke:var(--hairline);stroke-width:.8px}[data-slide] .slide-error{left:var(--pad);right:var(--pad);bottom:var(--pad);padding:var(--space-2xs) var(--space-xs);border-left:2px solid var(--highlight);background:var(--bg);color:var(--highlight);font-family:var(--font-mono);white-space:pre-wrap;font-size:.8rem;position:absolute}.steps{left:clamp(1rem,2.5vmin,2rem);bottom:calc(clamp(1rem, 2.5vmin, 2rem) + var(--editor-height));z-index:10;gap:.25em;font-size:.8rem;display:flex;position:fixed}.steps__button{width:2.4em;height:2.4em;color:var(--muted);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.steps,.chrome,.progress{transition:bottom .22s var(--ease)}.steps__button:hover:not(:disabled){color:var(--highlight);border-color:var(--hairline)}.steps__button:disabled{color:var(--faint);cursor:default}.steps__button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.4em;height:1.4em}.chrome{right:clamp(1rem,2.5vmin,2rem);bottom:calc(clamp(1rem, 2.5vmin, 2rem) + var(--editor-height));z-index:10;font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:1em;font-size:.8rem;display:flex;position:fixed}.chrome__count{letter-spacing:.08em;margin:0}.chrome__slash{color:var(--faint);margin:0 .3em}.chrome__pen{width:2.2em;height:2.2em;color:var(--muted);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}:where([data-slide]) [data-notes]{font-size:var(--step--1)}:root[data-notes-away] [data-slide] [data-notes]{display:none!important}.offer{left:50%;bottom:calc(clamp(1rem, 2.5vmin, 2rem) + var(--editor-height));z-index:10;background:var(--onBg);color:var(--bg);border-radius:2em;padding:.5em 1.2em;font-size:.9rem;text-decoration:none;position:fixed;transform:translate(-50%)}.offer:before{content:"↗ ";color:var(--highlight)}.chrome__pen[data-beam=ready]{color:var(--onBg)}.chrome__pen[data-beam=live]{color:var(--highlight)}.chrome__pen[data-beam=error]{color:var(--faint)}.beam{right:clamp(1rem,2.5vmin,2rem);bottom:calc(clamp(1rem, 2.5vmin, 2rem) + 2.8rem + var(--editor-height));z-index:10;border:2px solid var(--onBg);background:var(--bg);color:var(--muted);gap:.4rem;padding:1rem 1.2rem;font-size:.8rem;display:grid;position:fixed}.beam__token{color:var(--onBg);font-family:var(--font-mono);letter-spacing:.08em;text-align:left;cursor:pointer;background:0 0;border:0;padding:.2em 0;font-size:1.8rem}.beam__token:disabled{color:var(--muted);cursor:default}.beam__token:not(:disabled):hover{color:var(--highlight)}.beam__status{margin:0}.beam__status:empty{display:none}.peek{right:clamp(1rem,2.5vmin,2rem);bottom:calc(clamp(1rem, 2.5vmin, 2rem) + 2.8rem + var(--editor-height));z-index:10;border:2px solid var(--onBg);background:var(--bg);opacity:0;pointer-events:none;width:20rem;height:14rem;transition:transform .25s var(--ease), opacity .25s var(--ease);padding:.4rem;position:fixed;transform:translateY(.6rem)}.peek[data-open]{opacity:1;transform:none}.peek__body{width:100%;height:100%;position:relative}.peek__body canvas{display:block}:root[data-spotlight] :where(.chrome__pen,.chrome__count,.steps button){color:var(--onBg)}.chrome__pen:hover,.chrome__pen[aria-pressed=true]{color:var(--bg);background:var(--onBg)}.chrome__pen svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.3em;height:1.3em}.progress{inset:auto 0 var(--editor-height) 0;z-index:10;background:var(--faint);height:2px;position:fixed}.progress__bar{background:var(--highlight);width:0;height:100%;transition:width .3s var(--ease)}.editor{z-index:20;height:var(--editor-size);background:var(--bg);border-top:1px solid var(--hairline);box-shadow:0 -1.5rem 3rem -1rem color-mix(in oklab, var(--black) 18%, transparent);animation:editor-in .22s var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:auto 0 0}@keyframes editor-in{0%{transform:translateY(100%)}}.editor__bar,.editor__hint{color:var(--muted);align-items:center;gap:1em;padding:.6rem clamp(1rem,2.5vmin,2rem);font-size:.75rem;display:flex}.editor__bar{border-bottom:1px solid var(--faint)}.editor__hint{border-top:1px solid var(--faint)}.editor__file{font-family:var(--font-mono);color:var(--onBg);margin:0}.editor__status{font-variant-numeric:tabular-nums;margin:0 0 0 auto}.editor__status[data-state=error]{color:var(--highlight)}.editor__close{border:1px solid var(--hairline);color:var(--muted);font:inherit;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:2px;padding:.1em .5em}.editor__close:hover{color:var(--highlight);border-color:var(--highlight)}.editor__body{min-height:0;overflow:hidden}.inspector{grid-template-rows:auto minmax(0,1fr)}.inspector__model{align-items:center;gap:.4em;display:flex}.inspector__model select{appearance:none;border:0;border-bottom:1px solid var(--highlight);color:var(--highlight);font:inherit;font-family:var(--font-mono);cursor:pointer;background:0 0;padding:0 .2em}.inspector__tabs{gap:.25em;display:flex}.inspector__tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2em;padding:.15em .6em}.inspector__tabs button:hover{color:var(--onBg)}.inspector__tabs button[aria-selected=true]{color:var(--bg);background:var(--onBg)}.inspector__slice{align-items:center;gap:.5em;display:flex}.inspector__slice input{width:9em;accent-color:var(--highlight)}.inspector__body{min-height:0;position:relative;overflow:hidden}.inspector__dist{box-sizing:border-box;place-items:center;padding:.5rem;display:grid}.inspector__dist canvas,.inspector__body canvas{display:block}.inspector__axis{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;pointer-events:none;margin:0;font-size:.7rem;position:absolute;top:0;left:0}.inspector__empty{color:var(--muted);pointer-events:none;place-items:center;margin:0;font-size:.85rem;display:grid;position:absolute;inset:0}kbd{font-family:var(--font-mono);color:var(--onBg);font-size:.9em}.help{z-index:30;background:color-mix(in oklab, var(--bg) 92%, transparent);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.help__list{grid-template-columns:auto auto;align-items:baseline;gap:.6em 2em;margin:0;font-size:.95rem;display:grid}.help__list dt{justify-self:end;gap:.4em;display:flex}.help__list dd{color:var(--muted);margin:0}.help__list kbd{border:1px solid var(--hairline);border-radius:3px;padding:.05em .4em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.notes{box-sizing:border-box;grid-template-rows:auto 1fr auto;gap:clamp(.75rem,2vmin,1.5rem);height:100vh;padding:clamp(1rem,3vmin,2.5rem);display:grid}.notes__head,.notes__foot{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.5em 1.5em;font-size:clamp(1rem,1.2vw + .6rem,1.5rem);display:flex}.notes__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em}.notes__title{font-family:var(--font-display);color:var(--onBg);font-weight:400}.notes__body{max-width:34em;font-size:clamp(1.4rem,1.6vw + 1rem,2.6rem);line-height:1.45;overflow:auto}.notes__body p{margin:0 0 .6em}.notes__body mark{color:var(--highlight);background:0 0}.notes__body code{font-family:var(--font-mono);font-size:.85em}.notes__body a{color:inherit}.notes__empty{color:var(--faint)}.notes__waiting{color:var(--muted)}.notes__timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--onBg);font-size:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.notes__nav{gap:.25em;display:flex}.notes__nav button{border:1px solid var(--hairline);width:2.4em;height:2.4em;color:var(--onBg);font:inherit;cursor:pointer;background:0 0;border-radius:50%}.notes__nav button:hover{color:var(--bg);background:var(--onBg)}