.dw-preview-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,8,16,.96);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s;isolation:isolate}
.dw-preview-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}
.dw-preview-modal{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#087cff #061426}
.dw-preview-modal::-webkit-scrollbar{width:8px}.dw-preview-modal::-webkit-scrollbar-track{background:#061426}.dw-preview-modal::-webkit-scrollbar-thumb{background:#087cff;border-radius:10px;border:2px solid #061426}
.dw-preview-image-wrap{min-height:100%;padding:clamp(54px,6vw,78px) clamp(12px,3vw,48px) 32px;display:flex;justify-content:center;box-sizing:border-box}
.dw-preview-image{display:block;width:100%;max-width:1150px;height:auto;opacity:0;transform:translateY(15px) scale(.985);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1);box-shadow:0 18px 80px rgba(0,70,180,.16)}
.dw-preview-image.is-loaded{opacity:1;transform:none}.dw-preview-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:2;width:46px;height:46px;padding:0;display:grid;place-items:center;appearance:none;-webkit-appearance:none;border:1px solid rgba(30,139,255,.42);border-radius:50%;background:#061426;color:#fff;font:400 31px/1 Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.35);transition:background .2s,transform .2s,border-color .2s}.dw-preview-close:hover,.dw-preview-close:focus-visible{background:#087cff;border-color:#46a5ff;transform:scale(1.05);outline:none}
.dw-preview-status{position:fixed;inset:0;display:grid;place-items:center;color:#b8c9df;font:500 14px/1.8 system-ui,sans-serif;pointer-events:none}.dw-preview-status:before{content:"";width:28px;height:28px;border:2px solid rgba(30,139,255,.25);border-top-color:#168cff;border-radius:50%;animation:dwpp-spin .8s linear infinite;position:absolute;transform:translateY(-34px)}.dw-preview-status.is-error{color:#fff}.dw-preview-status.is-error:before{display:none}@keyframes dwpp-spin{to{transform:translateY(-34px) rotate(360deg)}}
@media (max-width:600px){.dw-preview-image-wrap{min-height:0;padding:8px 6px 18px}.dw-preview-image{width:100%;max-width:1200px}.dw-preview-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:42px;height:42px;font-size:28px;background:rgba(6,20,38,.96);color:#fff;border:1px solid #168cff;line-height:1}}
@media (prefers-reduced-motion:reduce){.dw-preview-overlay,.dw-preview-image{transition:none}.dw-preview-status:before{animation:none}}

/* Strongly scoped button reset: prevents theme button styles from overriding the modal close control. */
.dw-preview-overlay .dw-preview-close{
	box-sizing:border-box !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	min-height:46px !important;
	margin:0 !important;
	padding:0 0 2px !important;
	border:1px solid rgba(48,153,255,.9) !important;
	border-radius:50% !important;
	background:#07192e !important;
	background-image:none !important;
	color:#ffffff !important;
	font-family:Arial,sans-serif !important;
	font-size:31px !important;
	font-weight:300 !important;
	line-height:1 !important;
	letter-spacing:0 !important;
	text-decoration:none !important;
	text-indent:0 !important;
	text-shadow:none !important;
	opacity:1 !important;
	visibility:visible !important;
	cursor:pointer !important;
}
.dw-preview-overlay .dw-preview-close:hover,
.dw-preview-overlay .dw-preview-close:focus-visible{
	background:#087cff !important;
	color:#ffffff !important;
	border-color:#75b9ff !important;
	outline:2px solid rgba(117,185,255,.45) !important;
	outline-offset:2px !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-close{
		width:42px !important;
		height:42px !important;
		min-width:42px !important;
		min-height:42px !important;
		font-size:29px !important;
	}
}
/* Premium framed preview container */
.dw-preview-overlay .dw-preview-image-wrap{
	width:calc(100% - 80px) !important;
	max-width:1060px !important;
	min-height:0 !important;
	margin:0 auto !important;
	padding:58px 28px 28px !important;
	box-sizing:border-box !important;
	display:block !important;
	background:linear-gradient(145deg,rgba(8,25,48,.98),rgba(3,13,27,.98)) !important;
	border:1px solid rgba(38,115,190,.42) !important;
	border-radius:18px !important;
	box-shadow:0 18px 70px rgba(0,0,0,.48),0 0 34px rgba(0,91,190,.1) !important;
}
.dw-preview-overlay .dw-preview-image{
	width:100% !important;
	max-width:1000px !important;
	margin:0 auto !important;
	border-radius:8px !important;
	box-shadow:0 8px 35px rgba(0,0,0,.32) !important;
}
.dw-preview-overlay .dw-preview-close:hover,
.dw-preview-overlay .dw-preview-close:focus-visible{
	background:#0a2039 !important;
	border-color:rgba(91,174,255,.9) !important;
	color:#dceeff !important;
	transform:scale(1.03) !important;
	box-shadow:0 0 18px rgba(20,126,230,.22) !important;
	outline:1px solid rgba(91,174,255,.28) !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-image-wrap{
		width:calc(100% - 16px) !important;
		max-width:none !important;
		margin:0 8px !important;
		padding:58px 8px 12px !important;
		border-radius:13px !important;
	}
	.dw-preview-overlay .dw-preview-image{
		max-width:100% !important;
		border-radius:5px !important;
	}
	.dw-preview-overlay .dw-preview-close{
		top:max(9px,env(safe-area-inset-top)) !important;
		right:max(9px,env(safe-area-inset-right)) !important;
		width:36px !important;
		height:36px !important;
		min-width:36px !important;
		min-height:36px !important;
		font-size:24px !important;
		padding-bottom:1px !important;
	}
}
/* Final centered showcase frame */
.dw-preview-overlay .dw-preview-modal{
	padding:0 !important;
	box-sizing:border-box !important;
}
.dw-preview-overlay .dw-preview-image-wrap{
	width:calc(100% - 32px) !important;
	max-width:1060px !important;
	margin:18px auto 28px !important;
	padding:54px 28px 26px !important;
	min-height:0 !important;
	display:block !important;
	box-sizing:border-box !important;
	background:#071a30 !important;
	border:1px solid rgba(45,126,204,.72) !important;
	border-radius:20px !important;
	box-shadow:0 16px 60px rgba(0,0,0,.48),inset 0 0 24px rgba(22,111,205,.08) !important;
}
.dw-preview-overlay .dw-preview-image{
	display:block !important;
	width:100% !important;
	max-width:1000px !important;
	margin:0 auto !important;
	border-radius:6px !important;
	box-shadow:0 7px 24px rgba(0,0,0,.3) !important;
}
.dw-preview-overlay .dw-preview-close,
.dw-preview-overlay .dw-preview-close:hover,
.dw-preview-overlay .dw-preview-close:focus,
.dw-preview-overlay .dw-preview-close:focus-visible{
	background:#071a30 !important;
	color:#e8f4ff !important;
	border:1px solid rgba(93,177,255,.9) !important;
	box-shadow:0 0 0 3px rgba(7,26,48,.8),0 4px 20px rgba(0,0,0,.38) !important;
	transform:none !important;
	outline:none !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-image-wrap{
		width:calc(100% - 12px) !important;
		max-width:none !important;
		margin:8px auto 18px !important;
		padding:52px 9px 14px !important;
		border-radius:14px !important;
	}
	.dw-preview-overlay .dw-preview-image{
		width:100% !important;
		max-width:none !important;
		border-radius:4px !important;
	}
	.dw-preview-overlay .dw-preview-close,
	.dw-preview-overlay .dw-preview-close:hover,
	.dw-preview-overlay .dw-preview-close:focus,
	.dw-preview-overlay .dw-preview-close:focus-visible{
		top:max(10px,env(safe-area-inset-top)) !important;
		right:max(10px,env(safe-area-inset-right)) !important;
		width:38px !important;
		height:38px !important;
		min-width:38px !important;
		min-height:38px !important;
		font-size:25px !important;
	}
}
/* Final alignment: close button outside the frame and no empty strip above image */
.dw-preview-overlay .dw-preview-image-wrap{
	margin-top:72px !important;
	padding-top:0 !important;
}
.dw-preview-overlay .dw-preview-close{
	top:16px !important;
	right:18px !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-image-wrap{
		width:calc(100% - 28px) !important;
		margin:58px auto 16px !important;
		padding:0 14px 14px !important;
		border-radius:13px !important;
	}
	.dw-preview-overlay .dw-preview-image{
		width:100% !important;
		max-width:100% !important;
	}
	.dw-preview-overlay .dw-preview-close{
		top:max(12px,env(safe-area-inset-top)) !important;
		right:max(12px,env(safe-area-inset-right)) !important;
	}
}
/* Balanced frame spacing: no oversized top gap */
.dw-preview-overlay .dw-preview-image-wrap{
	margin-top:72px !important;
	padding:14px 28px 14px !important;
}
.dw-preview-overlay .dw-preview-close{
	top:16px !important;
	right:18px !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-image-wrap{
		width:calc(100% - 28px) !important;
		margin:58px auto 16px !important;
		padding:10px 12px 10px !important;
	}
	.dw-preview-overlay .dw-preview-close{
		top:max(12px,env(safe-area-inset-top)) !important;
		right:max(12px,env(safe-area-inset-right)) !important;
	}
}
/* Equal inset on every side of the showcase frame */
.dw-preview-overlay .dw-preview-image-wrap{
	box-sizing:border-box !important;
	padding:16px !important;
}
.dw-preview-overlay .dw-preview-image{
	margin:0 !important;
	width:100% !important;
	max-width:none !important;
}
@media (max-width:600px){
	.dw-preview-overlay .dw-preview-image-wrap{
		width:calc(100% - 28px) !important;
		margin:58px auto 16px !important;
		padding:10px !important;
	}
}