.task-films{overflow:hidden;background:#1c2319;border:1px solid #363e30;border-radius:16px;color:#f4f1e8}
.task-film-tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid #3d4836;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#899b70 #1c2319}
.task-film-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border:1px solid #59664b;border-radius:8px;background:transparent;color:#e1e7d6;font:700 14px/1.4 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.task-film-tabs button[aria-selected=true]{background:#f4c341;border-color:#f4c341;color:#252b23}.task-film-tabs button:hover{border-color:#f4c341}.task-films button:focus-visible,.task-films video:focus-visible{outline:3px solid #f4c341;outline-offset:4px}
.task-film-panel{min-width:0}.task-film-media{position:relative;background:#11170f;aspect-ratio:8/5}.task-film-media video{display:block;width:100%;height:100%;object-fit:contain}.task-film-mark{position:absolute;top:18px;left:20px;pointer-events:none;color:#f4f1e8;background:#1c2319;padding:6px 10px;border-radius:5px;font:700 14px/1.4 Manrope,system-ui,sans-serif}
.task-film-info{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px 28px 18px}.task-film-info h3{font:750 clamp(20px,2vw,28px)/1.25 Manrope,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 10px;color:#f4f1e8}.task-film-info p{max-width:64ch;margin:0;font-size:14px;line-height:1.8;color:#c7d1bc}
.task-film-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.task-film-actions .button{min-width:142px;min-height:48px;justify-content:center;font-size:14px}.task-film-duration{color:#c7d1bc;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.task-films .task-film-status{color:#d6dfcb;margin:0 28px 22px;min-height:24px;font-size:13px;line-height:1.7}.task-films[data-state=error] .task-film-status{color:#ffdd92}.demo-section .task-film-note{margin:16px 0 0;font-size:13px;line-height:1.8;color:#49523f;max-width:72ch}.task-film-note a{color:inherit;text-decoration:underline;text-underline-offset:4px}.task-films button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.task-film-tabs{padding:12px;gap:7px}.task-film-tabs button{flex:1;padding:10px 12px;font-size:13px;gap:7px}.task-film-tabs .icon{width:20px;height:20px}.task-film-info{display:block;padding:22px 20px 16px}.task-film-info p{font-size:14px}.task-film-actions{margin-top:20px;justify-content:space-between;gap:10px}.task-films .task-film-status{margin:0 20px 20px}.task-film-mark{top:10px;left:12px;font-size:11px;padding:5px 8px}.demo-section .task-film-note{font-size:12px}.task-film-media{aspect-ratio:8/5}}