.ai-reel{width:100%;min-width:0}.ai-reel figure{margin:0}.ai-reel-frame{background:hsl(var(--background));border:1px solid hsl(var(--ink) / .2)}.ai-reel-frame video,.ai-reel-frame img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;background:hsl(var(--background))}.ai-reel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem}.ai-reel-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ai-reel-toolbar>span{font-size:.8rem;color:hsl(var(--ink) / .8);line-height:1.4}.ai-reel-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;min-height:44px;padding:.5rem .4rem;color:hsl(var(--neon-yellow));font-size:.8rem;text-decoration:underline;text-underline-offset:.25em}.ai-reel-caption{font-size:.78rem;line-height:1.6;color:hsl(var(--ink) / .76)}.ai-reel-description{margin-top:.75rem;border-top:1px solid hsl(var(--ink) / .2)}.ai-reel summary{min-height:44px;padding-block:.7rem;font-size:.85rem;cursor:pointer;text-underline-offset:.25em}.ai-reel summary:hover{color:hsl(var(--neon-yellow))}.ai-reel-description p{margin:.25rem 0 1rem;font-size:.85rem;line-height:1.7;color:hsl(var(--ink) / .8)}.ai-reel-error{color:hsl(var(--neon-yellow));font-size:.85rem;line-height:1.6;margin-top:.75rem}.ai-reel-error button{min-height:44px;text-decoration:underline;text-underline-offset:.25em}.ai-reel :is(button,summary,video):focus-visible{outline:2px solid hsl(var(--neon-purple));outline-offset:4px}@media(max-width:480px){.ai-reel-toolbar{align-items:flex-start;flex-direction:column;gap:0}}
