/* Content protection — disables selection, image drag, and the selection highlight.
   Works even with JS disabled (CSS-level deterrent). Form fields stay usable. */
body.zane-protect,
body.zane-protect * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

body.zane-protect input,
body.zane-protect textarea,
body.zane-protect select,
body.zane-protect [contenteditable="true"] {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

body.zane-protect img,
body.zane-protect picture,
body.zane-protect svg {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	pointer-events: none;
}

/* links/buttons that wrap an image or svg stay clickable (the wrapper takes the click) */
body.zane-protect a,
body.zane-protect button {
	pointer-events: auto;
}

body.zane-protect ::selection { background: transparent; color: inherit; }
body.zane-protect ::-moz-selection { background: transparent; color: inherit; }

/* transparent shield over media to defeat long-press / drag "save image" */
body.zane-protect .zane-shield {
	position: relative;
}
body.zane-protect .zane-shield::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: auto;
}

/* dev-tools-open warning overlay */
#zane-guard {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 18px;
	text-align: center;
	padding: 40px;
	background: #fff;
	color: #1A1A1A;
}
#zane-guard.on { display: flex; }
#zane-guard .zg-mark { font-weight: 800; letter-spacing: -0.04em; font-size: clamp(40px, 7vw, 90px); }
#zane-guard .zg-mark span { color: #FF5100; }
#zane-guard p { max-width: 46ch; color: #6B6B6B; font-size: 16px; line-height: 1.5; }