.bib{background:#eee9df!important;color:#20232b;padding:78px 6% 50px!important;border-block:1px solid #ccc5b8}
.bib *{box-sizing:border-box}.bib-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.bib-heading .bp-kicker{color:#5a5956;letter-spacing:.15em;font-size:10px}.bib-heading h2{font:600 clamp(48px,6.3vw,85px)/.96 Arial,sans-serif!important;letter-spacing:-.065em;margin:23px 0 0!important}.bib-heading h2 em{font:italic 400 1.06em/.95 Georgia,serif;color:#b64d39}.bib-heading>p{max-width:245px;font:13px/1.8 Arial,sans-serif;margin:0 0 4px!important;color:#575752}
.bib-workbench{background:#d9d4c9;border:1px solid #bab5aa;padding:14px;box-shadow:0 16px 35px #3e392914}.bib-meta{display:flex;justify-content:space-between;gap:15px;padding:10px 9px 18px;font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#56564f}.bib-meta>span:last-child{color:#71675a}.bib-slab{position:relative;width:100%;min-width:0;aspect-ratio:1.65;min-height:310px;overflow:hidden;border:1px solid #9e9e96;border-radius:5px;background:linear-gradient(135deg,#c7c8bf,#aead9f);box-shadow:inset 0 2px 9px #353b3535,0 2px 2px #fff7;isolation:isolate}.bib-surface{position:absolute;inset:0;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-5px!important;-webkit-user-select:none;user-select:none}.bib-surface.is-mixing{cursor:grabbing}.bib-surface canvas{display:block;width:100%;height:100%;pointer-events:none}.bib-slab:after{content:'';position:absolute;inset:0;border-radius:5px;border:2px solid #ffffff24;box-shadow:inset 0 0 13px #474b3b20;pointer-events:none}.bib-slab-corner{position:absolute;z-index:1;left:20px;top:19px;font:8px/1.5 Arial,sans-serif;color:#3c40388f;letter-spacing:.13em;pointer-events:none}.bib-slab-note{position:absolute;z-index:1;right:20px;bottom:18px;font:9px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#41433a;pointer-events:none}.bib-surface:focus-visible{outline:2px solid #1e3ea6}
.bib-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 1px 20px;border-bottom:1px solid #c7beaf}.bib-pairs{display:flex;flex-wrap:wrap;gap:8px}.bib-pairs button{display:flex;align-items:center;gap:11px;min-height:46px;padding:9px 13px;font:11px/1.4 Arial,sans-serif;background:transparent;color:#44433d;border:1px solid #b8ad9a;cursor:pointer}.bib-pairs button[aria-pressed=true]{background:#242833;border-color:#242833;color:#faf6ea}.bib-ink-pair{display:flex;align-items:center;padding-right:3px}.bib-ink-pair i{width:15px;height:15px;display:block;border-radius:50%;background:var(--ink);border:1px solid #ffffff55;box-shadow:inset -2px -2px 3px #0002}.bib-ink-pair i+i{margin-left:-3px}.bib-actions{display:flex;gap:9px}.bib-actions button{min-height:46px;padding:11px 17px;border:1px solid #9c7963;background:#ba553e;color:#fff8e9;font:12px/1.4 Arial,sans-serif;cursor:pointer;white-space:nowrap}.bib-actions [data-bib-reset]{background:transparent;color:#4e473d;border-color:#afa18d}.bib button:focus-visible{outline:2px solid #2349b1;outline-offset:4px}.bib button:disabled{opacity:.5;cursor:default}.bib-footer{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font:11px/1.8 Arial,sans-serif;color:#5b574e}.bib-footer p{margin:0!important;font:inherit}.bib-footer [role=status]{max-width:340px;text-align:right;color:#785a43}.bib-note{margin-top:25px!important;font:10px/1.7 Arial,sans-serif!important;color:#777063}.bib-unavailable{padding:40px;color:#282c35;font:14px/1.7 Arial,sans-serif}
@media(max-width:1050px){.bib-controls{align-items:start;flex-direction:column;gap:16px}.bib-actions{align-self:flex-end}.bib-heading h2{font-size:64px!important}.bib-slab{aspect-ratio:1.5}.bib-heading>p{max-width:220px}}
@media(max-width:700px){.bib{padding:52px 6% 35px!important}.bib-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:27px}.bib-heading h2{font-size:62px!important}.bib-heading>p{max-width:310px;font-size:13px}.bib-workbench{padding:8px}.bib-meta{font-size:8px;letter-spacing:.07em;padding:8px 5px 14px}.bib-meta>span:last-child{max-width:116px;text-align:right}.bib-slab{aspect-ratio:1.12;min-height:280px}.bib-slab-corner{left:12px;top:12px;font-size:7px}.bib-slab-note{right:12px;bottom:13px;font-size:8px}.bib-controls{gap:16px;padding-top:19px}.bib-pairs{display:grid;grid-template-columns:1fr;width:100%;gap:7px}.bib-pairs button{padding:10px 13px;justify-content:start;font-size:12px;min-height:46px}.bib-actions{display:flex;width:100%;align-self:stretch}.bib-actions button{flex:1;white-space:normal;font-size:12px}.bib-footer{display:block;font-size:11px}.bib-footer [role=status]{margin-top:11px!important;text-align:left}.bib-note{font-size:10px!important}}
@media(max-height:540px) and (min-width:701px){.bib{padding-top:45px!important}.bib-heading{margin-bottom:28px}.bib-heading h2{font-size:58px!important}.bib-slab{aspect-ratio:2.1;min-height:250px}}
@media(max-width:360px){.bib-slab{min-height:0;aspect-ratio:1.12}}
@media(max-width:300px){.bib-heading h2{font-size:clamp(38px,17vw,51px)!important}.bib-meta{gap:8px;font-size:7px}.bib-meta>span:last-child{max-width:92px}.bib-actions{gap:6px}.bib-actions button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.bib *{scroll-behavior:auto!important}}
.bib-surface.is-pointer:focus-visible{outline:none}