.bcc .bcc-screen{gap:calc(16px * var(--k));flex-direction:column;display:flex}.bcc .bcc-head{justify-content:space-between;align-items:flex-start;gap:calc(12px * var(--k));display:flex}.bcc .bcc-sm{height:calc(26px * var(--k));padding:0 calc(10px * var(--k));font-size:calc(11.5px * var(--k))}.bcc .bcc-grid{grid-template-columns:calc(360px * var(--k)) minmax(0, 1fr);gap:calc(20px * var(--k));align-items:start;display:grid}@container ld (width<=820px){.bcc .bcc-grid{gap:calc(16px * var(--k));grid-template-columns:minmax(0,1fr)}}.bcc .bcc-panel{border:1px solid var(--bld-line);background:var(--bld-panel);border-radius:3px}.bcc .bcc-ph{min-height:calc(40px * var(--k));padding:calc(8px * var(--k)) calc(14px * var(--k));border-bottom:1px solid var(--bld-line);align-items:center;display:flex}.bcc .bcc-pt{color:var(--bld-ink);font-size:calc(14px * var(--k));letter-spacing:-.022em;font-weight:600}.bcc .bcc-pb{gap:calc(12px * var(--k));padding:calc(14px * var(--k));flex-direction:column;display:flex}.bcc .bcc-field{gap:calc(5px * var(--k));flex-direction:column;display:flex}.bcc .bcc-label{color:var(--bld-ink-2);font-size:calc(11px * var(--k));font-weight:500}.bcc .bcc-crow{grid-template-columns:calc(34px * var(--k)) minmax(0, 1fr);gap:calc(7px * var(--k));display:grid}.bcc .bcc-sw{height:calc(30px * var(--k));border:1px solid var(--bld-line-strong);background:var(--c,#fff);box-shadow:inset 0 0 0 2px var(--bld-panel);transition:background-color .3s var(--bld-ease-out);border-radius:2px}.bcc .bcc-hex{height:calc(30px * var(--k));padding:0 calc(9px * var(--k));border:1px solid var(--bld-line);color:var(--bld-ink);font-size:calc(12px * var(--k));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:2px;align-items:center;display:flex;overflow:hidden}.bcc .bcc-hex.is-invalid{border-color:var(--bld-bad)}.bcc .bcc-row{gap:calc(7px * var(--k));display:flex}.bcc .bcc-presets{padding-top:calc(11px * var(--k));border-top:1px solid var(--bld-line);color:var(--bld-ink-2);font-size:calc(11.5px * var(--k));margin:0;font-weight:500}.bcc .bcc-presets:before{content:"▸ ";font-size:.8em}.bcc .bcc-ratio{padding:calc(4px * var(--k)) 0 calc(14px * var(--k));border-bottom:1px solid var(--bld-line)}.bcc .bcc-ratio-n{color:var(--bld-ink);font-size:calc(46px * var(--k));letter-spacing:-.03em;font-variant-numeric:tabular-nums lining;font-weight:600;line-height:1}.bcc .bcc-ratio-l{margin-top:calc(5px * var(--k));color:var(--bld-ink-2);font-size:calc(11.5px * var(--k));font-weight:500}.bcc .bcc-badges{grid-template-columns:repeat(auto-fit, minmax(calc(116px * var(--k)), 1fr));gap:calc(7px * var(--k));display:grid}.bcc .bcc-badge{padding:calc(10px * var(--k)) calc(12px * var(--k));border:1px solid var(--bld-line);background:var(--bld-panel);transition:border-color .25s var(--bld-ease-out);border-radius:2px}.bcc .bcc-badge-n{color:var(--bld-ink);font-size:calc(11.5px * var(--k));font-weight:500}.bcc .bcc-badge-t{color:var(--bld-ink-2);font-size:calc(10.5px * var(--k));font-variant-numeric:tabular-nums;margin-top:2px}.bcc .bcc-badge-s{margin-top:calc(6px * var(--k));color:var(--bld-ink-2);font-size:calc(13px * var(--k));transition:color .25s var(--bld-ease-out);font-weight:600}.bcc .bcc-badge.is-pass .bcc-badge-s{color:var(--bld-good)}.bcc .bcc-badge.is-fail .bcc-badge-s{color:var(--bld-bad)}.bcc .bcc-badge.is-fail{border-color:color-mix(in srgb, var(--bld-bad) 40%, var(--bld-line))}.bcc .bcc-preview{padding:calc(4px * var(--k)) calc(14px * var(--k));border:1px solid var(--bld-line);transition:color .3s var(--bld-ease-out), background-color .3s var(--bld-ease-out);border-radius:2px}.bcc .bcc-prev-row{grid-template-columns:calc(84px * var(--k)) minmax(0, 1fr);gap:calc(12px * var(--k));padding:calc(8px * var(--k)) 0;border-bottom:1px solid #80808033;align-items:baseline;display:grid}.bcc .bcc-prev-row:last-child{border-bottom:0}.bcc .bcc-prev-size{font-size:calc(10px * var(--k));opacity:.6;font-variant-numeric:tabular-nums;font-weight:500}.bcc .bcc-preview :is(.bcc-p14,.bcc-p16,.bcc-pl,.bcc-pd){color:inherit;line-height:1.4}.bcc .bcc-p14{font-size:calc(11px * var(--k))}.bcc .bcc-p16{font-size:calc(12.5px * var(--k))}.bcc .bcc-pl{font-size:calc(14.5px * var(--k));font-weight:700}.bcc .bcc-pd{font-size:calc(24px * var(--k));letter-spacing:-.02em;font-weight:700}.bcc .bcc-meta-r{justify-content:space-between;gap:calc(10px * var(--k));padding:calc(4px * var(--k)) 0;color:var(--bld-ink);font-size:calc(11.5px * var(--k));font-variant-numeric:tabular-nums;display:flex}.bcc .bcc-meta-r>span:first-child{color:var(--bld-ink-2)}.bcc .bld-list{max-height:196px;overflow:auto}@container ld (width<=640px){.bcc .bld-list{max-height:none}}@media (prefers-reduced-motion:reduce){.bcc :is(.bcc-sw,.bcc-badge,.bcc-badge-s,.bcc-preview){transition:none}}.bl-tl-paper[data-astro-cid-e2calspi]{justify-content:center;display:flex}.bl-tl-paper[data-astro-cid-e2calspi] .blt-paperwrap{width:100%;max-width:460px}.bl-tl[data-astro-cid-e2calspi] :is(.bl-tl-meta,.bl-tl-after){margin-top:clamp(48px,6vw,72px)}