.bnl{--paper:#fdfdfc;--desk:#efefee;--card:#f6f6f5;--ink:#1b1b1a;--text:#2c2c2b;--mute:#5a5a58;--faint:#9b9b98;--line:#e1e1df;--accent:#2747c9;--band:#f1f1ef;--highlight:color-mix(in srgb, var(--accent) 16%, transparent);--device:#1b1b1a;--rim:#ffffff1f;--glow:transparent;--shadow:0 30px 60px -30px #2e2e2c59, 0 12px 24px -16px #2e2e2c40;--sans:"Avenir Next", "Avenir", var(--font-nunito), system-ui, sans-serif;--mono:var(--font-dm-mono), ui-monospace, monospace;--measure:34rem;--gutter:clamp(1.25rem, 5vw, 4rem);--section:clamp(5rem, 12vw, 10rem);background:var(--paper);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1.125rem;line-height:1.6;overflow-x:clip}.bnl[data-theme=moonlight]{--paper:#172036;--desk:#131b2e;--card:#101828;--band:#131b2e;--ink:#e8edf6;--text:#d5ddea;--mute:#9eabc3;--faint:#6e7d9a;--line:#283550;--accent:#86b4ff;--device:#1c2740;--rim:#ffffff24;--glow:transparent;--shadow:0 40px 80px -32px #000000bf, 0 16px 32px -20px #00000080;color-scheme:dark}@media (prefers-color-scheme:dark){.bnl:not([data-theme=paper]){--paper:#172036;--desk:#131b2e;--card:#101828;--band:#131b2e;--ink:#e8edf6;--text:#d5ddea;--mute:#9eabc3;--faint:#6e7d9a;--line:#283550;--accent:#86b4ff;--device:#1c2740;--rim:#ffffff24;--glow:transparent;--shadow:0 40px 80px -32px #000000bf, 0 16px 32px -20px #00000080;color-scheme:dark}}.bnl .bnl-shot-moonlight,.bnl[data-theme=moonlight] .bnl-shot-paper{display:none!important}.bnl[data-theme=moonlight] .bnl-shot-moonlight{display:block!important}@media (prefers-color-scheme:dark){.bnl:not([data-theme=paper]) .bnl-shot-paper{display:none!important}.bnl:not([data-theme=paper]) .bnl-shot-moonlight{display:block!important}}.bnl ::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}.bnl a{color:var(--accent);text-decoration:none}.bnl a:hover{text-underline-offset:.2em;text-decoration:underline}.bnl a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.bnl-skip{position:absolute;left:-9999px}.bnl-skip:focus-visible{z-index:10;background:var(--paper);padding:.5rem 1rem;top:1rem;left:1rem}.bnl-h1,.bnl-h2{font-family:var(--sans);color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .5em;font-weight:600}.bnl-h1{font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.05}.bnl-h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12}.bnl p{max-width:var(--measure);text-wrap:pretty;margin:0 0 1em}.bnl strong{color:var(--ink);font-weight:600}.bnl mark{background:var(--highlight);color:inherit;border-radius:.15em;padding:0 .1em}.bnl code{font-family:var(--mono);background:var(--card);border:1px solid var(--line);border-radius:.3em;padding:.05em .3em;font-size:.86em}.bnl-md{vertical-align:top;white-space:pre;opacity:0;max-width:0;color:var(--faint);font-family:inherit;font-size:1em;font-style:normal;font-weight:400;line-height:inherit;pointer-events:none;transition:opacity .18s,max-width .18s;display:inline-block;overflow:hidden}.bnl-md-hash{max-width:none;color:var(--accent);padding-right:.25em;font-family:inherit;font-size:.6em;position:absolute;top:.3em;right:100%;overflow:visible}.bnl-h1,.bnl-h2{position:relative}.bnl-caret{vertical-align:-.04em;background:var(--accent);border-radius:.03em;width:.06em;height:.82em;margin-left:.08em;animation:1.1s step-end infinite bnl-blink;display:inline-block}@keyframes bnl-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.bnl-caret{animation:none}}@media (hover:hover){.bnl-live:hover .bnl-md{opacity:1;max-width:1.5em}.bnl-live:hover .bnl-md-hash{opacity:.55;max-width:none}}@media (prefers-reduced-motion:reduce){.bnl-md{transition:none}}.bnl-nav{padding:1.25rem var(--gutter);justify-content:space-between;align-items:center;max-width:82rem;margin:0 auto;display:flex}.bnl-brand{white-space:nowrap;align-items:center;gap:.6rem;font-weight:600;display:inline-flex;color:var(--ink)!important}.bnl-brand img{box-shadow:0 0 0 1px var(--line);border-radius:22%}.bnl-nav nav{align-items:center;gap:1.5rem;font-size:.95rem;display:flex}.bnl-nav nav a{color:var(--mute)}.bnl-theme{border:1px solid var(--line);font-family:var(--sans);border-radius:999px;padding:3px;font-size:.75rem;display:inline-flex}.bnl-theme button{appearance:none;font:inherit;cursor:pointer;color:var(--mute);background:0 0;border:0;border-radius:999px;padding:.3rem .75rem}.bnl-theme button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.bnl-theme button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=520px){.bnl-nav nav a{display:none}.bnl-nav nav{gap:1rem}}@media (width<=360px){.bnl-nav{flex-wrap:wrap;row-gap:.75rem}}.bnl main>section{max-width:82rem;padding:var(--section) var(--gutter) 0;margin:0 auto}.bnl-hero{padding-top:clamp(3rem,8vw,6rem)!important}.bnl-hero-copy{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}.bnl-hero-copy .bnl-h1{margin:0}.bnl-hero-aside .bnl-lede{margin-bottom:0}.bnl-hero .bnl-h1{font-size:clamp(2.6rem,6vw,5.2rem)}.bnl-lede{color:var(--mute);font-size:1.25rem}.bnl-lede strong{color:var(--ink)}.bnl-hero-action{margin-top:2rem}.bnl-small{color:var(--faint);font-size:.875rem;margin-top:.75rem!important}.bnl-soon{font-family:var(--sans);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:.45rem .95rem;display:inline-block;margin:0!important;font-size:.85rem!important}.bnl-store img{width:auto;height:3rem;display:block}.bnl[data-theme=moonlight] .bnl-store img{filter:invert()}@media (prefers-color-scheme:dark){.bnl:not([data-theme=paper]) .bnl-store img{filter:invert()}}.bnl-hero-devices{isolation:isolate;margin-top:clamp(3rem,7vw,5.5rem);padding-left:9%;position:relative}.bnl-hero-devices:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;position:absolute;inset:-12% -6% -14% 4%}.bnl-hero-mac{width:100%}.bnl-hero-iphone{width:19%;position:absolute;bottom:-7%;left:0}.bnl-device{margin:0;container-type:inline-size}.bnl-device img{width:100%;height:auto;display:block}.bnl-device-iphone .bnl-device-frame{background:var(--device);box-shadow:inset 0 0 0 .5cqw var(--rim), var(--shadow);border-radius:15.5cqw;padding:3.3cqw}.bnl-device-iphone img{background:var(--paper);border-radius:12.2cqw}.bnl-device-ipad .bnl-device-frame{background:var(--device);box-shadow:inset 0 0 0 .35cqw var(--rim), var(--shadow);border-radius:6.2cqw;padding:3.4cqw}.bnl-device-ipad img{background:var(--paper);border-radius:2.8cqw}.bnl-device-mac .bnl-device-frame{border-radius:1.48cqw;box-shadow:0 2.4cqw 3cqw #00000047}.bnl-device-mac img{border-radius:1.48cqw}.bnl-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.bnl-chapter .bnl-device-iphone{justify-self:center;width:min(100%,22rem)}.bnl-chapter[data-flip] .bnl-chapter-copy{order:2}.bnl-chapter[data-wide]{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr)}.bnl-chapter[data-wide][data-flip]{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr)}.bnl main>section.bnl-band{background:var(--band);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax);margin-top:var(--section);padding-bottom:var(--section)}.bnl-chapter-copy p{color:var(--mute)}.bnl-themes{grid-template:"copy shot""swatches shot""line shot"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,6vw,6rem);display:grid}.bnl-themes>.bnl-chapter-copy{grid-area:copy}.bnl-swatches{max-width:var(--measure);flex-wrap:wrap;grid-area:swatches;gap:.5rem;display:flex}.bnl .bnl-swatch-line{color:var(--mute);grid-area:line;margin-top:1.25rem}.bnl-gallery-shot{grid-area:shot;justify-self:center;width:min(100%,34rem)}.bnl-swatches button{appearance:none;font:inherit;color:var(--mute);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .4rem;font-size:.875rem;display:inline-flex}.bnl-swatches button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.bnl-swatches button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bnl-swatch{width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:inline-grid}.bnl-swatch span{border-radius:50%;width:.4rem;height:.4rem}.bnl-files{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.bnl-folder{background:var(--card);border:1px solid var(--line);font-family:var(--sans);box-shadow:var(--shadow);border-radius:14px;padding:1.25rem 1.5rem 1.5rem;font-size:.92rem}.bnl-folder-path{color:var(--faint);font-size:.8rem;margin-bottom:.75rem!important}.bnl-folder ul{margin:0;padding:0;list-style:none}.bnl-folder li{border-top:1px solid var(--line);color:var(--text);align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.bnl-file-icon{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:3px;flex:none;padding:.2rem .25rem;font-size:.6rem;font-weight:500;line-height:1}.bnl-extras{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,6vw,6rem);display:grid}.bnl-extras>.bnl-h2{grid-column:1/-1}.bnl-extras ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem;margin:0;padding:0;list-style:none;display:grid}.bnl-extras h3{color:var(--ink);margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.bnl-extras li p{color:var(--mute);margin:0;font-size:1rem}.bnl-extras-shot{justify-self:center;width:min(100%,19rem)}.bnl-free{text-align:left}.bnl-free .bnl-h2{font-size:clamp(2.5rem,6vw,4.5rem)}.bnl-free p{max-width:40rem;font-size:1.3rem}.bnl-free .bnl-studio{margin-top:2rem;font-size:1rem}.bnl-questions dl{max-width:46rem;margin:0}.bnl-questions dl>div{border-top:1px solid var(--line);padding:1.4rem 0}.bnl-questions dt{color:var(--ink);margin-bottom:.35rem;font-weight:600}.bnl-questions dd{color:var(--mute);margin:0}.bnl-closing{text-align:center;flex-direction:column;align-items:center;display:flex;padding-bottom:var(--section)!important}.bnl-closing-icon{box-shadow:0 0 0 1px var(--line), var(--shadow);border-radius:22.37%;margin-bottom:2rem}.bnl-closing .bnl-h2{margin-bottom:1.5rem}.bnl-footer{padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;display:flex}.bnl-footer a{color:var(--mute)}@media (width<=860px){.bnl-chapter,.bnl-chapter[data-wide],.bnl-chapter[data-wide][data-flip],.bnl-files,.bnl-extras{grid-template-columns:minmax(0,1fr)}.bnl-themes{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""swatches""line""shot"}.bnl-hero-copy{grid-template-columns:minmax(0,1fr)}.bnl-hero-devices{padding-left:14%}.bnl-hero-iphone{width:27%;bottom:-10%}.bnl-chapter[data-flip] .bnl-chapter-copy{order:0}.bnl-extras ul{grid-template-columns:minmax(0,1fr)}.bnl-extras-shot{margin-top:3rem}.bnl-chapter .bnl-device-iphone{width:min(78%,20rem)}}.bnl-doc{max-width:44rem;padding:clamp(3rem, 8vw, 6rem) var(--gutter) var(--section);margin:0 auto}.bnl-doc .bnl-h1{font-size:clamp(2.4rem,5vw,3.6rem)}.bnl-label{font-family:var(--sans);color:var(--accent);font-weight:600;font-size:.85rem!important}.bnl-h3{color:var(--ink);margin:2.5rem 0 .5rem;font-size:1.15rem;font-weight:600}.bnl-doc p{max-width:none}.bnl-manual{width:min(var(--measure), calc(100% - 2 * var(--gutter)));padding:clamp(3rem, 8vw, 7rem) 0 var(--section);margin:0 auto}.bnl-manual>header{margin-bottom:3rem}.bnl-manual-contents{margin-bottom:4rem}.bnl-manual-contents ol{padding-left:1.5em}.bnl-manual-contents li{padding:.15em 0}.bnl main.bnl-manual>section{max-width:none;margin:0;padding:0}.bnl main.bnl-manual>section+section{margin-top:clamp(2.5rem,5vw,3.5rem)}.bnl-manual .bnl-h2{scroll-margin-top:2rem}.bnl-manual .bnl-h1{font-size:clamp(2.5rem,5vw,3.5rem)}.bnl-manual .bnl-h2{font-size:clamp(1.6rem,3vw,2rem)}.bnl-manual-table{max-width:100%;margin:2rem 0 0;overflow-x:auto}.bnl-manual-table:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.bnl-manual table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.9em}.bnl-manual caption{text-align:left;color:var(--mute);padding-bottom:.75rem}.bnl-manual th,.bnl-manual td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.8rem .65rem}.bnl-manual th{color:var(--ink);font-weight:500}.bnl-manual thead th{font-weight:600}.bnl-manual th code{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-weight:400;display:inline-block}.bnl-manual kbd{font-family:var(--mono);white-space:nowrap}.bnl-manual td,.bnl-manual p{overflow-wrap:anywhere}