.film-dialog{background:0 0;border:0;width:min(1180px,100% - 28px);max-width:none;padding:0;overflow:visible}.film-dialog::backdrop{backdrop-filter:blur(8px);background:#04060bf2}.film-stage{line-height:0;position:relative}.film-dialog-video{aspect-ratio:16/9;background:#070a12;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 40px 90px #000000ad}.film-bar{justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex;position:absolute;top:0;left:0;right:0}.film-controls{align-items:center;gap:4px;min-width:0;display:flex}.film-controls:before{content:">>>";color:#6f88a6;flex:none;margin-right:6px;font:500 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.film-code{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;min-height:44px;padding:11px 12px;transition:background .18s;display:grid}.film-code:hover{background:#16243acc}.film-code:focus-visible{outline-offset:2px;outline:2px solid #c6eaff}.film-code code{white-space:nowrap;background:0 0;border:0;padding:0;font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.code-obj{color:#8fb6e8}.code-fn{color:#bda9e7}.code-punct{color:#8fa4bd}.code-bool{color:#e0b268}.film-code:hover .code-fn{color:#dcccff}.film-close{backdrop-filter:blur(10px);background:#070c16b8;flex:none}.film-close:hover{background:#16243ae6}@media (width<=767px){.film-controls:before,.code-scope{display:none}.film-code{padding:11px 9px}.film-code code{font-size:12px}}@media (width>=768px){.film-dialog-video{border-radius:22px}.film-bar{padding:14px 18px}.film-code code{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.film-code{transition:none}}