/* Shared interaction rhythm. No continuous decorative animation. */
:root{--motion-fast:140ms;--motion-normal:200ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}
/* Stable selection: retain each thumbnail's slot and the fitted canvas. */
.creator-editor .question-thumb:not(.active) .sequence-inline-add{visibility:hidden;pointer-events:none}
html body .creator-editor .creator-canvas{animation:none!important}
.creator-editor .sequence-list,.creator-editor .creator-panel-scroll{overflow-anchor:none;scrollbar-gutter:stable}
:is(.studio-shell,.creator-editor,.live-screen,.studio-modal,.player-modal) :is(.btn,.icon-btn,.nav-btn,button,summary){transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),scale var(--motion-fast) var(--motion-ease)}
:is(.studio-shell,.creator-editor,.live-screen,.studio-modal,.player-modal) :is(.btn,.icon-btn,summary):active{scale:.97}
.question-thumb{position:relative;transition:opacity 150ms,translate 180ms var(--motion-ease);cursor:grab}
.question-thumb:active{cursor:grabbing}
.question-thumb .thumb-card{transition:border-color 140ms,box-shadow 150ms,scale 150ms}
.question-thumb.motion-dragging{opacity:.55;z-index:2}
.question-thumb.motion-dragging .thumb-card{scale:1.015;box-shadow:0 8px 22px #10105c26}
.question-thumb.motion-drop-before{translate:0 5px}
.question-thumb.motion-drop-after{translate:0 -5px}
.question-thumb.motion-drop-before::before,.question-thumb.motion-drop-after::after{content:'';position:absolute;left:4px;right:4px;height:3px;border-radius:999px;background:#6730ff;pointer-events:none}
.question-thumb.motion-drop-before::before{top:-6px}
.question-thumb.motion-drop-after::after{bottom:-6px}
.motion-removed-thumb{box-sizing:border-box;border:2px solid #dce1f2;border-radius:14px;background:#fff;overflow:hidden;display:grid;padding:10px;color:#10105c}
.media-area,.upload-zone{transition:background-color 160ms,border-color 160ms,box-shadow 160ms}
html body .media-area.motion-file-over,html body .upload-zone.motion-file-over{background:#f0ebff!important;border-color:#6730ff!important;box-shadow:inset 0 0 0 2px #6730ff33}
html body .creator-editor .properties .property-tabs{position:relative;isolation:isolate}
html body .creator-editor .properties .property-tabs::before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 6px);background:#6730ff;border-radius:999px;box-shadow:0 2px 5px #6730ff1f;transition:translate 180ms var(--motion-ease)}
html body .creator-editor .properties .property-tabs:has([data-action="prop:design"].active)::before{translate:calc(100% + 4px) 0}
html body .creator-editor .properties .property-tabs button,html body .creator-editor .properties .property-tabs button.active{background:transparent!important;box-shadow:none!important}
.modal-backdrop{animation:ludica-fade 160ms both}
.modal-backdrop>.modal{animation:ludica-modal 220ms var(--motion-ease) both}
.editor-more[open] .editor-more-list{animation:ludica-modal 160ms var(--motion-ease) both}
.player-answer.selected,.live-option.selected,.opinion-scale button.selected{animation:ludica-select 150ms var(--motion-ease)}
.correct-check,.pin-marker{animation:ludica-select 180ms var(--motion-ease)}
.campus-count-fill{transform-origin:bottom;animation:ludica-bar-y 450ms var(--motion-ease) both}
.live-result-bar i{transform-origin:left;animation:ludica-bar-x 450ms var(--motion-ease) both}
#toast.show{animation:ludica-modal 180ms var(--motion-ease) both}
@keyframes ludica-fade{from{opacity:0}to{opacity:1}}
@keyframes ludica-modal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes ludica-select{from{scale:.97}to{scale:1}}
@keyframes ludica-bar-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ludica-bar-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:650px){.question-thumb.motion-drop-before{translate:5px 0}.question-thumb.motion-drop-after{translate:-5px 0}.question-thumb.motion-drop-before::before,.question-thumb.motion-drop-after::after{top:4px;bottom:4px;width:3px;height:auto}.question-thumb.motion-drop-before::before{left:-5px;right:auto}.question-thumb.motion-drop-after::after{right:-5px;left:auto}}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.question-thumb.motion-drop-before,.question-thumb.motion-drop-after{translate:none}.question-thumb.motion-dragging .thumb-card{scale:1}}