/* Square-cropper UI */
.crop-ui            {max-width:640px;margin:0 auto 3rem;text-align:center;font-family:system-ui,sans-serif}
.crop-ui .controls  {display:flex;justify-content:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}
.crop-ui input[type=file],
.crop-ui select     {padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:.25rem;font-size:.9rem}
.crop-ui button     {padding:.45rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:.25rem;font-size:.9rem;cursor:pointer;margin-top:1rem}
.crop-ui button:disabled{opacity:.6;cursor:not-allowed}
.container          {position:relative}
.container video    {width:100%;height:auto;display:block;background:#000}
#overlay            {position:absolute;border:2px dashed #4f46e5;width:180px;height:180px;cursor:move;user-select:none;display:none}
#overlay .handle    {position:absolute;width:14px;height:14px;background:#4f46e5;border-radius:50%;right:-7px;bottom:-7px;cursor:se-resize}
#prog               {width:100%;height:6px;margin-top:.7rem;display:none}