#ai-assistant-widget-frame {
	position: fixed;
	z-index: 999999;
	border: 0;
	background: transparent;
	color-scheme: normal;
}

#ai-assistant-widget-frame:not([data-aa-layout]) {
	right: 16px;
	bottom: 16px;
	width: 80px;
	height: 80px;
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 32px);
	border-radius: 50%;
}

#ai-assistant-widget-frame[data-aa-corner="left"] {
	right: auto;
	left: 16px;
}

:root {
	--aa-rail-width: 430px;
}

@media (max-width: 1023px) {
	:root {
		--aa-rail-width: 360px;
	}
}

#ai-assistant-widget-frame[data-aa-layout] {
	bottom: 16px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

#ai-assistant-widget-frame[data-aa-layout="right"] {
	right: 16px;
}

#ai-assistant-widget-frame[data-aa-layout="left"] {
	left: 16px;
}

#ai-assistant-widget-frame[data-aa-layout][data-aa-state="open"] {
	top: var(--wp-admin--admin-bar--height, 0px);
	bottom: auto;
	width: var(--aa-rail-width);
	height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
	border-radius: 0;
}

#ai-assistant-widget-frame[data-aa-layout="right"][data-aa-state="open"] {
	right: 0;
}

#ai-assistant-widget-frame[data-aa-layout="left"][data-aa-state="open"] {
	left: 0;
}

@media (min-width: 768px) {
	html.aa-rail-open.aa-rail-right body {
		margin-right: var(--aa-rail-width) !important;
	}

	html.aa-rail-open.aa-rail-left body {
		margin-left: var(--aa-rail-width) !important;
	}

	html.aa-rail-open body {
		overflow-x: clip;
	}

	html.aa-rail-open .aa-rail-bleed {
		box-sizing: border-box !important;
		width: var(--aa-canvas-width, 100%) !important;
		max-width: none !important;
		left: 0 !important;
		right: auto !important;
		margin-left: calc(50% - var(--aa-canvas-width, 100%) / 2) !important;
		margin-right: calc(50% - var(--aa-canvas-width, 100%) / 2) !important;
	}
}

@media (max-width: 767px) {
	#ai-assistant-widget-frame[data-aa-layout][data-aa-state="open"] {
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		height: 100dvh;
	}
}
