:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e3f1fb;--paper-2:#d4e6f3;--card:#fafdff;--ink:#141822;--ink-soft:#484d58;--line:#141822;--shadow-c:#141822;--link:#313da8;--code-bg:#141822;--footer-bg:#141822;--footer-text:#e3f1fb}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1522;--paper-2:#111a27;--card:#172131;--ink:#ebeff4;--ink-soft:#b4bac6;--link:#a3b2fe;--line:#ebeff4;--shadow-c:#a3b2fe;--code-bg:#0a0d12;--footer-bg:#0a0d12}:root{--pink:#f7c4d2;--sky:#b8ddf9;--green:#c3eac9;--aqua:#cbe7ef;--butter:#faea89;--gold:#f4ca84;--on-pastel:#141822;--on-pastel-soft:#373d4b;--white:#fff;--bw:3px;--r:8px;--r-sm:6px;--sh:6px;--measure:66ch;--page:84rem;--header-h:calc(82px + env(safe-area-inset-top,0px));--ease:cubic-bezier(.16, 1, .3, 1);--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1)}@font-face{font-family:Bricolage Grotesque;src:url(/assets/bricolage-grotesque-eT80pJtz.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/assets/newsreader-italic-DXr8_pog.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/ibm-plex-sans-D83YgAD8.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/ibm-plex-sans-italic-CydtcWIt.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-D7mO3lzg.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--f-display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--f-serif:"Newsreader", Georgia, serif;--f-body:"IBM Plex Sans", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--sb-canvas:var(--card);--sb-grid-dot:color-mix(in srgb, var(--ink) 12%, transparent);--sb-grid-dot-major:color-mix(in srgb, var(--ink) 22%, transparent);--sb-select:var(--link);--sb-select-fill:color-mix(in srgb, var(--link) 14%, transparent);--sb-handle:10px;--sb-handle-hit:24px;--sb-guide:#e01f7d;--sb-laser:#d63c22;--sb-bw-thin:2px;--sb-bw-bold:5px;--sb-sh-sm:3px;--sb-sh-lg:10px}.pastel-pink{--fill:var(--pink)}.pastel-sky{--fill:var(--sky)}.pastel-green{--fill:var(--green)}.pastel-aqua{--fill:var(--aqua)}.pastel-butter{--fill:var(--butter)}.pastel-gold{--fill:var(--gold)}.fill{background:var(--fill);color:var(--on-pastel)}.box{border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--sh) var(--sh) 0 var(--shadow-c)}.fill.box{border-color:var(--on-pastel)}.press{transition:translate .18s var(--ease), box-shadow .18s var(--ease)}.press:hover{box-shadow:calc(var(--press-sh,var(--sh)) + 3px) calc(var(--press-sh,var(--sh)) + 3px) 0 var(--press-c,var(--shadow-c));translate:-3px -3px}.press:active{box-shadow:calc(var(--press-sh,var(--sh)) - 3px) calc(var(--press-sh,var(--sh)) - 3px) 0 var(--press-c,var(--shadow-c));transition-duration:60ms;translate:3px 3px}.chip{border:2.5px solid var(--line);border-radius:var(--r-sm);font:700 .75rem / 1 var(--f-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.4rem;padding:.4rem .65rem;text-decoration:none;display:inline-flex}.fill .chip{border-color:var(--on-pastel);color:var(--on-pastel)}.chip--solid{background:var(--white)}a.chip{transition:background-color .15s,border-color .15s,color .15s}a.chip:hover{background:var(--butter);border-color:var(--on-pastel);color:var(--on-pastel)}@media (pointer:coarse),(max-width:820px){a.chip{min-height:44px}}main,.site-footer{counter-reset:field}dialog{counter-reset:sheet}.kicker{--field-cell:2.6em;background:linear-gradient(currentColor, currentColor) no-repeat var(--field-cell) 0 / 2.5px 100%;width:-moz-fit-content;width:fit-content;font:700 .8125rem / 1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;counter-increment:field;border:2.5px solid;border-radius:4px;align-items:center;gap:.6em;padding-inline-end:.6em;display:inline-flex}dialog .kicker{counter-increment:sheet}.kicker:before{content:counter(field, decimal-leading-zero);box-sizing:border-box;width:var(--field-cell);background:var(--fill,var(--butter));color:var(--on-pastel);text-align:center;text-indent:.06em;border-radius:1.5px 0 0 1.5px;flex:none;padding-block:.4em}dialog .kicker:before{content:counter(sheet, decimal-leading-zero)}@supports (content:"" / ""){.kicker:before{content:counter(field, decimal-leading-zero) / ""}dialog .kicker:before{content:counter(sheet, decimal-leading-zero) / ""}}.hl{background:linear-gradient(var(--butter), var(--butter)) no-repeat 0 88% / 100% 42%;color:inherit;padding-inline:.05em}:root:not([data-theme=light]) .hl{background-image:linear-gradient(color-mix(in srgb, var(--butter) 45%, transparent), color-mix(in srgb, var(--butter) 45%, transparent))}.btn{border:var(--bw) solid var(--line);border-radius:var(--r-sm);background:var(--card);min-height:44px;color:var(--ink);font:700 .95rem / 1 var(--f-body);cursor:pointer;box-shadow:4px 4px 0 var(--shadow-c);--press-sh:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.1rem;text-decoration:none;display:inline-flex}.btn.fill{border-color:var(--on-pastel);background:var(--fill);color:var(--on-pastel)}.btn--sm{border-radius:var(--r-sm);box-shadow:3px 3px 0 var(--shadow-c);--press-sh:3px;border-width:2.5px;padding:.5rem .75rem;font-size:.85rem}.icon-btn{width:44px;height:44px;padding:0}.kbd{border:2px solid var(--line);background:var(--card);min-width:1.6em;color:var(--ink);font:700 .8em / 1.4 var(--f-mono);text-align:center;white-space:nowrap;border-bottom-width:4px;border-radius:6px;padding:.1em .4em;display:inline-block}.chip.fill{border-color:var(--on-pastel);color:var(--on-pastel)}.pattern-stripes,.pattern-grid,.pattern-dots{--pattern-ink:color-mix(in srgb, var(--on-pastel) 88%, transparent)}.pattern-stripes{background-image:repeating-linear-gradient(-45deg, var(--pattern-ink) 0 3px, transparent 3px 16px)}.pattern-grid{background-image:linear-gradient(var(--pattern-ink) 2px, transparent 2px), linear-gradient(90deg, var(--pattern-ink) 2px, transparent 2px);background-size:26px 26px}.pattern-dots{background-image:radial-gradient(var(--pattern-ink) 3px, transparent 3.5px);background-size:20px 20px}.sticky-note{border:var(--bw) solid var(--on-pastel);box-shadow:var(--sh) var(--sh) 0 var(--shadow-c);background:var(--fill,var(--butter));color:var(--on-pastel);border-radius:4px 4px 4px 12px;padding:2rem 1.4rem 1.4rem;position:relative}.sticky-note:before{content:"";border:2px solid color-mix(in srgb, var(--on-pastel) 25%, transparent);background:color-mix(in srgb, var(--white) 55%, transparent);width:90px;height:26px;position:absolute;top:-14px;left:50%;translate:-50%;rotate:-3deg}.page-title{font:800 clamp(2.8rem, 1.6rem + 5vw, 5.4rem) / .93 var(--f-display);font-variation-settings:"wdth" 88;letter-spacing:-.045em;overflow-wrap:break-word}.section{padding-top:clamp(3.5rem,6vw,5rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:2.5rem;display:flex}.section-head>p{max-width:40ch;color:var(--ink-soft)}.section-title{font:800 clamp(2.4rem, 1.4rem + 4vw, 5rem) / .95 var(--f-display);font-variation-settings:"wdth" 90;letter-spacing:-.04em;margin-top:.8rem}.section-title em,.page-title em{font:italic 500 .85em / 1 var(--f-serif);letter-spacing:-.02em}@media (prefers-reduced-motion:reduce){.press{transition:none}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{overscroll-behavior:none;background:var(--sb-canvas);color:var(--ink);font:400 1rem / 1.5 var(--f-body);overflow:hidden}#app{height:100%}:focus-visible{outline:3px solid var(--link);outline-offset:3px}.fill :focus-visible{outline-color:var(--on-pastel)}.sb-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sb-app{position:fixed;inset:0;overflow:hidden}.sb-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.sb-stage:focus-visible{outline-offset:-3px}.sb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sb-slot{--sb-inset:14px;pointer-events:none;gap:.75rem;display:flex;position:absolute}.sb-slot>*{pointer-events:auto}.sb-slot--top-left{top:calc(var(--sb-inset) + env(safe-area-inset-top,0px));left:calc(var(--sb-inset) + env(safe-area-inset-left,0px));align-items:center}.sb-slot--top-centre{top:calc(var(--sb-inset) + env(safe-area-inset-top,0px));left:50%;translate:-50%}.sb-slot--top-right{top:calc(var(--sb-inset) + env(safe-area-inset-top,0px));right:calc(var(--sb-inset) + env(safe-area-inset-right,0px));align-items:center}.sb-slot--left-panel{top:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-top,0px));left:calc(var(--sb-inset) + env(safe-area-inset-left,0px));flex-direction:column}.sb-slot--bottom-left{bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));left:calc(var(--sb-inset) + env(safe-area-inset-left,0px));align-items:flex-end}.sb-slot--bottom-right{bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));right:calc(var(--sb-inset) + env(safe-area-inset-right,0px));align-items:flex-end}.sb-slot--overlay,.sb-slot--dialogs{display:block;inset:0}@media (max-width:820px){.sb-slot--top-centre{top:auto;bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));left:var(--sb-inset);right:var(--sb-inset);overflow-x:auto;translate:none}.sb-slot--bottom-left,.sb-slot--bottom-right{bottom:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-bottom,0px))}}.sb-io-toast{bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));width:max-content;max-width:min(36rem, calc(100% - 2 * var(--sb-inset)));font:600 .95rem / 1.4 var(--f-body);align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:absolute;left:50%;translate:-50%}.sb-io-toast__message{margin:0}.sb-io-toast .icon-btn{flex:none;font-size:1.25rem;line-height:1}@media (prefers-reduced-motion:no-preference){.sb-io-toast{transition:opacity .2s var(--ease), translate .2s var(--ease)}@starting-style{.sb-io-toast{opacity:0;translate:-50% 12px}}}@media (max-width:820px){.sb-io-toast{bottom:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-bottom,0px))}}.sb-arrow-label-editor{left:var(--sb-arrow-label-x,50%);top:var(--sb-arrow-label-y,50%);border:var(--sb-bw-thin) solid var(--sb-select);background:var(--sb-canvas);min-width:8ch;max-width:min(40ch,90vw);min-height:44px;color:var(--ink);font:500 var(--sb-arrow-label-size,18px) / 1.4 var(--f-body);text-align:center;border-radius:0;padding:.25rem .5rem;position:absolute;translate:-50% -50%}.sb-tray{bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));width:min(40rem, 100% - var(--sb-inset) * 2);background:var(--card);max-height:42vh;color:var(--ink);padding:.75rem 1rem 1rem;position:absolute;left:50%;overflow-y:auto;translate:-50%}.sb-tray__filter{box-sizing:border-box;border:var(--bw) solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;color:var(--ink);font:500 .9375rem / 1.3 var(--f-body);margin-bottom:.75rem;padding:.5rem .75rem}.sb-tray__empty{color:var(--ink-soft);margin:0}.sb-tray__group+.sb-tray__group{margin-top:.75rem}.sb-tray__heading{font:700 .8125rem / 1.2 var(--f-body);margin:0 0 .5rem}.sb-tray__grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.75rem;display:grid}.sb-tray__tile{--press-sh:3px;border:var(--bw) solid var(--line);border-radius:var(--r-sm);min-height:4.5rem;box-shadow:var(--press-sh) var(--press-sh) 0 var(--shadow-c);background:var(--card);cursor:grab;touch-action:none;place-items:center;padding:.5rem;display:grid}.sb-tray__tile[aria-pressed=true]{background:var(--butter)}.sb-tray__tile img{object-fit:contain;pointer-events:none;width:100%;max-width:3.5rem;max-height:3.5rem}.sb-notices{bottom:calc(var(--sb-inset) + env(safe-area-inset-bottom,0px));z-index:1;width:min(32rem, 100% - var(--sb-inset) * 2);flex-direction:column;gap:.5rem;display:flex;position:absolute;left:50%;translate:-50%}.sb-notices:empty{pointer-events:none}.sb-notice{align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex}.sb-notice__text{flex:1;margin:0}@media (min-width:821px){.sb-tray{--sb-tray-start:calc(17rem + var(--sb-inset) * 2);bottom:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-bottom,0px));left:calc(var(--sb-tray-start) + (100% - var(--sb-tray-start)) / 2);width:min(40rem, 100% - var(--sb-tray-start) - var(--sb-inset))}}@media (max-width:820px){.sb-tray,.sb-notices{bottom:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.sb-tray__tile{transition:none}}.sb-book{width:min(34rem,100%);max-width:100%;height:100%;max-height:100%;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));border-radius:0 var(--r) var(--r) 0;background:var(--card);color:var(--ink);margin:0;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sb-book::backdrop{background:color-mix(in srgb, var(--ink) 30%, transparent)}@media (prefers-reduced-motion:no-preference){.sb-book[open]{transition:translate .2s var(--ease), opacity .2s var(--ease)}@starting-style{.sb-book[open]{opacity:0;translate:-2rem}}}.sb-book__head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.sb-book__title{font:800 1.5rem / 1.1 var(--f-display);flex:1;margin:0}.sb-book__head svg,.sb-receipt__chip svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.sb-book__error,.sb-book__status{margin:0 0 1rem}.sb-book__error{border:2.5px solid var(--on-pastel);border-radius:var(--r-sm);background:var(--pink);color:var(--on-pastel);padding:.6rem .8rem}.sb-book__grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sb-book__card{background:var(--card);flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.sb-book__card--open{outline:3px solid var(--sb-select);outline-offset:2px}.sb-book__thumb{aspect-ratio:3/2;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--sb-canvas);cursor:pointer;padding:0;display:block;overflow:hidden}.sb-book__thumb:disabled{cursor:default}.sb-book__thumb img,.sb-book__blank{object-fit:contain;width:100%;height:100%;display:block}.sb-book__meta{min-width:0}.sb-book__name{font:700 1rem / 1.3 var(--f-body);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sb-book__detail{font:400 .8rem / 1.3 var(--f-mono);margin:.2rem 0 0}.sb-book__row{flex-wrap:wrap;gap:.5rem;display:flex}.sb-book__rename{flex-direction:column;gap:.5rem;display:flex}.sb-book__input{border:2.5px solid var(--line);border-radius:var(--r-sm);background:var(--card);min-height:44px;color:var(--ink);font:400 1rem / 1.3 var(--f-body);padding:.4rem .6rem}.sb-book__confirm p{margin:0 0 .5rem;font-weight:700}@media (hover:hover){.sb-book__controls{opacity:0}.sb-book__card:hover .sb-book__controls,.sb-book__card:focus-within .sb-book__controls{opacity:1}}.sb-receipt-wrap{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.sb-receipt__chip{cursor:pointer}.sb-receipt{background:var(--card);width:min(22rem,100vw - 2rem);max-height:70vh;color:var(--ink);padding:1rem;overflow-y:auto}.sb-receipt .kicker{margin:0 0 .5rem}.sb-receipt__promise{margin:0 0 .75rem;font-size:.9rem}.sb-receipt__slip{border-block:2px dashed color-mix(in srgb, var(--ink) 45%, transparent);font:700 .75rem / 1.3 var(--f-mono);letter-spacing:.03em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:0 0 .75rem;padding-block:.5rem}.sb-receipt__slip>div{align-items:baseline;gap:.5rem;padding-block:.3rem;display:flex}.sb-receipt__slip dt{flex:1 0 auto;align-items:baseline;gap:.5rem;display:flex}.sb-receipt__slip dt:after{content:"";border-bottom:2px dotted color-mix(in srgb, var(--ink) 40%, transparent);flex:1;min-width:1rem}.sb-receipt__slip dd{border:2px solid var(--on-pastel);background:var(--fill);color:var(--on-pastel);text-align:right;overflow-wrap:anywhere;--fill:var(--sky);border-radius:6px;flex:0 auto;margin:0;padding:.2rem .45rem}.sb-receipt__slip>div:nth-child(2) dd{--fill:var(--aqua)}.sb-receipt__slip>div:nth-child(3) dd{--fill:var(--butter)}.sb-receipt__slip>div:nth-child(4) dd{--fill:var(--pink)}.sb-receipt__slip>div:nth-child(5) dd{--fill:var(--green)}.sb-receipt__slip>div.sb-receipt__risk dd{--fill:var(--gold)}.sb-receipt__warn{border:2.5px solid var(--on-pastel);border-radius:var(--r-sm);margin:0 0 .75rem;padding:.6rem .8rem;font-size:.9rem}@media (pointer:coarse){.sb-receipt__chip,.sb-book__thumb{min-height:44px}}@media (max-width:820px){.sb-book{border-radius:0;width:100%}.sb-receipt__chip{justify-content:center;min-width:44px;min-height:44px}.sb-receipt__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.sb-banners{top:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-top,0px));width:min(36rem, 100% - var(--sb-inset) * 2);flex-direction:column;gap:.75rem;display:flex;position:absolute;left:50%;translate:-50%}@media (min-width:821px){.sb-banners{--sb-banner-start:calc(17rem + var(--sb-inset) * 2);left:calc(var(--sb-banner-start) + (100% - var(--sb-banner-start)) / 2);width:min(36rem, 100% - var(--sb-banner-start) - var(--sb-inset))}}.sb-banner{padding:.75rem 1rem}.sb-banner__text{font:600 .95rem / 1.35 var(--f-body);margin:0 0 .6rem}.sb-banner__actions{flex-wrap:wrap;gap:.5rem;display:flex}.sb-palette{background:var(--paper);width:min(42rem,100% - 2rem);max-width:none;max-height:min(38rem,100dvh - 3rem);color:var(--ink);box-shadow:10px 10px 0 var(--shadow-c);margin:clamp(1rem,9vh,6rem) auto auto;padding:0;overflow:hidden}.sb-palette[open]{flex-direction:column;display:flex}.sb-palette::backdrop{background:#0a0d12b8}.sb-help::backdrop{background:#0a0d12b8}.sb-palette__bar{border-bottom:var(--bw) solid var(--on-pastel);flex:none;align-items:center;gap:.75rem;padding:.7rem .7rem .7rem 1.1rem;display:flex}.sb-palette__bar :focus-visible{outline-color:var(--on-pastel)}.sb-palette__icon{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;flex:none;width:26px;height:26px}.sb-palette__input{min-width:0;color:var(--on-pastel);font:800 clamp(1.35rem, 1rem + 1.5vw, 1.9rem) / 1.15 var(--f-display);font-variation-settings:"wdth" 90;letter-spacing:-.03em;background:0 0;border:0;border-radius:4px;flex:1;padding:.3rem .2rem}.sb-palette__input::placeholder{color:var(--on-pastel-soft);opacity:1}.sb-palette__close{border:2.5px solid var(--on-pastel);border-radius:var(--r-sm);background:var(--white);min-width:44px;min-height:44px;color:var(--on-pastel);font:700 .75rem / 1 var(--f-mono);text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--on-pastel);flex:none;padding:0 .7rem}.sb-palette__body{flex-direction:column;flex:auto;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow:hidden}.sb-palette__status{color:var(--ink-soft);font:700 .75rem / 1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.sb-palette__results{overscroll-behavior:contain;gap:1rem;min-height:0;display:grid;overflow-y:auto}.sb-palette__group{border:0;gap:.4rem;min-inline-size:0;margin:0;padding:0;display:grid}.sb-palette__heading{color:var(--ink-soft);font:700 .7rem / 1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem;padding:0}.sb-palette__option{border:2.5px solid var(--line);border-radius:var(--r-sm);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding:.5rem .85rem;display:flex}.sb-palette__option[aria-selected=true]{border-color:var(--on-pastel);background:var(--butter);color:var(--on-pastel);box-shadow:4px 4px 0 var(--shadow-c)}.sb-palette__option[aria-disabled=true]{color:var(--ink-soft);cursor:not-allowed;border-style:dashed}.sb-palette__option[aria-disabled=true][aria-selected=true]{color:var(--on-pastel-soft)}.sb-palette__label{min-width:0;font:700 1rem / 1.3 var(--f-body);flex:1}.sb-palette__note{font:700 .7rem / 1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase}.sb-palette__keys{flex-wrap:wrap;gap:.4rem;display:inline-flex}.sb-keys{gap:.2rem;display:inline-flex}.sb-palette__hints{border-top:2.5px solid var(--line);color:var(--ink-soft);font:700 .7rem / 1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;flex:none;gap:.4rem 1.25rem;margin:0;padding:.6rem 1rem;display:flex}.sb-palette__hints .kbd{color:var(--ink);font-size:.95em}.sb-palette__option[aria-selected=true] .kbd{border-color:var(--on-pastel);background:var(--white);color:var(--on-pastel)}.sb-help{overscroll-behavior:contain;background:var(--card);width:min(46rem,100% - 2rem);max-width:none;max-height:min(44rem,100dvh - 3rem);color:var(--ink);margin:clamp(1rem,6vh,4rem) auto auto;padding:0;overflow-y:auto}.sb-help[open]{flex-direction:column;display:flex}.sb-help__head{z-index:1;background:var(--card);border-bottom:2.5px solid var(--line);flex:none;align-items:center;gap:.75rem;padding:1rem 1rem 1rem 1.25rem;display:flex;position:sticky;top:0}.sb-help__head svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}.sb-help__title{font:800 1.5rem / 1.1 var(--f-display);flex:1;margin:0}.sb-help__body{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:1.5rem 2rem;padding:1.25rem;display:grid}.sb-help__section{align-content:start;gap:.75rem;display:grid}.sb-help__section .kicker{margin:0}.sb-help__list{margin:0;display:grid}.sb-help__row{border-bottom:2px dotted color-mix(in srgb, var(--line) 35%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem 1rem;padding:.45rem 0;display:flex}.sb-help__row dt{font-size:.95rem}.sb-help__row dd{flex-wrap:wrap;gap:.4rem;margin:0;display:flex}.sb-help__chord{align-items:center;gap:.4rem;display:inline-flex}.sb-help__or{color:var(--ink-soft);font:700 .7rem / 1 var(--f-mono);text-transform:uppercase}@media (prefers-reduced-motion:no-preference){.sb-palette[open],.sb-help[open]{transition:translate .2s var(--ease), opacity .2s var(--ease)}@starting-style{.sb-palette[open],.sb-help[open]{opacity:0;translate:0 -.75rem}}}@media (pointer:coarse){.sb-palette__hints{display:none}}.sb-dock__tool,.sb-cluster__btn{--press-sh:0px;border-radius:var(--r-sm);box-shadow:none;border-width:2px;border-color:#0000}.sb-dock__tool:hover,.sb-cluster__btn:hover:not(:disabled){border-color:var(--line)}.sb-dock__tool.press:active,.sb-cluster__btn.press:active{box-shadow:none}.sb-dock__icon,.sb-cluster__icon,.sb-menu__icon,.sb-theme__icon{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none}.sb-dock{background:var(--card);flex:none;justify-content:center;align-items:center;gap:3px;max-width:100%;margin-inline:auto;padding:5px;display:flex}.sb-dock__divider,.sb-cluster__divider{background:color-mix(in srgb, var(--line) 30%, transparent);border-radius:1px;flex:none;align-self:stretch;width:2px;margin-inline:3px}.sb-dock__tool{flex:none;position:relative}.sb-dock__tool[aria-pressed=true],.sb-dock__tool--holding{border-color:var(--on-pastel);background:var(--butter);color:var(--on-pastel)}.sb-dock__tip{z-index:1;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:700 .75rem / 1 var(--f-body);white-space:nowrap;box-shadow:3px 3px 0 var(--shadow-c);opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex;position:absolute;top:calc(100% + 12px);left:50%;translate:-50%}.sb-dock--bottom .sb-dock__tip{display:none}@media (pointer:coarse){.sb-dock__tip{display:none}}.sb-dock__tool:hover .sb-dock__tip,.sb-dock__tool:focus-visible .sb-dock__tip{opacity:1;visibility:visible}.sb-dock--bottom{margin-block-end:var(--sh);margin-inline-end:var(--sh)}.sb-dock__more{background:var(--card);width:min(16rem,100vw - 16px);max-height:min(60dvh,26rem);color:var(--ink);margin:0;padding:.5rem;position:fixed;inset:auto 14px 90px auto;overflow-y:auto}.sb-dock__more-title{color:var(--ink-soft);font:700 .75rem / 1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin:.25rem .4rem .5rem}.sb-dock__more-list,.sb-menu__list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.sb-dock__more-item,.sb-menu__item{border-radius:var(--r-sm);width:100%;min-height:44px;color:inherit;font:700 .9rem / 1.2 var(--f-body);text-align:start;cursor:pointer;background:0 0;border:2.5px solid #0000;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.sb-dock__more-item:hover,.sb-menu__item:hover:not(:disabled){border-color:var(--line)}.sb-dock__more-item[aria-pressed=true]{border-color:var(--on-pastel);background:var(--butter);color:var(--on-pastel)}.sb-dock__more-label,.sb-menu__item>span{flex:1}.sb-menu__item:disabled{color:var(--ink-soft);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.sb-dock__more:popover-open{transition:translate .2s var(--ease), opacity .2s var(--ease)}@starting-style{.sb-dock__more:popover-open{opacity:0;translate:0 .75rem}}}.sb-bar{background:var(--card);align-items:center;gap:.4rem;min-width:0;padding:.35rem .4rem .35rem .5rem;display:flex;position:relative}.sb-bar__tile{border:var(--bw) solid var(--on-pastel);border-radius:var(--r-sm);background:var(--pink);width:40px;height:40px;color:var(--on-pastel);font:800 .9rem / 1 var(--f-display);letter-spacing:-.02em;cursor:pointer;flex:none;place-items:center;padding:0;display:grid;rotate:-6deg}.sb-bar__tile:hover{rotate:6deg}.sb-bar__title{border-radius:var(--r-sm);min-width:0;max-width:9rem;min-height:44px;color:var(--ink);font:800 1rem / 1.2 var(--f-display);letter-spacing:-.02em;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:2px dashed #0000;padding:.25rem .45rem;overflow:hidden}.sb-bar__title:hover:not(:disabled){border-color:var(--line)}@media (min-width:1440px){.sb-bar__title{max-width:14rem}}@media (min-width:821px) and (max-width:940px){.sb-bar__title{max-width:5rem}}.sb-bar__rename{min-width:0;display:flex}.sb-bar__input{border:2.5px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:14rem;max-width:100%;min-height:44px;color:var(--ink);font:800 1rem / 1.2 var(--f-display);letter-spacing:-.02em;padding:.25rem .45rem}.sb-bar__error{text-transform:none;margin:0;position:absolute;top:calc(100% + .6rem);left:0}.sb-menu{flex:none}.sb-menu__summary{box-shadow:none;--press-sh:0px;border-width:2px;list-style:none}.sb-menu__summary.press:active{box-shadow:none}.sb-menu__summary::-webkit-details-marker{display:none}.sb-menu[open] .sb-menu__summary{border-color:var(--on-pastel);background:var(--butter);color:var(--on-pastel)}.sb-menu__line{transform-box:view-box;transform-origin:12px 12px}.sb-menu[open] .sb-menu__line--top{transform:rotate(45deg)translateY(5px)}.sb-menu[open] .sb-menu__line--mid{opacity:0}.sb-menu[open] .sb-menu__line--end{transform:rotate(-45deg)translateY(-5px)scaleX(1.6)translate(3px)}.sb-menu__panel{z-index:2;background:var(--card);width:max(100%,18rem);max-width:calc(100vw - 28px);max-height:calc(100dvh - 7rem);color:var(--ink);gap:.75rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0;overflow-y:auto}.sb-menu__heading{color:var(--ink-soft);font:700 .75rem / 1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin:.2rem .65rem .35rem}.sb-menu__item .kbd{font-size:.72rem}.sb-cluster{background:var(--card);align-items:center;gap:3px;padding:5px;display:flex}.sb-cluster__percent{width:auto;min-width:4.2rem;font:700 .75rem / 1 var(--f-mono);font-variant-numeric:tabular-nums;padding-inline:.4rem}.sb-cluster__btn:disabled{color:color-mix(in srgb, var(--ink) 40%, transparent);cursor:not-allowed}.sb-cluster__btn.press:disabled:hover{box-shadow:none;translate:none}.sb-cluster__fold:not([hidden]){gap:3px;display:flex}@media (max-width:820px){.sb-cluster{position:relative}.sb-cluster__fold:not([hidden]){right:calc(-1 * var(--bw));background:var(--card);padding:5px;position:absolute;bottom:calc(100% + .6rem)}.sb-bar{max-width:calc(100vw - 88px)}.sb-bar__title{flex:1;max-width:none}.sb-bar__input{width:100%}}.sb-theme{background:var(--card)}@media (pointer:coarse){.sb-bar__tile{width:44px;height:44px}}@media (prefers-reduced-motion:no-preference){.sb-bar__tile{transition:rotate .4s var(--spring)}.sb-menu__line{transition:transform .22s var(--ease), opacity .12s}.sb-dock__tip{transition:opacity .12s var(--ease), visibility .12s}}html.sb-vt-theme::view-transition-old(root){animation:none}html.sb-vt-theme::view-transition-new(root){animation:sb-theme-reveal .7s var(--ease);mix-blend-mode:normal}@keyframes sb-theme-reveal{0%{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(var(--vt-r) at var(--vt-x) var(--vt-y))}}.sb-slot--left-panel{bottom:calc(var(--sb-inset) * 2 + 56px + env(safe-area-inset-bottom,0px));align-items:flex-start}.sb-panel{background:var(--card);width:17rem;min-height:0;color:var(--ink);flex-direction:column;flex:0 auto;display:flex}.sb-panel__title{font:inherit;margin:0}.sb-panel__toggle,.sb-panel__static-title{width:100%;font:700 .75rem / 1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);align-items:baseline;gap:.5rem;padding:.7rem .85rem;display:flex}.sb-panel__toggle{border-radius:calc(var(--r) - var(--bw));text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px}.sb-panel__detail{color:var(--ink-soft);letter-spacing:.02em;text-transform:none;margin-inline-start:auto}.sb-panel__chevron{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.sb-panel__toggle[aria-expanded=true] .sb-panel__chevron{rotate:180deg}.sb-panel:not(.sb-panel--collapsible) .sb-panel__toggle,.sb-panel--collapsible .sb-panel__static-title{display:none}.sb-panel__body{--sb-panel-pad:.85rem;min-height:0;padding:0 var(--sb-panel-pad) var(--sb-panel-pad);overscroll-behavior:contain;gap:.75rem;display:grid;overflow-y:auto}.sb-panel__more{visibility:hidden;pointer-events:none;height:0;position:sticky;bottom:0}.sb-panel__body[data-more=true] .sb-panel__more{visibility:visible}.sb-panel__more-band{inset-inline:calc(var(--sb-panel-pad) * -1);bottom:calc(var(--sb-panel-pad) * -1);padding-block:.5rem var(--sb-panel-pad);border-top:2px dashed color-mix(in srgb, var(--line) 35%, transparent);background:var(--card);justify-content:center;display:flex;position:absolute}.sb-panel--collapsible{flex-shrink:0;max-height:40%}.sb-panel--collapsible .sb-panel__body[data-open=false],.sb-panel__sheet-head{display:none}.sb-panel__row{gap:.4rem;display:grid}.sb-panel__fieldset>legend{margin-bottom:.4rem}.sb-panel__fieldset{border:0;min-width:0;margin:0;padding:0}.sb-panel__label{font:700 .66rem / 1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:0}.sb-panel__label--split{justify-content:space-between;display:flex}.sb-panel__mixed,.sb-panel__value{text-transform:none;letter-spacing:.02em}.sb-panel__group{border-top:2px dashed color-mix(in srgb, var(--line) 35%, transparent);gap:.75rem;padding-top:.75rem;display:grid}.sb-panel__subhead{font:700 .75rem / 1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin:0}.sb-panel__hint{font:400 .8rem / 1.4 var(--f-body);color:var(--ink-soft);margin:0}.sb-swatches{margin:-6px;padding:6px}.sb-swatches,.sb-opts{flex-wrap:wrap;gap:.4rem;display:flex}.sb-swatch{border:2.5px solid var(--on-pastel);border-radius:var(--r-sm);cursor:pointer;flex:none;width:28px;height:28px;padding:0;display:inline-block;position:relative}.sb-swatch--paper{border-color:var(--line);background:var(--card)}.sb-swatch--ink{border-color:var(--line);background:var(--line)}.sb-swatch--none{border-color:var(--line);background:linear-gradient(to top right, transparent calc(50% - 1.5px), var(--ink-soft) calc(50% - 1.5px) calc(50% + 1.5px), transparent calc(50% + 1.5px)) var(--card)}.sb-swatch:has(:checked):after{content:"";border:2.5px solid var(--sb-select);border-radius:calc(var(--r-sm) + 3px);position:absolute;inset:-6px}.sb-opt{border:2px solid var(--line);background:var(--card);min-height:28px;color:var(--ink);font:700 .68rem / 1 var(--f-mono);letter-spacing:.02em;cursor:pointer;border-radius:5px;align-items:center;padding:.32rem .55rem;display:inline-flex;position:relative}.sb-opt:has(:checked){border-color:var(--on-pastel);background:var(--butter);color:var(--on-pastel)}.sb-opt:disabled{color:var(--ink-soft);cursor:not-allowed;border-style:dashed}:is(.sb-opt:has(:focus-visible),.sb-swatch:has(:focus-visible)){outline:3px solid var(--link);outline-offset:3px}.sb-switch{min-height:28px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0;display:flex}.sb-switch__track{border:2px solid var(--line);background:var(--card);border-radius:999px;flex:none;width:34px;height:20px;position:relative}.sb-switch__track:after{content:"";background:var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:1px;left:1px}.sb-switch[aria-pressed=true] .sb-switch__track{border-color:var(--on-pastel);background:var(--aqua)}.sb-switch[aria-pressed=true] .sb-switch__track:after{background:var(--on-pastel);translate:14px}.sb-switch[aria-pressed=mixed] .sb-switch__track:after{background:var(--ink-soft);translate:7px}.sb-slider{width:100%;min-height:28px;accent-color:var(--link);margin:0}.sb-pickers{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.sb-picker{gap:.25rem;display:grid}.sb-select{border:2px solid var(--line);background:var(--card);min-height:32px;color:var(--ink);font:400 .8rem / 1.2 var(--f-body);border-radius:5px;padding:.25rem .4rem}.sb-outline{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-outline__row{min-height:32px;font:400 .85rem / 1.3 var(--f-body);cursor:pointer;border:2px solid #0000;border-radius:5px;align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.sb-outline__row:hover{border-color:color-mix(in srgb, var(--line) 35%, transparent)}.sb-outline__row[aria-selected=true]{border-color:var(--sb-select);background:var(--sb-select-fill)}.sb-outline__row:focus-visible{outline-offset:0}.sb-outline__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-outline__tag{border:1.5px solid var(--line);font:700 .6rem / 1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;flex:none;padding:.15rem .3rem}@media (pointer:coarse){.sb-swatch,.sb-opt,.sb-switch,.sb-slider,.sb-select,.sb-outline__row{min-height:44px}.sb-swatch{min-width:44px}}@media (max-width:820px){.sb-slot--left-panel{flex-direction:row;gap:.5rem;bottom:auto}.sb-panel{width:auto}.sb-panel:not(.sb-panel--collapsible) .sb-panel__toggle{display:flex}.sb-panel__static-title,.sb-panel__detail,.sb-panel__body[data-open=false]{display:none}.sb-panel__body[data-open=true]{--sb-panel-pad:1rem;z-index:20;max-height:min(70dvh,32rem);padding:0 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:var(--bw) solid var(--line);border-radius:var(--r) var(--r) 0 0;background:var(--card);box-shadow:0 calc(var(--sh) * -1) 0 var(--shadow-c);position:fixed;inset:auto 0 0}.sb-panel__sheet-head{background:var(--card);justify-content:space-between;align-items:center;padding-block:.75rem .25rem;display:flex;position:sticky;top:0}.sb-panel__sheet-title{font:700 .8rem / 1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}.sb-panel__close{min-height:44px}}@media (prefers-reduced-motion:no-preference){.sb-panel__chevron{transition:rotate .2s var(--ease)}.sb-switch__track:after{transition:translate .15s var(--ease)}@media (max-width:820px){.sb-panel__body[data-open=true]{transition:translate .2s var(--ease), opacity .2s var(--ease)}@starting-style{.sb-panel__body[data-open=true]{opacity:0;translate:0 24px}}}}.sb-text-editor{left:var(--sb-te-left);top:var(--sb-te-top);width:var(--sb-te-width);height:var(--sb-te-height);padding:var(--sb-te-pad-top) 0 0;color:var(--sb-te-colour);caret-color:currentColor;font-family:var(--sb-te-family);font-size:var(--sb-te-size);font-style:var(--sb-te-style);font-weight:var(--sb-te-weight);line-height:var(--sb-te-line);text-align:var(--sb-te-align);white-space:pre-wrap;overflow-wrap:break-word;resize:none;rotate:var(--sb-te-rotate);transform-origin:var(--sb-te-origin);background:0 0;border:0;border-radius:0;margin:0;position:absolute;overflow:hidden}.sb-text-editor--scroll{overflow-y:auto}.sb-update{top:calc(var(--sb-inset) * 2 + 64px + env(safe-area-inset-top,0px));width:max-content;max-width:min(36rem, calc(100% - 2 * var(--sb-inset)));font:600 .95rem / 1.4 var(--f-body);align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:absolute;left:50%;translate:-50%}.sb-update__message{flex:auto;min-width:0;margin:0 .25rem 0 0}.sb-update .btn{flex:none}.sb-update .icon-btn{font-size:1.25rem;line-height:1}@media (pointer:coarse){.sb-update .btn{min-height:44px}}@media (prefers-reduced-motion:no-preference){.sb-update{transition:opacity .2s var(--ease), translate .2s var(--ease)}@starting-style{.sb-update{opacity:0;translate:-50% -12px}}}