.agent-film{width:100%;overflow:hidden;border:1px solid #615783;border-radius:18px;background:#10132b;color:#f4f2ff;text-align:left}
.agent-film-screen{position:relative;aspect-ratio:16/9}
.agent-film-screen .agent-film-poster,.agent-film-canvas{width:100%;height:100%;object-fit:contain;display:block}
.agent-film [hidden]{display:none!important}
.agent-film .agent-film-decoder{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.agent-film-controls{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#181b34;font:16px/1.4 system-ui,sans-serif}
.agent-film-toggle{border:0;border-radius:8px;padding:10px 18px;background:#7055bd;color:#fff;cursor:pointer;min-height:44px;flex-shrink:0}
.agent-film-seek{flex:1;min-width:30px;accent-color:#bda6ff;cursor:pointer;height:32px}
.agent-film-time{font-size:14px;white-space:nowrap}
.agent-film-controls a{color:#d4c4ff;white-space:nowrap;font-size:14px}
.agent-film-controls :focus-visible{outline:2px solid #c1aaff;outline-offset:3px}
.agent-film-error{color:#ffd6d6;font-size:14px;padding:12px 18px;margin:0}
@media(max-width:600px){.agent-film-controls{gap:8px;padding:8px}.agent-film-toggle{padding:8px 12px}.agent-film-controls a{font-size:12px}.agent-film-time{font-size:12px}}