/* Keep the existing compact editor; reveal animation controls when relevant. */
.motion-preview{position:absolute;transform-origin:center;pointer-events:none;object-fit:fill;max-width:none;-webkit-user-drag:none}
.motion-tools,.motion-export{margin:14px 0;padding:13px;border:1px solid rgba(139,191,207,.27);border-radius:8px;background:rgba(13,32,48,.65)}
.motion-tools label,.motion-export label{display:block;font-size:12px;margin:10px 0 6px;color:#bdd9df}
.motion-tools .motion-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;color:var(--gold);font-size:12px}
.motion-tools input[type=number]{width:100%;padding:9px;background:#091522;color:#edf4f8;border:1px solid #345878;border-radius:4px}
.motion-export .upgrade-row>div{flex:1;min-width:0}.motion-export select{width:100%}
.motion-progress{width:min(280px,75vw);height:8px;accent-color:#c8b477;margin:9px 0 16px}
#motion-cancel{padding:9px 24px;border:1px solid #527387;border-radius:6px;background:#102232;color:#e6edf1;cursor:pointer}
#upload-loading p{max-width:85vw;text-align:center;line-height:1.8}
#media-result{margin:auto;width:min(850px,94vw);max-height:94dvh;overflow:auto;padding:20px;background:#0c1828;color:#e7edf2;border:1px solid #56798b;border-radius:12px}
#media-result::backdrop{background:#030912df}#media-result h2{color:var(--gold);font-size:20px;margin:0 0 12px}
#media-result video,#media-result img{display:block;max-width:100%;max-height:62dvh;margin:12px auto;background:#000}
.media-result-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.media-result-actions a{display:inline-block;text-decoration:none}
#media-result-status{font-size:12px;line-height:1.7;color:#b4cbd4}
.crystal-lightbox .lightbox-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(820px,calc(100dvh - 46px));max-height:calc(100dvh - 46px)}
.crystal-lightbox .lightbox-image-wrap{height:100%;min-height:0}
.crystal-lightbox #crystal-detail-image,.crystal-lightbox #crystal-detail-video{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;margin:auto;background:#030a14}
@media(max-width:700px){.crystal-lightbox .lightbox-shell{height:calc(100dvh - 26px);max-height:calc(100dvh - 26px)}}
.crystal-media-download{display:inline-flex;margin-top:10px;font-size:12px;color:#e2ce91;text-decoration:none;border:1px solid #756d52;border-radius:5px;padding:8px 12px}