:root:has(.bp):not([data-mesurer=open]) button.tool-surface[aria-label="Open the measuring tools"]{display:none}.bp{background:var(--color-paper);min-height:100dvh;color:var(--color-ink);-webkit-tap-highlight-color:transparent}.bp ::selection{background:var(--accent);color:#fff}.bp :is(a,button,[role=slider]){-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bp :is(a,button,[role=slider]):focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:8px}.bp-num{font-variant-numeric:tabular-nums}.bp-side{z-index:20;flex-direction:column;width:240px;padding:40px 32px 32px;display:flex;position:fixed;inset:0 auto 0 0}.bp-side-back{color:var(--color-ink-3);align-items:center;gap:8px;font-size:16px;line-height:24px;transition:color .12s;display:inline-flex}.bp-nav{flex-direction:column;gap:4px;margin-top:40px;display:flex}.bp-nav a{color:var(--color-ink-3);padding:4px 0;font-size:16px;line-height:24px;transition:color .12s;position:relative}.bp-nav a[aria-current]{color:var(--color-ink)}.bp-nav a[aria-current]:before{content:"";background:var(--color-ink);border-radius:2px;width:2px;height:16px;position:absolute;top:8px;left:-16px}.bp-side-foot{flex-direction:column;gap:4px;margin-top:auto;display:flex}.bp-side-foot :is(a,button){color:var(--color-ink-3);text-align:left;align-items:center;gap:12px;padding:4px 0;font-size:16px;line-height:24px;transition:color .12s;display:flex}.bp-side-foot svg{flex:none}@media (hover:hover){.bp-side-back:hover,.bp-nav a:hover,.bp-side-foot :is(a,button):hover{color:var(--color-ink)}}.bp-main{--col:800px;background-image:linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line));background-repeat:no-repeat;background-size:1px 100%;background-position:calc(50% - var(--col) / 2 - 24px) 0, calc(50% + var(--col) / 2 + 24px) 0;min-height:100dvh;margin-left:240px;padding:96px 48px 160px}.bp-main>*{max-width:var(--col);margin-inline:auto}.bp-head h1{letter-spacing:-.024em;text-wrap:balance;font-size:32px;font-weight:500;line-height:40px}.bp-head p{color:var(--color-ink-3);margin-top:8px;font-size:16px;line-height:24px}.bp-sec{scroll-margin-top:48px}.bp-block{margin-top:80px}.bp-block-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bp-block-head h2{letter-spacing:-.016em;font-size:20px;font-weight:500;line-height:28px}.bp-text{gap:12px;max-width:640px;margin-top:24px;display:grid}.bp-text p{color:var(--color-ink-2);text-wrap:pretty;font-size:16px;line-height:28px}.bp-tool{background:var(--card);width:32px;height:32px;color:var(--color-ink-2);border-radius:8px;place-items:center;transition:background-color .12s,color .12s;display:inline-grid}.bp-tool-text{width:auto;padding:0 8px;font-size:12px;font-weight:500;line-height:1}@media (hover:hover){.bp-tool:hover{background:var(--card-2);color:var(--color-ink)}}.bp-intro{aspect-ratio:16/9;background:var(--card);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.bp-intro-logo{width:40%;color:var(--color-ink);display:block}.bp-intro-logo svg{width:100%;height:auto;display:block}.bp-intro-band{height:16%;position:absolute;inset:auto 0 0}.bp-tiles{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:720px){.bp-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-tiles-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bp-tile{margin:0}.bp-tile-art{aspect-ratio:4/3;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.bp-tile-art img{height:auto;display:block}.bp-tile-small{aspect-ratio:1}.bp-tools{opacity:0;gap:4px;transition:opacity .16s;display:flex;position:absolute;top:8px;right:8px}.bp-tools .bp-tool{color:#f5f5f4;background:#1e1e1e}@media (hover:hover){.bp-tools .bp-tool:hover{color:#fff;background:#2e2e2e}}.bp-tile-art:hover .bp-tools,.bp-tile-art:focus-within .bp-tools{opacity:1}@media (hover:none){.bp-tools{opacity:1}}.bp-tile figcaption{gap:4px;margin-top:12px;font-size:16px;line-height:24px;display:grid}.bp-tile figcaption b{font-weight:500}.bp-tile figcaption span{color:var(--color-ink-3);text-wrap:pretty}.bp-clear-box{outline:1px dashed var(--accent);width:44%;padding:8%;display:block;position:relative}.bp-clear-box img{outline:1px solid #ff355d66;width:100%}.bp-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:720px){.bp-colors-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-colors-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bp-color{height:256px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.bp-color b{font-size:16px;font-weight:500;line-height:24px}.bp-color dl{gap:4px;display:grid}.bp-color dl button{font-variant-numeric:tabular-nums;opacity:.72;justify-content:space-between;align-items:center;gap:8px;width:100%;height:24px;font-size:12px;line-height:16px;transition:opacity .12s;display:flex}.bp-color dt{font-weight:500}@media (hover:hover){.bp-color dl button:hover{opacity:1}}.bp-proportion{height:96px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;display:flex;overflow:hidden}.bp-proportion span{white-space:nowrap;align-items:flex-end;min-width:0;padding:12px;font-size:12px;line-height:16px;display:flex;overflow:hidden}.bp-proportion b{font-weight:500}.bp-specimen{background:var(--card);border-radius:16px;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:32px;display:grid}@media (min-width:720px){.bp-specimen{grid-template-columns:240px minmax(0,1fr)}}.bp-specimen-aa{letter-spacing:-.06em;font-variation-settings:"opsz" 32;font-size:160px;line-height:1}.bp-specimen b{font-size:20px;font-weight:500;line-height:28px}.bp-specimen p{color:var(--color-ink-2);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:28px}.bp-specimen .bp-specimen-set{color:var(--color-ink-3);word-break:break-all}.bp-scale-controls{background:var(--card);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;display:grid}@media (min-width:720px){.bp-scale-controls{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}.bp-control{color:var(--color-ink-3);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;font-size:12px;line-height:16px;display:grid}.bp-control .bp-num{text-align:right;min-width:64px;color:var(--color-ink)}.bp-levels{gap:28px;margin-top:32px;display:grid}.bp-level-meta{color:var(--color-ink-3);justify-content:space-between;gap:16px;font-size:12px;line-height:16px;display:flex}.bp-levels p{text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"opsz" 32;margin-top:8px;transition:font-size .2s cubic-bezier(.23,1,.32,1);overflow:hidden}.bp-slider{cursor:pointer;touch-action:none;height:24px;position:relative}.bp-slider-track{background:var(--line-2);border-radius:2px;height:2px;position:absolute;top:11px;left:0;right:0}.bp-slider-track b{background:var(--color-ink);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.bp-slider-track i{background:var(--color-ink-4);border-radius:4px;width:4px;height:4px;margin-left:-2px;position:absolute;top:-1px}.bp-slider-thumb{background:var(--color-ink);width:16px;height:16px;box-shadow:0 0 0 4px var(--card);border-radius:16px;margin-left:-8px;transition:left .12s cubic-bezier(.23,1,.32,1);position:absolute;top:4px}.bp-voice{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:720px){.bp-voice{grid-template-columns:repeat(2,minmax(0,1fr))}}.bp-voice>div{background:var(--card);border-radius:16px;padding:20px}.bp-voice b{font-size:16px;font-weight:500;line-height:24px}.bp-voice p{color:var(--color-ink-3);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:24px}.bp-voice p:before{content:"“"}.bp-voice p:after{content:"”"}.bp-carousel{margin:0}.bp-carousel-stage{aspect-ratio:16/9;background:var(--card);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.bp-carousel-stage img{object-fit:contain;width:100%;height:100%;padding:32px;animation:.24s cubic-bezier(.23,1,.32,1) both bp-in}@keyframes bp-in{0%{opacity:0}}.bp-carousel-prev,.bp-carousel-next{position:absolute;top:50%;translate:0 -50%}.bp-carousel-prev{left:12px}.bp-carousel-next{right:12px}.bp-carousel figcaption{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:12px;font-size:16px;line-height:24px;display:flex}.bp-carousel figcaption b{font-weight:500}.bp-carousel figcaption span{color:var(--color-ink-3)}.bp-count{margin-left:auto}.bp-export-row{flex-wrap:wrap;gap:12px;display:flex}.bp-wide{background:var(--card);border-radius:12px;flex:200px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:16px;font-weight:500;line-height:1;transition:background-color .12s;display:inline-flex}@media (hover:hover){.bp-wide:hover{background:var(--card-2)}}.bp-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:720px){.bp-icons{grid-template-columns:repeat(4,minmax(0,1fr))}}.bp-icon{background:var(--card);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:16px;transition:background-color .12s;display:flex}@media (hover:hover){.bp-icon:hover{background:var(--card-2)}}.bp-icon-art img{width:64px;height:64px;display:block}.bp-icon-label{gap:4px;font-size:16px;line-height:24px;display:grid}.bp-icon-label b{font-weight:500}.bp-icon-label span{color:var(--color-ink-3);font-size:12px;line-height:16px}@media (max-width:1023px){.bp-side{background:var(--color-paper);scrollbar-width:none;flex-direction:row;align-items:center;gap:24px;width:auto;padding:12px 20px;position:sticky;inset:0 auto auto;overflow-x:auto}.bp-side::-webkit-scrollbar{display:none}.bp-side-back{flex:none}.bp-nav{flex-direction:row;gap:20px;margin-top:0}.bp-nav a{white-space:nowrap}.bp-nav a[aria-current]:before{width:auto;height:2px;inset:auto 0 -4px}.bp-side-foot{display:none}.bp-main{background-image:none;margin-left:0;padding:48px 20px 96px}}@media (prefers-reduced-motion:reduce){.bp *,.bp :before{transition-duration:0s!important;animation:none!important}}