/* Dedicated sleeve edit workspace. Preview and proof retain the supplier side image. */
.wu-completion-ui .wu-sleeve-workspace {
	position: absolute;
	inset: 7%;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	padding: 22px 18px;
	border: 1px solid #d3ded8;
	background:
		linear-gradient(rgba(8, 107, 80, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(8, 107, 80, .045) 1px, transparent 1px),
		#f8faf9;
	background-size: 24px 24px;
	color: var(--wu-ink);
	pointer-events: none;
}
.wu-completion-ui .wu-sleeve-workspace[hidden] { display: none; }
.wu-completion-ui .wu-sleeve-workspace::before {
	content: "";
	position: absolute;
	inset: 13% 18%;
	border: 1px solid rgba(8, 107, 80, .16);
	border-radius: 42% 42% 18% 18% / 16% 16% 12% 12%;
	background: rgba(255, 255, 255, .48);
}
.wu-completion-ui .wu-sleeve-workspace > * { position: relative; z-index: 1; }
.wu-completion-ui .wu-sleeve-workspace-kicker {
	color: var(--wu-accent-dark);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.wu-completion-ui #wu-sleeve-workspace-title { font-size: 17px; line-height: 1.2; }
.wu-completion-ui #wu-sleeve-workspace-limit { max-width: 100%; color: var(--wu-muted); font-size: 11px; line-height: 1.35; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace #wu-garment { display: none; }
.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace::after { content: "Proof review required"; }
.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace #wu-empty-cue {
	width: min(230px, 46%);
	min-height: 76px;
	padding: 9px 12px;
}
.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace #wu-empty-cue::before,
.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace #wu-empty-cue::after { display: none; }
@media (max-width: 767px) {
	.wu-completion-ui .wu-sleeve-workspace { inset: 5%; padding: 16px 12px; }
	.wu-completion-ui #wu-sleeve-workspace-title { font-size: 15px; }
	.wu-completion-ui[data-editor-mode="edit"] .wu-stage.is-sleeve-workspace #wu-empty-cue { width: 50%; min-height: 70px; }
}
@media (prefers-reduced-motion: reduce) {
	.wu-completion-ui .wu-sleeve-workspace { scroll-behavior: auto; }
}