/* Download button on generated images. assets/js/image-download.js adds it inside the reply
 * box and sets its top and left to the image's top-right corner; the transform and margin
 * pull it back inside the image by 12px. It sits on the picture, not the page, so one look
 * works on light and dark pages: dark glass with white text, like a photo app's controls.
 * It's always visible, because phones have no hover. */

body .mwai-form-output-container .mwai-form-output:has(> .ws-img-download) {
	position: relative;
}

body .mwai-form-output-container .mwai-form-output a.ws-img-download.ws-img-download {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	margin: 12px 0 0 -12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: var(--ws-control-h-sm);
	padding: 0 14px 0 11px;
	border-radius: var(--ws-radius-md);
	background: rgb(24 24 26 / 0.72);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.18), 0 6px 16px -6px rgb(0 0 0 / 0.45);
	color: var(--ws-white);
	font: 600 var(--ws-text-small)/1 var(--ws-font-sans);
	letter-spacing: 0;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	opacity: 0;
	transition: background-color var(--ws-dur-fast) var(--ws-ease-out), opacity var(--ws-dur) var(--ws-ease-out);
}
/* Hidden until the script has placed it, so it never flashes in the box's corner first. */
body .mwai-form-output-container .mwai-form-output a.ws-img-download.ws-img-download.is-placed {
	opacity: 1;
}
body .mwai-form-output-container .mwai-form-output a.ws-img-download.ws-img-download:hover {
	background: rgb(0 0 0 / 0.9);
	color: var(--ws-white);
}
body .mwai-form-output-container .mwai-form-output a.ws-img-download.ws-img-download:focus-visible {
	outline: 2px solid var(--ws-white);
	outline-offset: 2px;
}
body .mwai-form-output-container .mwai-form-output a.ws-img-download.ws-img-download svg {
	width: 18px;
	height: 18px;
	flex: none;
}

/* AI Engine's own image download, in case an update makes it show: one button is enough. */
body .mwai-form-output-container .mwai-reply-actions .mwai-download-button {
	display: none;
}