/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos creates every active frame, resting frame, title, and edge anew.
Awtsmoos.com reveals process focus without sacrificing readable inactive windows.
*/
.window,
.awts-window {
	border: 1px solid var(--geo-border);
	border-radius: 19px;
	background: var(--geo-surface-strong);
	box-shadow: var(--geo-shadow-soft);
	backdrop-filter: blur(24px) saturate(150%);
	transition: border-color var(--geo-fast), box-shadow var(--geo-fast), opacity var(--geo-fast), transform var(--geo-fast);
}
.window.active,
.awts-window[data-state="active"] {
	z-index: 900;
	border-color: var(--geo-border-bright);
	box-shadow: var(--geo-shadow-active);
	opacity: 1;
}
.window.inactive,
.awts-window[data-state="inactive"] {
	filter: saturate(.82);
	opacity: .92;
	box-shadow: 0 16px 48px rgba(0, 0, 0, .3);
}
.window-header {
	height: 44px;
	padding: 0 8px 0 14px;
	border-bottom: 1px solid var(--geo-border-soft);
	color: var(--geo-text-muted);
	background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025));
	cursor: grab;
	user-select: none;
}
.window.active .window-header,
.awts-window[data-state="active"] .window-header {
	color: var(--geo-text);
	background: linear-gradient(100deg, rgba(77, 233, 220, .12), rgba(91, 140, 255, .08));
}
.window-header:active {
	cursor: grabbing;
}
.header-text {
	font-size: 13px;
	font-weight: 780;
	letter-spacing: .01em;
}
.header-ctrls {
	gap: 5px;
}
.header-btn,
.awtsBtn {
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 10px;
	color: var(--geo-text-muted);
	background: transparent;
	cursor: pointer;
	transition: color var(--geo-fast), background var(--geo-fast), border-color var(--geo-fast);
}
.header-btn:hover,
.awtsBtn:hover {
	border-color: var(--geo-border-soft);
	color: var(--geo-text);
	background: rgba(255, 255, 255, .09);
}
.header-btn.close:hover,
.awtsBtn.close:hover {
	border-color: rgba(255, 107, 127, .44);
	background: rgba(255, 107, 127, .18);
}
.window-content,
.windows-body {
	color: var(--geo-text);
	background: linear-gradient(180deg, rgba(2, 6, 18, .16), rgba(2, 6, 18, .32));
}
.window-content > img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	object-fit: contain;
}
.window.is-fullscreen,
.awts-window.is-fullscreen {
	border-radius: 0;
	box-shadow: none;
}
@media (max-width: 700px) {
	.window,
	.awts-window {
		transition: none;
	}
	.window-header {
		background: var(--geo-surface-opaque);
	}
	.window.inactive,
	.awts-window[data-state="inactive"] {
		opacity: 1;
		filter: none;
	}
}