/* Scoped to the original film inside the builder reveal panel. */
.bf{container-type:inline-size;--bf-ink:#eee9dd;--bf-muted:#b8b5a8;background:#080e10;color:var(--bf-ink);font-family:var(--sans,Arial,sans-serif)}
.bf-caption{padding:16px 22px;border-bottom:1px solid #c9a2572b;display:flex;align-items:center;justify-content:space-between;gap:14px}
.bf-caption>span{font:8px var(--mono,monospace);letter-spacing:.13em;color:#d5bd84}
.bf-caption p{font:11px/1.5 var(--sans,Arial,sans-serif);color:var(--bf-muted);margin:0}
.bf-viewport{height:clamp(360px,62svh,660px);overflow-y:auto;overflow-x:clip;scrollbar-width:thin;scrollbar-color:#ac935e #10191b;touch-action:pan-y;position:relative;outline-offset:-3px}
.bf-travel{min-height:calc(100% + 1500px);position:relative;padding:12px 16px}
.bf-pin{position:sticky;top:12px;width:min(100%,calc((clamp(360px,62svh,660px) - 130px)*4/3));margin:0 auto}
.bf-stage{aspect-ratio:4/3;position:relative;overflow:hidden;background:#ebe6d9;border-radius:4px}
.bf-stage .bf-poster,.bf-frames,.bf-stage canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;transition:none!important}
.bf-ready .bf-poster{visibility:hidden}
.bf-stage canvas{opacity:1!important}.bf-frames{opacity:0}
.bf-ready .bf-frames{opacity:1}
.bf .bf-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;border-bottom:1px solid #b49a6533}
.bf .bf-chapters button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 3px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#a9a89e;font:9px var(--mono,monospace);cursor:pointer}
.bf .bf-chapters button span{font:10px var(--sans,Arial,sans-serif)}
.bf .bf-chapters button[aria-pressed=true]{color:#f5e6c4;border-bottom-color:#d5b575}
.bf button:focus-visible,.bf input:focus-visible,.bf-viewport:focus-visible{outline:2px solid #d5b575;outline-offset:-2px}
.bf-seek-label{display:block;font-size:0}
.bf input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:40px;background:transparent;cursor:ew-resize;padding:0;border:0}
.bf input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#d5b575 var(--bf-progress,0%),#45443c var(--bf-progress,0%))}
.bf input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#d5b575;margin-top:-5.5px}
.bf input::-moz-range-track{height:2px;background:#45443c}.bf input::-moz-range-progress{height:2px;background:#d5b575}.bf input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#d5b575}
.bf .bf-status{font:11px/1.5 var(--sans,Arial,sans-serif);padding:8px 0;color:#d2c5a7}
.bf-still .bf-viewport{height:auto}.bf-still .bf-travel{min-height:0}.bf-still .bf-pin{position:relative;top:0}
.um-film-reveal .ur-browserbar>.ur-film-label{color:#60563f}.um-film-reveal .ur-browserbar>.ur-film-note{font:8px var(--sans,Arial,sans-serif);letter-spacing:0;color:#60563f}
.um-film-reveal.um-revealed>canvas{opacity:.12}
@media(max-width:600px){
 .bf-caption{display:block;padding:12px 14px}.bf-caption>span{font-size:7px}.bf-caption p{font-size:10px;margin-top:6px}
 .bf-viewport{height:calc((100cqw - 28px)*.75 + 116px)}.bf-travel{min-height:calc(100% + 1100px);padding:10px 8px}
 .bf-pin{width:100%;top:10px}.bf .bf-chapters button{gap:4px;font-size:7px;min-height:44px}.bf .bf-chapters button span{font-size:9px}
 .bf-still .bf-travel{min-height:0}.bf-still .bf-viewport{height:auto}
}