.bc-stage{aspect-ratio:var(--ratio);background:var(--ui-ground);position:relative;overflow:clip}.bc-shot{box-sizing:border-box;opacity:0;width:100%;height:100%;transition:opacity var(--ui-dur-base) var(--ui-ease);position:absolute;inset:0}.bc-shot[data-on]{opacity:1}.bc-stage[data-fit=cover] .bc-shot{object-fit:cover;object-position:top left}.bc-stage[data-fit=contain]{background:var(--ui-raised)}.bc-stage[data-fit=contain] .bc-shot{padding:var(--ui-space-5);object-fit:contain;filter:drop-shadow(0 0 .5px var(--ui-image-edge))}@media (prefers-reduced-motion:reduce){.bc-shot{transition:none}}.ui-article .bc-note,.bc-note{max-width:52ch;color:var(--ui-ink);font-size:var(--ui-text-md);line-height:var(--ui-leading-body);text-wrap:balance;margin:0 auto}.bc-live{background:var(--ui-ground);position:relative;overflow:clip}.bc-live__win{transform-origin:0 0;position:absolute;top:0;left:0}.bc-live__win iframe{border:0;width:100%;height:100%;display:block}.bc-open{border-radius:var(--ui-radius-full);background:var(--ui-raised);height:26px;box-shadow:var(--ui-shadow-hairline);color:var(--ui-ink);font:var(--ui-type-button);font-size:var(--ui-text-xs);align-items:center;gap:4px;padding:0 10px;text-decoration:none;display:inline-flex}.bc-open svg{width:12px;height:12px}.bc-open:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (hover:hover){.bc-open:hover{background:var(--ui-raised-hover)}}.bc-open{cursor:pointer;border:0;position:relative}@media (pointer:coarse){.bc-open:after{content:"";position:absolute;inset:-9px -4px}}.bc-zoom__backdrop{z-index:50;background:color-mix(in oklab, var(--ui-ink) 40%, transparent);transition:opacity var(--ui-dur-base) var(--ui-ease);position:fixed;inset:0}.bc-zoom__backdrop[data-starting-style],.bc-zoom__backdrop[data-ending-style]{opacity:0}.bc-zoom{inset:var(--ui-space-4);z-index:51;border-radius:var(--ui-radius-lg,16px);background:var(--ui-raised);box-shadow:var(--ui-shadow-float);color:var(--ui-ink);transition:opacity var(--ui-dur-base) var(--ui-ease), scale var(--ui-dur-base) var(--ui-ease);outline:none;flex-direction:column;display:flex;position:fixed;overflow:clip}.bc-zoom[data-starting-style],.bc-zoom[data-ending-style]{opacity:0;scale:.98}.bc-zoom__bar{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-2) var(--ui-space-2) var(--ui-space-2) var(--ui-space-4);box-shadow:0 1px 0 var(--ui-line);flex:none;display:flex}.bc-zoom__title{min-width:0;font:var(--ui-type-ui);font-weight:var(--ui-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.bc-zoom__close{border-radius:var(--ui-radius-full);width:44px;height:44px;color:var(--ui-ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.bc-zoom__close svg{width:20px;height:20px}.bc-zoom__close:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}@media (hover:hover){.bc-zoom__close:hover{background:var(--ui-fill)}}.bc-zoom__pane{overscroll-behavior:contain;background:var(--ui-ground);flex:1;min-height:0;overflow:auto}.bc-zoom__canvas{width:100%;height:100%;position:relative}.bc-zoom__canvas>*{position:absolute;inset:0}.bc-zoom__canvas>img{object-fit:contain;width:100%;height:100%}@media (max-width:899px){.bc-zoom__canvas{width:1080px}}@media (max-width:599px){.bc-zoom{padding-top:env(safe-area-inset-top);border-radius:0;inset:0}}@media (prefers-reduced-motion:reduce){.bc-zoom,.bc-zoom__backdrop{transition:none}}