/* r12 scoped Motion card presentation and reversible, compositor-only red reveal. */
#studioCreate[data-workflow=motion] .motion-reveal-host{isolation:isolate}
.motion-red-layer{display:none;pointer-events:none}
#studioCreate[data-workflow=motion] .motion-red-layer{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(#461018,#4f0f17 45%,#5c0f1a);transform:translateY(101%);transition:transform 280ms cubic-bezier(.16,1,.3,1);pointer-events:none}
#studioCreate[data-workflow=motion] .motion-red .motion-red-layer{transform:translateY(0)}
#studioCreate[data-workflow=motion] .model-stage>.motion-red-layer{z-index:2;opacity:.45}
#studioCreate[data-workflow=motion] .prompt-card{background:linear-gradient(150deg,#24262a,#1a1c1e 45%,#0f1113)}
#studioCreate[data-workflow=motion] .prompt-card textarea{height:80px;min-height:80px;padding:12px;resize:vertical;font-size:14px}
#studioCreate[data-workflow=motion] .prompt-card #sTextLabel{display:block;font-size:14px;padding:12px}
#studioCreate[data-workflow=motion] .prompt-card #sTextHelp{min-height:46px;font-size:11px;line-height:14px;margin:0;padding:4px 12px 10px}
#sMotionPresentation{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #ffffff14}
#sMotionPresentation .setting-chips{flex-wrap:nowrap;gap:0;padding:3px}
#sMotionPresentation button{font-size:10px;min-height:24px;padding:3px 10px;white-space:nowrap}
#sAdultTheme[aria-pressed=true]{background:#ef4444;color:#fff;box-shadow:0 0 12px #ef444477}
#studioCreate[data-workflow=motion] .prompt-card #sThemeNote{font-size:10px;line-height:14px;margin:0;padding:0 12px 8px;color:#c6bfc1}
#studioCreate[data-workflow=motion] .compose-actions{display:flex;flex-direction:column-reverse;gap:8px;padding:4px 0;margin:0}
#studioCreate[data-workflow=motion] #sPreview{width:100%;min-height:50px;background:linear-gradient(#fff,#c9ccce)}
#studioCreate[data-workflow=motion] #sSave{min-height:30px;align-self:center;border:0;font-size:12px}
#sMotionDetails{margin:8px 0;font-size:12px}#sMotionDetails summary{cursor:pointer;padding:8px 0;color:#bbb}
#sMotionDetails #sResolutionLabel,#sMotionDetails>#sResolution{display:none}
#sMotionDetails>#sName{margin-bottom:12px}
#sMotionPresentation[hidden],#sThemeNote[hidden],#sMotionDetails[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#studioCreate[data-workflow=motion] .motion-red-layer{transform:none;opacity:0;transition:opacity 120ms linear!important}#studioCreate[data-workflow=motion] .motion-red .motion-red-layer{opacity:1;transform:none}#studioCreate[data-workflow=motion] .motion-red .model-stage>.motion-red-layer{opacity:.45}}
#sResultToolbar{display:flex;align-items:center;gap:5px;margin-left:auto;flex-wrap:wrap}
#sResultToolbar[hidden]{display:none}#sResultToolbar button{min-width:32px;padding:5px 10px}
#sResultToolbarStatus:empty{display:none}#sResultToolbarStatus{font-size:12px;color:#ccc}
#studioCreate[data-workflow=motion] #sResultsGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--motion-tile-size,180px)),var(--motion-tile-size,180px)));justify-content:start}
#studioCreate[data-workflow=motion] #sResultsGrid .result-preview{height:auto;aspect-ratio:9/16}
#studioCreate[data-workflow=motion] .studio-results>.section-heading{flex-wrap:wrap}
.result-select-check[hidden]{display:none}.result-select-check{position:absolute;inset:0;z-index:3;border-radius:16px;background:transparent;color:white;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px;font-size:26px;border:2px solid transparent;transition:none}.result-select-check[aria-pressed=true]{border-color:white;background:#ffffff12}.result-selecting .result-card video{pointer-events:none}.result-selected{outline:2px solid white;outline-offset:-2px}#sResultSelectionCount{font-size:12px;white-space:nowrap}
@media(max-width:380px){#sMotionPresentation{padding:8px;gap:4px}#sMotionPresentation button{padding:3px 7px}}