/* Visual film selection, scoped to the studio. */
.studio-toolbox{background:#f8f5ee;border:1px solid #dbd7ca;padding:28px;border-radius:16px}
.film-collection-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:24px}.film-collection-heading h2{font-size:clamp(28px,3vw,40px);color:#263d35;margin:8px 0}.film-collection-heading p{font-size:12px;line-height:1.8;color:#586658;max-width:600px;margin:0}.film-collection-heading .btn-quiet{white-space:nowrap}
.motion-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.motion-choice{padding:0 0 15px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;background:#fffdf8;min-width:0;border-radius:9px;border:1px solid #d8d9ce;color:#263d35;transition:box-shadow .25s,transform .25s}
.motion-choice-art{display:block;position:relative;overflow:hidden;background:#e9e3d6;aspect-ratio:5/7;margin-bottom:13px}.motion-choice canvas,.motion-choice img{width:100%;height:100%;display:block;object-fit:cover}.motion-choice strong{font:16px/1.3 'Playfair Display',Georgia,serif;margin:0 12px 6px}.motion-choice small{font-size:10px;line-height:1.6;color:#596252;margin:0 12px}.motion-choice[aria-pressed=true]{background:#fffdf8;box-shadow:0 0 0 2px #345643;border-color:#345643}.motion-choice:hover{transform:translateY(-3px);box-shadow:0 10px 25px #243b2a15}.motion-choice-number{position:absolute;top:8px;left:8px;background:#fffaf0;color:#3d4639;padding:4px 7px;border-radius:3px;font:10px Georgia}.motion-choice-check{display:none;position:absolute;right:8px;bottom:8px;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#284d3b;color:#fff}.motion-choice[aria-pressed=true] .motion-choice-check{display:flex}.motion-selection{font-size:12px;color:#3d5746;margin:18px 0 0;line-height:1.8}
.studio-tool-row{padding-top:18px;border-top:1px solid #dddacf}.studio-tool-row #draftStatus{flex-basis:100%;color:#3e5743}.studio-workspace-anchor{scroll-margin-top:25px}.film-storyboard{background:#fffdf8;border:1px solid #e0ddcf;padding:15px;border-radius:12px;margin:18px 0}.film-storyboard[hidden]{display:none}.film-storyboard-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px;font-size:11px;color:#334735}.film-storyboard-heading span{font-size:9px;color:#66725e}.film-storyboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.film-chapter{padding:0;border:1px solid #d8ddce;border-radius:5px;overflow:hidden;background:#fffdf8;color:#3e503e}.film-chapter canvas{display:block;width:100%;height:auto}.film-chapter span{display:block;padding:9px 4px;font-size:8px;line-height:1.4}.film-chapter:hover{outline:2px solid #687e57;outline-offset:1px}.video-studio-container .scene-indicator-badge{font-size:10px;background:#182a22e8;color:white}.video-studio-container .live-recording-indicator{background:#182a22e8;color:white}
@media(max-width:1100px){.motion-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.motion-choice strong{font-size:14px}.motion-choice small{font-size:9px}.film-collection-heading{align-items:start}.film-collection-heading .btn-quiet{padding:10px 13px;font-size:10px}}
@media(max-width:767px){.studio-toolbox{padding:18px 14px}.film-collection-heading{flex-direction:column;gap:15px}.motion-choices{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 14px;gap:14px}.motion-choice{flex:0 0 180px;scroll-snap-align:start}.motion-choice strong{font-size:16px}.motion-choice small{font-size:10px}.studio-tool-row{gap:10px}.studio-tool-row label{font-size:11px}.studio-tool-row select{max-width:125px}.film-storyboard-heading{flex-direction:column;align-items:start;gap:4px}}
@media(prefers-reduced-motion:reduce){.motion-choice{transition:none}.motion-choice:hover{transform:none}}