/* Dialog close controls move independently from window controls and footer actions. */
:is(.as-header,.pd-controls,.work-dialog-header) button[data-close],.sng-crop-dialog [data-crop-close],.sng-close-x{
  transition:transform 180ms cubic-bezier(.2,.8,.2,1),background-color 180ms ease,color 180ms ease,box-shadow 180ms ease,opacity 180ms ease;
  transform-origin:center;
}
@media(hover:hover){
  :is(.as-header,.pd-controls,.work-dialog-header) button[data-close]:not(:disabled):hover,.sng-crop-dialog [data-crop-close]:not(:disabled):hover,.sng-close-x:not(:disabled):hover{
    transform:rotate(90deg) scale(1.08);background:color-mix(in srgb,var(--work-accent,var(--accent,#4f8fff)) 14%,transparent);color:var(--work-accent,var(--accent,#4f8fff));
  }
}
:is(.as-header,.pd-controls,.work-dialog-header) button[data-close]:focus-visible,.sng-crop-dialog [data-crop-close]:focus-visible,.sng-close-x:focus-visible{outline:2px solid var(--work-accent,var(--accent,#4f8fff));outline-offset:2px}
:is(.as-header,.pd-controls,.work-dialog-header) button[data-close]:not(:disabled):active,.sng-crop-dialog [data-crop-close]:not(:disabled):active,.sng-close-x:not(:disabled):active{transform:rotate(90deg) scale(.94)}
@media(prefers-reduced-motion:reduce){:is(.as-header,.pd-controls,.work-dialog-header) button[data-close],.sng-crop-dialog [data-crop-close],.sng-close-x{transition:none!important;transform:none!important}}