/* Main motion collection: VGC blue, light editorial panel. */
.motion-collection-intro{background:#edf5ff;color:#16324f;border:1px solid #bad5ee;border-radius:16px;padding:24px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.motion-collection-intro h3{color:#12314d;margin:0 0 8px;font-size:26px}.motion-collection-intro p{color:#46617a;margin:6px 0;font-size:15px}.motion-collection-intro a{color:#07568d}.motion-collection-intro .quiet-button{background:#fff;color:#07568d;border-color:#9bbfdc;text-align:center}.motion-collection-intro small{display:block;max-width:650px;line-height:1.6}
.motion-filters{display:flex;gap:14px;margin:20px 0;flex-wrap:wrap}.motion-filters label{display:grid;gap:6px;flex:1;min-width:200px}.motion-filters select{width:100%;padding:12px;border:1px solid #648199;border-radius:8px;background:#0e1b27;color:#f6faff;font:inherit}.motion-count{font-size:14px;color:#aac9de;margin:0 0 12px}
.awesome-preview{position:relative;overflow:hidden;border-radius:10px;background:#101923;aspect-ratio:16/9}.awesome-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.awesome-preview>span{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#071321dd;color:white;border-radius:4px;font:11px/1.4 system-ui;pointer-events:none}
#style-dialog .awesome-preview{max-width:720px;margin:0 auto}#style-dialog .awesome-source{font-size:14px;color:#a9c8df}.awesome-rules{padding-left:20px;line-height:1.65}.awesome-rules li{margin-bottom:8px}.motion-collection-intro .download-note{margin-top:8px;font-size:12px;text-align:center}
@media(max-width:650px){.motion-collection-intro{grid-template-columns:1fr;padding:18px}.motion-collection-intro h3{font-size:23px}.motion-filters{gap:12px}.motion-filters label{min-width:100%}}