:root[data-shell=blueprint],[data-world=blueprint]{--bp-rail:256px;--bp-strip:0px;--bp-desk:var(--bg-2);--bp-sheet:color-mix(in oklab, var(--bg) 35%, #fff);--bp-ink:var(--fg);--bp-ink-2:var(--fg-2);--bp-dim:var(--accent-text);--bp-mark:var(--accent-text);--bp-grid:color-mix(in oklab, var(--fg) 5%, transparent);--bp-grid-2:color-mix(in oklab, var(--fg) 9%, transparent);--bp-glow:transparent;--bp-scheme:light}:root[data-shell=blueprint][data-palette=midnight],:root[data-palette=midnight] [data-world=blueprint]{--bp-desk:var(--bg);--bp-sheet:color-mix(in oklab, var(--accent) 15%, var(--bg-2));--bp-ink:color-mix(in oklab, var(--fg) 90%, var(--accent));--bp-ink-2:color-mix(in oklab, var(--fg-2) 70%, var(--fg));--bp-dim:var(--accent);--bp-mark:var(--accent-2);--bp-grid:color-mix(in oklab, var(--accent) 8%, transparent);--bp-grid-2:color-mix(in oklab, var(--accent) 16%, transparent);--bp-glow:color-mix(in oklab, var(--accent) 9%, transparent);--bp-scheme:dark}:root[data-shell=blueprint][data-palette=acid],:root[data-palette=acid] [data-world=blueprint]{--bp-desk:var(--bg-2);--bp-sheet:var(--bg);--bp-ink:var(--fg);--bp-ink-2:var(--fg-2);--bp-dim:var(--accent);--bp-mark:color-mix(in oklab, var(--accent-2) 72%, var(--fg));--bp-grid:transparent;--bp-grid-2:color-mix(in oklab, var(--fg) 20%, transparent);--bp-scheme:dark}:root[data-shell=blueprint][data-palette=chrome],:root[data-palette=chrome] [data-world=blueprint]{--bp-desk:var(--bg);--bp-sheet:color-mix(in oklab, var(--accent) 50%, var(--fg));--bp-ink:color-mix(in oklab, var(--bg) 94%, var(--accent));--bp-ink-2:color-mix(in oklab, var(--bg) 70%, var(--accent));--bp-dim:color-mix(in oklab, var(--accent-2) 38%, var(--bg));--bp-mark:color-mix(in oklab, var(--accent-2) 52%, var(--bg));--bp-grid:color-mix(in oklab, var(--bg) 7%, transparent);--bp-grid-2:color-mix(in oklab, var(--bg) 14%, transparent);--bp-glow:color-mix(in oklab, var(--bg) 6%, transparent);--bp-scheme:dark}:root[data-shell=blueprint] body{background:var(--bp-desk)}[data-world=blueprint]{--wf-bg:var(--bp-desk)}main.bp>section,[data-world=blueprint]>section{--bp-line:color-mix(in oklab, var(--bp-ink) 26%, var(--bp-sheet));--bg:var(--bp-sheet);--bg-2:color-mix(in oklab, var(--bp-sheet) 90%, var(--bp-ink));--fg:var(--bp-ink);--fg-2:var(--bp-ink-2);--line:var(--bp-line);--accent:var(--bp-dim);--accent-text:var(--bp-dim);--accent-ink:var(--bp-sheet);color-scheme:var(--bp-scheme);width:100%;max-width:1240px;color:var(--fg);background-color:var(--bp-sheet);background-image:radial-gradient(ellipse at 22% 12%, var(--bp-glow), transparent 60%), linear-gradient(var(--bp-grid-2) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid-2) 1px, transparent 1px), linear-gradient(var(--bp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid) 1px, transparent 1px);box-shadow:0 1px 0 color-mix(in oklab, var(--bp-ink) 10%, transparent), 0 18px 40px -28px oklab(0% none none/.7);scroll-margin-top:calc(var(--bp-strip) + 16px);background-position:50%;background-size:100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;margin-inline:auto;position:relative}:root[data-palette=acid] main.bp>section,:root[data-palette=acid] [data-world=blueprint]>section{background-image:radial-gradient(var(--bp-grid-2) 1px, transparent 1.3px);background-size:16px 16px}main.bp>section:not(.bp-sheet),[data-world=blueprint]>section:not(.bp-sheet){border:2px solid var(--bp-ink);outline:1px solid var(--bp-line);outline-offset:-10px}.bp-balloon{width:1.9em;height:1.9em;font:700 .72rem / 1 var(--font-mono);letter-spacing:0;border:1.5px solid;border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid}.bp-label{font:500 .66rem / 1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bp-ink-2)}.bp-dimln{--c:var(--bp-dim);min-height:1.4em;color:var(--c);font:600 .7rem / 1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:relative}.bp-dimln:before{content:"";border-top:1px solid var(--c);transform-origin:50%;position:absolute;top:50%;left:0;right:0}.bp-dimln>span{z-index:1;background:var(--bp-sheet);padding:0 6px;position:relative}.bp-dimln>i{border-block:3.5px solid #0000;width:0;height:0;margin-top:-3.5px;position:absolute;top:50%}.bp-dimln>i:first-of-type{border-right:9px solid var(--c);left:0}.bp-dimln>i:last-of-type{border-left:9px solid var(--c);right:0}@media (prefers-reduced-motion:no-preference){:root.js[data-shell=blueprint]:is([data-kit=kinetic],[data-kit=scenes]) [data-reveal] .bp-draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.5s var(--ease) calc(.25s + var(--d,0) * .12s)}:root.js[data-shell=blueprint]:is([data-kit=kinetic],[data-kit=scenes]) [data-reveal].is-revealed .bp-draw{stroke-dashoffset:0}:root.js[data-shell=blueprint]:is([data-kit=kinetic],[data-kit=scenes]) [data-reveal] .bp-grow:before{transition:transform 1.1s var(--ease) calc(.3s + var(--d,0) * .12s);transform:scaleX(0)}:root.js[data-shell=blueprint]:is([data-kit=kinetic],[data-kit=scenes]) [data-reveal].is-revealed .bp-grow:before{transform:none}}svg .bp-draw{fill:none}@media (width<=1099px){:root[data-shell=blueprint]{--bp-rail:0px;--bp-strip:46px}}
