/* ============================================================
   Plugin 1305 — AI Strip
   Scoped under .plugin-1305-ai so it never leaks into the theme.
   ============================================================ */
.plugin-1305-ai{
	--p1305-b:#2164B4;--p1305-ink:#2C3E50;--p1305-sl:#5A6B82;--p1305-ln:#E2E8F0;
	--p1305-sm:0 2px 8px rgba(22,35,58,.08);
	--p1305-ease:cubic-bezier(.22,.61,.36,1);
	--p1305-sans:"Inter",system-ui,-apple-system,sans-serif;
	background:#fff;
}

/* ===== Horizontal strip: heading left, icon buttons right ===== */
.plugin-1305-ai__panel{
	max-width:920px;
	margin:40px auto 0;
	padding:0 20px 40px;
	font-family:var(--p1305-sans);
}
.plugin-1305-ai__row{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:16px 20px;
}
.plugin-1305-ai__kick{
	flex:0 0 auto;
	font-size:15px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:normal;
	text-transform:none;
	color:var(--p1305-ink);
	white-space:nowrap;
}
.plugin-1305-ai__grid{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.plugin-1305-ai__card{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:0;
	background:#fff;
	border:1px solid var(--p1305-ln);
	border-radius:10px;
	text-decoration:none;
	transition:border-color .18s var(--p1305-ease),box-shadow .18s var(--p1305-ease),transform .18s var(--p1305-ease);
}
.plugin-1305-ai__card:hover,
.plugin-1305-ai__card:focus-visible{
	border-color:#CBD5E1;
	box-shadow:var(--p1305-sm);
	transform:translateY(-1px);
	outline:none;
}
.plugin-1305-ai__ic{
	width:22px;
	height:22px;
	color:var(--p1305-ink);
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.plugin-1305-ai__ic svg{width:22px;height:22px;display:block}
.plugin-1305-ai__ic i{font-size:20px;line-height:1;color:var(--p1305-ink)}

/* Engine name — hidden by default, shown as tooltip on hover */
.plugin-1305-ai__nm{
	position:absolute;
	left:50%;
	bottom:calc(100% + 8px);
	transform:translateX(-50%) translateY(4px);
	padding:5px 10px;
	font-size:12px;
	font-weight:600;
	line-height:1.2;
	color:#fff;
	background:var(--p1305-ink);
	border-radius:6px;
	white-space:nowrap;
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	transition:opacity .15s var(--p1305-ease),transform .15s var(--p1305-ease),visibility .15s;
	z-index:2;
}
.plugin-1305-ai__nm::after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	border:5px solid transparent;
	border-top-color:var(--p1305-ink);
}
.plugin-1305-ai__card:hover .plugin-1305-ai__nm,
.plugin-1305-ai__card:focus-visible .plugin-1305-ai__nm{
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) translateY(0);
}

/* Desktop: heading left, icons inline to the right */
@media(min-width:641px){
	.plugin-1305-ai__row{
		flex-wrap:nowrap;
		justify-content:center;
	}
	.plugin-1305-ai__kick{
		margin-right:4px;
	}
}

/* Mobile: heading above, icons centered below */
@media(max-width:640px){
	.plugin-1305-ai__row{
		flex-direction:column;
		align-items:center;
		text-align:center;
		gap:14px;
	}
	.plugin-1305-ai__kick{white-space:normal}
}

@media(prefers-reduced-motion:reduce){.plugin-1305-ai *{transition:none!important}}
