.film-aigc-shots{flex-wrap:wrap;gap:7px}.film-aigc-shots button{font-size:11px;padding:8px 11px;min-height:40px}.film-aigc-stage{position:relative;isolation:isolate;aspect-ratio:16/9;width:min(100%,calc(max(180px,90svh - 280px) * var(--aigc-aspect,1.7777778)));margin-inline:auto;overflow:hidden;background:var(--brand-green);color:var(--brand-cream);touch-action:pan-y;cursor:ew-resize}.film-aigc-stage:focus-visible{outline:2px solid var(--frame);outline-offset:3px}.film-aigc-stage canvas,.film-aigc-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.film-aigc-label{position:absolute;top:12px;padding:6px 9px;background:#14261fe6;color:var(--brand-cream);font:11px/1.5 var(--mono,monospace);pointer-events:none}.film-aigc-label small{font-family:var(--sans,sans-serif);font-size:10px;margin-left:5px}.film-aigc-before{left:12px}.film-aigc-after{right:12px}.film-aigc-divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:var(--brand-apricot);transform:translateX(-1px);pointer-events:none}.film-aigc-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:1px solid var(--brand-apricot);border-radius:50%;background:var(--brand-green);display:grid;place-items:center;font-size:23px}.film-aigc-stage[data-view=before] .film-aigc-after,.film-aigc-stage[data-view=after] .film-aigc-before,.film-aigc-stage:not([data-view=split]) .film-aigc-divider{display:none}.film-aigc-stage:not([data-view=split]){cursor:default}.film-aigc-loading{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:8px 12px;background:#14261fe6;font-size:11px;max-width:90%;text-align:center}.film-aigc-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.film-aigc-controls button,.film-aigc-views button{border:1px solid var(--frame);color:var(--ink);background:transparent;min-height:42px;padding:8px 13px;font:12px/1.5 var(--sans,sans-serif)}.film-aigc-controls button{flex:none}.film-aigc-controls button:disabled{opacity:.45;cursor:wait}.film-aigc-seek{accent-color:var(--brand-apricot);width:100%;min-width:0;flex:1;cursor:pointer}.film-aigc-controls output{font:11px var(--mono,monospace);color:var(--muted);flex:none;min-width:112px;text-align:right}.film-aigc-views{display:flex;flex:none;gap:0;margin:0;white-space:nowrap}.film-aigc-views button{min-height:38px;font-size:11px}.film-aigc-views button+button{border-left:0}.film-aigc-views button[aria-pressed=true]{background:var(--brand-apricot);color:var(--brand-green)}.film-aigc-episodes button{min-width:42px}.film-aigc-controls button:focus-visible,.film-aigc-views button:focus-visible{outline:2px solid var(--frame);outline-offset:3px}
@media(max-width:600px){.film-aigc-shots{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.film-aigc-shots button{flex:none;white-space:nowrap;font-size:10px;padding:8px 10px;min-height:42px}.film-aigc-controls{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px}.film-aigc-play,.film-aigc-replay{justify-self:start}.film-aigc-views{grid-column:2/4;grid-row:2;justify-self:end}.film-aigc-controls button{padding:8px 10px}.film-aigc-controls output{grid-column:1;grid-row:2;min-width:0;width:auto;font-size:10px;white-space:nowrap;text-align:left}.film-aigc-seek{grid-column:3;min-width:0;min-height:30px}.film-aigc-label{top:8px;padding:5px 7px;font-size:9px}.film-aigc-label small{display:block;margin-left:0;font-size:9px}.film-aigc-before{left:8px}.film-aigc-after{right:8px}.film-aigc-divider>span{width:34px;height:34px;font-size:21px}.film-aigc-views button{min-height:42px}}