@font-face{font-family:Inter;src:url("/assets/ready/fonts/inter/inter-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/ready/fonts/inter/inter-medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/ready/fonts/inter/inter-semi-bold.otf") format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/ready/fonts/inter/inter-bold.otf") format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/ready/fonts/jetbrains-mono/webfonts/jetbrains-mono-regular.woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body,#film{margin:0;width:100%;height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,sans-serif;color-scheme:dark}
.film-player{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 58px;overflow:hidden}
.film-stage{position:relative;overflow:hidden;min-height:0}
.film-artboard{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center}
.transport{display:flex;gap:12px;align-items:center;padding:6px 16px;border-top:1px solid #242426;background:#0d0d0d}
button,.expand{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border:0;color:inherit;background:transparent;cursor:pointer;flex:none}
button:hover,.expand:hover{background:#242426}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #71dc72;outline-offset:2px}
.transport img{width:20px;height:20px;filter:invert(1)}input{min-width:40px;flex:1;height:44px;accent-color:#70cd72;cursor:pointer}
.time{font:11px "JetBrains Mono",monospace;white-space:nowrap;color:#b3b3bb}select{font:12px Inter,sans-serif;background:#0d0d0d;color:#dadade;max-width:175px;border:1px solid #3a3a3c;padding:10px;min-height:44px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-player.is-embedded{grid-template-rows:minmax(0,1fr) 74px}
.is-embedded .transport{border:0;background:transparent;padding:14px 0;gap:22px}
.is-embedded .transport button{width:auto;gap:10px;padding:0 12px 0 0;font:12px Inter,sans-serif}
.is-embedded .transport button:hover{color:var(--accent);background:transparent}
.is-embedded .transport input{max-width:180px;accent-color:#8b8b94}
.is-embedded .transport .time{color:var(--muted)}
.is-embedded .scene-label{margin-left:auto}
.is-embedded select{border:0;background:transparent;color:var(--ink)}
.is-embedded .expand{display:none}
@media(max-width:540px){.is-embedded .transport{gap:12px}.is-embedded .transport input{max-width:70px}.is-embedded .time{display:none}.is-embedded select{width:130px}}
@media(max-width:540px){.transport{gap:5px;padding:4px 6px}.time{font-size:10px}.expand{display:none}select{width:106px;font-size:11px;padding:4px}.film-player{grid-template-rows:minmax(0,1fr) 54px}}
@media(forced-colors:active){.transport{border-top:1px solid CanvasText}.transport img{filter:none}button,.expand{forced-color-adjust:none;background:#000;color:#fff}}