/* Talent reels: simulated player dialog and the buttons that open it */
.modal.reel-modal{max-width:640px;padding:30px 30px 24px;scrollbar-color:#3a3748 transparent}
.reel-intro{display:flex;align-items:center;gap:12px;margin:-4px 0 16px}
.reel-intro .reel-avatar{width:40px;height:40px;border-radius:50%}
.reel-intro b{display:block;font-size:13px;font-weight:600}
.reel-intro small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.reel-stage{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0c0b11;isolation:isolate}
.reel-stage img{display:block;pointer-events:none;user-select:none}
.reel-frame{width:100%;height:100%;object-fit:cover;transform-origin:60% 40%;animation:reel-drift 16s ease-in-out infinite alternate paused}
.reel-stage.is-playing .reel-frame{animation-play-state:running}
.reel-stage.is-vertical .reel-frame{width:auto;aspect-ratio:9/16;margin:0 auto;position:relative;box-shadow:0 0 40px #0009}
.reel-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(22px) brightness(.45) saturate(1.2);z-index:-1}
.reel-voice{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.reel-voice .reel-voice-portrait{width:92px;height:92px;border-radius:50%;box-shadow:0 0 0 6px #ffffff0d,0 12px 40px #0008;transition:box-shadow .3s}
.reel-stage.is-playing .reel-voice-portrait{box-shadow:0 0 0 6px #b9b0f42e,0 12px 40px #0008}
.reel-voice .sound-wave{height:44px;margin:0}
.reel-shape{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#0d0c12b3;backdrop-filter:blur(8px);font-size:10.5px;color:#d8d4ea}
.reel-big-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f3f1fbe6;color:#1f1d2c;box-shadow:0 10px 30px #0007;transition:scale .15s,background .15s}
.reel-big-play:hover{scale:1.06;background:#fff}
.reel-big-play[hidden]{display:none}
.reel-stage.is-audio .reel-big-play{top:auto;bottom:14px;left:auto;right:14px;translate:none;width:46px;height:46px}
.reel-controls{display:flex;align-items:center;gap:10px;margin-top:12px}
.reel-toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:#ecebf2;flex-shrink:0}
.reel-toggle:hover{background:#ffffff1a}
.reel-controls input{flex:1;min-width:0;accent-color:var(--accent);margin:0;padding:0;background:none;border:0}
.reel-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.reel-now{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;margin-top:12px}
.reel-now b{flex-basis:100%;font-size:15px;font-weight:600;line-height:1.4}
.reel-now small{font-size:11.5px;color:#a49eb9}
.reel-open{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#c7bafa}
.reel-open:hover{text-decoration:underline}
.modal .reel-status{font-size:11px;color:#7f7a9a;min-height:16px;margin:4px 0 0}
.reel-filter{display:flex;gap:6px;margin:16px 0 8px}
.reel-filter button{padding:6px 11px;border-radius:999px;border:1px solid #ffffff17;font-size:11.5px;color:#b5b1c8}
.reel-filter button span{color:#7f7a9a;margin-left:2px}
.reel-filter button[aria-pressed=true]{background:#b9b0f41a;border-color:#b9b0f455;color:#e6e3f3}
.reel-filter button:disabled{opacity:.4;cursor:default}
.reel-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.reel-list button{display:flex;align-items:center;gap:11px;width:100%;padding:7px 8px;border-radius:10px;text-align:left}
.reel-list button:hover{background:#ffffff0a}
.reel-list button.is-current{background:#b9b0f414}
.reel-list button>span:nth-child(2){flex:1;min-width:0}
.reel-list b{display:block;font-size:12.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reel-list small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.reel-list button>.app-icon:last-child{color:#7f7a9a}
.reel-list button.is-current>.app-icon:last-child{color:var(--accent)}
.reel-thumb{position:relative;width:64px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#24212a}
.reel-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-thumb.is-audio img{filter:blur(3px) brightness(.5)}
.reel-thumb .app-icon{position:relative;color:#ecebf2}
.reel-modal .mock-note{margin:12px 0 0;padding:0}
.reel-actions{display:flex;justify-content:space-between;gap:9px;margin-top:6px}
.reel-actions .button+.button{margin-left:auto}
@keyframes reel-drift{from{transform:scale(1)}to{transform:scale(1.09) translate(-1.5%,1%)}}
@media(prefers-reduced-motion:reduce){.reel-frame{animation:none}}
/* Reel buttons on picker rows, actor cards, and the creative team menu */
.picker-reel{display:grid;place-items:center;width:34px;height:34px;color:#8f8aa9;border-radius:8px;flex-shrink:0}
.picker-reel:hover{background:#ffffff0a;color:#ecebf2}
.talent-reel-button{display:inline-flex;align-items:center;gap:4px}
@media(max-width:650px){
 .modal.reel-modal{padding:26px 16px 18px}
 .reel-voice .reel-voice-portrait{width:64px;height:64px}
 .reel-voice{gap:10px}
 .reel-big-play{width:52px;height:52px}
 .reel-actions{flex-direction:column-reverse}
 .reel-actions .button{width:100%}
 .modal .reel-actions .button+.button{margin-left:0}
}