/*
 * Promptvergleich Studio Signature
 * Final, deliberately narrow visual layer for Benchmark, model picker and
 * Workflow Studio. Only the core Promptvergleich palette is used here.
 */

.pvc-app.pvc-benchmark,
.pvc-prompt-lab--compact,
.pvc-workflow-generator {
	--pvb-ink: #111210;
	--pvb-red: #e84f2f;
	--pvb-red-soft: #e84f2f;
	--pvb-blue: #e84f2f;
	--pvb-violet: #111210;
	--pvb-paper: #f3f1ec;
	--pvb-bright: #fbfaf7;
	--pvb-concrete: #d8d6d1;
	--pvb-muted: #666760;
	--pvb-line: rgba(17, 18, 16, .24);
	--pvc-compass-blue: #e84f2f;
	--pvc-brand-lilac: #d8d6d1;
	--pvw-blue: #e84f2f;
	--pvw-violet: #111210;
	color: #111210;
}

/* Workflow Studio 3.0 — generative full-width hero. */
.pvc-workflow-generator__hero {
	position: relative;
	display: block;
	min-height: min(900px, 94vh);
	padding: 0;
	border-bottom: 1px solid #d8d6d1;
	background: #111210;
	color: #fbfaf7;
	isolation: isolate;
}

.pvc-workflow-generator__hero::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	background: repeating-linear-gradient(115deg, transparent 0 78px, rgba(255,255,255,.035) 79px 80px);
}

.pvc-workflow-generator__hero::after {
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: 7px;
	background: #d74e30;
}

.pvc-workflow-hero__rail {
	position: relative;
	z-index: 3;
	display: flex;
	width: min(92vw, 1540px);
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: 24px 0 18px;
	border-bottom: 1px solid rgba(255,255,255,.22);
	color: #d8d6d1;
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.pvc-workflow-hero__rail span:first-child { color: #d74e30; }

.pvc-workflow-hero__machine {
	position: relative;
	z-index: 2;
	width: min(92vw, 1540px);
	margin: clamp(72px, 10vh, 120px) auto 0;
}

.pvc-workflow-hero__machine ol {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pvc-workflow-hero__machine li {
	display: grid;
	justify-items: center;
	gap: 14px;
	color: #858680;
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: color .25s ease;
}

.pvc-workflow-hero__machine li b {
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	border: 1px solid #656660;
	border-radius: 50%;
	background: #111210;
	color: inherit;
	font: inherit;
	transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
}

.pvc-workflow-hero__line {
	position: absolute;
	top: 24px;
	right: 10%;
	left: 10%;
	height: 2px;
	background: #3f403c;
}

.pvc-workflow-hero__line i {
	display: block;
	width: 100%;
	height: 100%;
	background: #d74e30;
	transform-origin: left;
}

.pvc-workflow-hero__copy {
	position: relative;
	z-index: 2;
	display: grid;
	width: min(92vw, 1540px);
	grid-template-columns: minmax(0, 1fr) minmax(270px, 430px);
	align-items: end;
	gap: 5vw;
	margin: clamp(60px, 9vh, 110px) auto 0;
}

.pvc-workflow-hero__copy > .pvc-eyebrow {
	position: absolute;
	top: -34px;
	left: 0;
	margin: 0;
	color: #d74e30;
}

.pvc-workflow-hero__copy h1 {
	max-width: none;
	margin: 0;
	color: #fbfaf7;
	font-size: clamp(76px, 14vw, 228px);
	line-height: .71;
	letter-spacing: -.095em;
}

.pvc-workflow-hero__word { display: block; }
.pvc-workflow-hero__word i { display: inline; color: #fbfaf7; font-style: normal; }
.pvc-workflow-hero__word i:last-child { color: #d74e30; }

.pvc-workflow-hero__copy > div {
	padding-bottom: 4px;
	border-top: 1px solid rgba(255,255,255,.28);
}

.pvc-workflow-hero__copy > div p {
	margin: 22px 0 30px;
	color: #d8d6d1;
	font-size: clamp(14px, 1.1vw, 18px);
	line-height: 1.55;
}

.pvc-workflow-hero__copy a {
	display: inline-flex;
	align-items: center;
	gap: 28px;
	padding: 15px 18px;
	background: #fbfaf7;
	color: #111210;
	font: 800 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
	text-decoration: none;
	text-transform: uppercase;
}

.pvc-workflow-hero__copy a:hover,
.pvc-workflow-hero__copy a:focus-visible { background: #d74e30; color: #fff; }

.pvc-workflow-hero__status {
	position: absolute;
	right: 4vw;
	bottom: 30px;
	z-index: 3;
	display: grid;
	grid-template-columns: auto auto 10px;
	align-items: center;
	gap: 12px;
	color: #858680;
	font: 750 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.pvc-workflow-hero__status strong { color: #fbfaf7; font: inherit; }
.pvc-workflow-hero__status i { width: 7px; height: 7px; border-radius: 50%; background: #d74e30; box-shadow: 0 0 0 4px rgba(215,78,48,.14); }

.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__line i { transform: scaleX(0); }
.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__machine li { color: #858680; }
.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__word { opacity: 0; transform: translateY(34px); clip-path: inset(0 0 100% 0); }
.pvc-workflow-generator__hero.has-motion.is-active .pvc-workflow-hero__line i { animation: pvc-workflow-line 1.9s .2s cubic-bezier(.65,0,.2,1) forwards; }
.pvc-workflow-generator__hero.has-motion.is-active .pvc-workflow-hero__machine li { animation: pvc-workflow-node .36s calc(.25s + var(--step) * .38s) ease forwards; }
.pvc-workflow-generator__hero.has-motion.is-active .pvc-workflow-hero__machine li b { animation: pvc-workflow-pulse .4s calc(.25s + var(--step) * .38s) ease forwards; }
.pvc-workflow-generator__hero.has-motion.is-active .pvc-workflow-hero__word { animation: pvc-workflow-title .72s 2.05s cubic-bezier(.2,.8,.2,1) forwards; }

@keyframes pvc-workflow-line { to { transform: scaleX(1); } }
@keyframes pvc-workflow-node { to { color: #fbfaf7; } }
@keyframes pvc-workflow-pulse { 50% { transform: scale(1.16); } 100% { border-color: #d74e30; background: #d74e30; color: #fff; transform: scale(1); } }
@keyframes pvc-workflow-title { to { opacity: 1; transform: translateY(0); clip-path: inset(0 0 0 0); } }

@media (max-width: 900px) {
	.pvc-workflow-generator__hero { min-height: 820px; }
	.pvc-workflow-hero__rail span:last-child { display: none; }
	.pvc-workflow-hero__machine { margin-top: 76px; }
	.pvc-workflow-hero__machine li span { display: none; }
	.pvc-workflow-hero__copy { grid-template-columns: 1fr; gap: 30px; margin-top: 88px; }
	.pvc-workflow-hero__copy h1 { font-size: clamp(65px, 18vw, 150px); }
	.pvc-workflow-hero__copy > div { width: min(100%, 520px); }
}

@media (max-width: 560px) {
	.pvc-workflow-generator__hero { min-height: 710px; }
	.pvc-workflow-hero__rail,
	.pvc-workflow-hero__machine,
	.pvc-workflow-hero__copy { width: calc(100vw - 36px); }
	.pvc-workflow-hero__machine { margin-top: 56px; }
	.pvc-workflow-hero__machine li b { width: 38px; height: 38px; }
	.pvc-workflow-hero__line { top: 18px; }
	.pvc-workflow-hero__copy { margin-top: 72px; }
	.pvc-workflow-hero__copy h1 { font-size: clamp(56px, 17vw, 92px); }
	.pvc-workflow-hero__copy > div p { margin-top: 18px; }
	.pvc-workflow-hero__status { right: 18px; bottom: 22px; }
	.pvc-workflow-hero__status > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__line i,
	.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__word { opacity: 1; transform: none; clip-path: none; animation: none; }
	.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__machine li { color: #fbfaf7; animation: none; }
	.pvc-workflow-generator__hero.has-motion .pvc-workflow-hero__machine li b { border-color: #d74e30; animation: none; }
}

.pvc-app.pvc-benchmark *,
.pvc-prompt-lab--compact *,
.pvc-workflow-generator * {
	box-shadow: none;
}

.pvc-app.pvc-benchmark button,
.pvc-app.pvc-benchmark input,
.pvc-app.pvc-benchmark select,
.pvc-app.pvc-benchmark textarea,
.pvc-prompt-lab--compact button,
.pvc-workflow-generator button,
.pvc-workflow-generator input,
.pvc-workflow-generator select,
.pvc-workflow-generator textarea {
	border-radius: 0;
}

/* Benchmark: balance, recommendation and free entry. */
.pvc-benchmark-panel--models .pvc-benchmark-creditbar {
	position: relative;
	display: grid;
	min-height: 78px;
	grid-template-columns: auto auto minmax(180px, 1fr) auto;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 18px 24px 18px 31px;
	border: 0;
	border-bottom: 1px solid #111210;
	background: #d8d6d1;
	color: #111210;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 7px;
	background: #e84f2f;
	content: "";
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar span {
	font: 750 9px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar strong {
	display: flex;
	align-items: baseline;
	gap: 5px;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: 21px;
	letter-spacing: -.035em;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar strong b {
	color: #e84f2f;
	font-size: 32px;
	line-height: .8;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar small {
	color: #4f504c;
	font-size: 10px;
	line-height: 1.45;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar a {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #111210;
	background: #111210;
	color: #fff;
	font-size: 10px;
	font-weight: 750;
	text-decoration: none;
}

.pvc-benchmark-panel--models .pvc-benchmark-creditbar a:hover,
.pvc-benchmark-panel--models .pvc-benchmark-creditbar a:focus-visible {
	background: #e84f2f;
	color: #fff;
}

.pvc-benchmark-panel--models .pvc-benchmark-recommend,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker {
	display: flex;
	min-height: 110px;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin: 0;
	padding: 24px 26px;
	border: 0;
	border-bottom: 1px solid #111210;
	background: #fbfaf7;
	color: #111210;
}

.pvc-benchmark-panel--models .pvc-benchmark-free-picker {
	border-left: 7px solid #e84f2f;
	background: #f3f1ec;
}

.pvc-benchmark-panel--models .pvc-benchmark-free-picker[hidden] {
	display: none !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-recommend strong,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker strong {
	display: block;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: clamp(22px, 2vw, 31px);
	line-height: 1;
	letter-spacing: -.045em;
}

.pvc-benchmark-panel--models .pvc-benchmark-recommend p,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker p {
	max-width: 760px;
	margin: 8px 0 0;
	color: #666760;
	font-size: 11px;
	line-height: 1.5;
}

.pvc-benchmark-panel--models .pvc-benchmark-recommend button,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker button {
	flex: 0 0 auto;
	min-height: 48px;
	padding: 0 18px;
	border: 1px solid #111210;
	background: #111210;
	color: #fff;
	cursor: pointer;
	font: 750 9px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-recommend button:hover,
.pvc-benchmark-panel--models .pvc-benchmark-recommend button:focus-visible,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker button:hover,
.pvc-benchmark-panel--models .pvc-benchmark-free-picker button:focus-visible {
	border-color: #e84f2f;
	background: #e84f2f;
	color: #fff;
}

/* Shared provider architecture: compact, readable and unambiguous. */
.pvc-benchmark-panel--models .pvc-benchmark-model-picker,
.pvc-prompt-lab--compact .pvc-benchmark-model-picker {
	overflow: visible;
	padding: clamp(18px, 2.6vw, 38px);
	background: #d8d6d1;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 12px;
	border: 0;
	background: transparent;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group {
	position: relative;
	min-width: 0;
	border: 1px solid #111210;
	background: #fbfaf7;
	transition: transform .18s ease;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group:hover {
	transform: translateY(-2px);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open {
	display: grid;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(260px, .32fr) minmax(0, 1fr);
	align-items: stretch;
	transform: none;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.has-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected {
	box-shadow: inset 7px 0 0 #e84f2f;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle {
	display: grid !important;
	visibility: visible !important;
	min-height: 108px;
	grid-template-columns: 44px minmax(0, 1fr) auto 26px;
	align-items: center;
	gap: 14px;
	padding: 16px;
	border: 0 !important;
	background: #fbfaf7 !important;
	color: #111210 !important;
	opacity: 1 !important;
	cursor: pointer;
	text-align: left;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle:hover,
.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle[aria-expanded="true"],
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle[aria-expanded="true"] {
	background: #f3f1ec !important;
	color: #111210 !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle:focus-visible,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle:focus-visible {
	outline: 4px solid #e84f2f;
	outline-offset: -4px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle > i,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle > i {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid #111210;
	border-radius: 50%;
	background: transparent;
	color: #111210;
	font: 750 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	font-style: normal;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle span,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle span {
	display: block;
	min-width: 0;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle strong,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle strong {
	display: block;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: clamp(24px, 2.3vw, 34px);
	line-height: .9;
	letter-spacing: -.055em;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle small,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle small {
	display: block;
	margin-top: 7px;
	color: #666760;
	font: 700 7px ui-monospace, SFMono-Regular, Menlo, monospace;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle > b,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle > b {
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	border-radius: 50%;
	background: #e84f2f;
	color: #fff;
	font-size: 10px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle > em,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle > em {
	color: #e84f2f;
	font-family: Inter, sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	transition: transform .18s ease;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle[aria-expanded="true"] > em,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle[aria-expanded="true"] > em {
	transform: rotate(45deg);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-unavailable,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-unavailable {
	opacity: .48;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options {
	position: static !important;
	display: grid !important;
	overflow: visible !important;
	max-height: none !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	border: 0;
	border-left: 1px solid #111210;
	background: #111210;
	gap: 1px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options[hidden],
.pvc-prompt-lab--compact .pvc-benchmark-provider-options[hidden] {
	display: none !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label {
	position: relative;
	display: grid !important;
	height: auto !important;
	min-height: 96px !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin: 0 !important;
	padding: 18px 16px 18px 52px !important;
	border: 0 !important;
	background: #fbfaf7 !important;
	color: #111210 !important;
	cursor: pointer;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label::before,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label::before {
	position: absolute;
	top: 50%;
	left: 17px;
	width: 20px;
	height: 20px;
	border: 1px solid #111210;
	background: #fbfaf7;
	content: "";
	transform: translateY(-50%);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:hover {
	background: #f3f1ec !important;
	color: #111210 !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected,
.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected:hover {
	background: #d8d6d1 !important;
	color: #111210 !important;
	box-shadow: inset 7px 0 0 #e84f2f;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected::before,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected::before {
	border-color: #e84f2f;
	background: #e84f2f;
	box-shadow: inset 0 0 0 5px #d8d6d1;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:focus-within,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:focus-within {
	outline: 3px solid #e84f2f;
	outline-offset: -3px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options input,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label > span strong,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label > span strong {
	display: block;
	font-size: 14px;
	line-height: 1.25;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label > span small,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label > span small {
	display: block;
	margin-top: 6px;
	color: #666760;
	font: 700 7px ui-monospace, SFMono-Regular, Menlo, monospace;
	line-height: 1.35;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label > em,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label > em {
	color: #666760;
	font: 750 7px ui-monospace, SFMono-Regular, Menlo, monospace;
	font-style: normal;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected > em,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected > em {
	color: #e84f2f;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models,
.pvc-prompt-lab--compact .pvc-benchmark-selected-models {
	display: grid;
	min-height: 92px;
	grid-template-columns: 120px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	margin: 12px 0 0;
	padding: 17px 20px;
	border: 1px solid #111210;
	background: #fbfaf7;
	color: #111210;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models > span,
.pvc-prompt-lab--compact .pvc-benchmark-selected-models > span {
	color: #e84f2f;
	font: 750 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models > div,
.pvc-prompt-lab--compact .pvc-benchmark-selected-models > div {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.pvc-benchmark-panel--models .pvc-benchmark-model-chip,
.pvc-prompt-lab--compact .pvc-benchmark-model-chip {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	gap: 9px;
	padding: 0 10px;
	border: 1px solid #111210;
	background: #111210;
	color: #fff;
	font-size: 9px;
}

.pvc-benchmark-panel--models .pvc-benchmark-model-chip button,
.pvc-prompt-lab--compact .pvc-benchmark-model-chip button {
	padding: 0;
	border: 0;
	background: transparent;
	color: #e84f2f;
	cursor: pointer;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models > small,
.pvc-prompt-lab--compact .pvc-benchmark-selected-models > small {
	grid-column: 2;
	color: #666760;
	font-size: 10px;
}

/* Benchmark status elements may communicate state, but never introduce a new palette. */
.pvc-app.pvc-benchmark .pvc-benchmark-precheck,
.pvc-app.pvc-benchmark .pvc-benchmark-precheck.is-ready,
.pvc-app.pvc-benchmark .pvc-benchmark-precheck.has-warning,
.pvc-app.pvc-benchmark .pvc-benchmark-precheck.has-blocker {
	border: 1px solid #111210;
	border-left: 7px solid #e84f2f;
	border-radius: 0;
	background: #d8d6d1;
	color: #111210;
}

.pvc-app.pvc-benchmark [data-pvc-benchmark-quote] {
	color: #e84f2f;
}

.pvc-app.pvc-benchmark .pvc-benchmark__hero,
.pvc-app.pvc-benchmark .pvc-task-compass__head {
	background: #d8d6d1;
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-task-compass__head h2,
.pvc-app.pvc-benchmark .pvc-task-compass__head h2 span {
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-task-compass__head > aside {
	border-left: 1px solid #111210;
	background: #111210;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-task-compass__head > aside strong,
.pvc-app.pvc-benchmark .pvc-task-compass__head > aside b,
.pvc-app.pvc-benchmark .pvc-task-compass__contract > header span,
.pvc-app.pvc-benchmark .pvc-task-compass-divider > span {
	color: #e84f2f;
}

.pvc-app.pvc-benchmark .pvc-task-compass__contract > header,
.pvc-app.pvc-benchmark .pvc-task-compass-divider,
.pvc-app.pvc-benchmark .pvc-task-compass__notice {
	background: #d8d6d1;
}

.pvc-app.pvc-benchmark .pvc-task-compass__notice {
	border-left-color: #e84f2f;
}

.pvc-app.pvc-benchmark .pvc-task-compass__contract > ul li.is-ready i {
	border-color: #e84f2f;
	background: #e84f2f;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-benchmark-free-note {
	border: 1px solid #111210;
	border-left: 7px solid #e84f2f;
	background: #d8d6d1;
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-benchmark-blind > header aside {
	background: #111210;
}

.pvc-app.pvc-benchmark .pvc-benchmark-blind > header span,
.pvc-app.pvc-benchmark .pvc-benchmark-blind > header aside strong,
.pvc-app.pvc-benchmark .pvc-benchmark-safer-prompt > header span,
.pvc-app.pvc-benchmark .pvc-benchmark-interpretations small {
	color: #e84f2f;
}

.pvc-app.pvc-benchmark .pvc-benchmark-checks__grid li.is-pass > i,
.pvc-app.pvc-benchmark .pvc-benchmark-checks__grid li.is-fail > i {
	background: #d8d6d1;
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-benchmark-checks__grid li.is-fail > i {
	background: #e84f2f;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__legend .is-used i,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap td.is-used,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__legend .is-partial i,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap td.is-partial {
	background: #d8d6d1;
}

.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__legend .is-missed i,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap td.is-missed,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__legend .is-misread i,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap td.is-misread {
	background: #e84f2f;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__insights article > div,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__insights article > div.is-high,
.pvc-app.pvc-benchmark .pvc-benchmark-heatmap__insights article > div.is-tip {
	border-left-color: #e84f2f;
	background: #f3f1ec;
}

.pvc-app.pvc-benchmark .pvc-benchmark-risk--low .pvc-benchmark-risk__overview > div:first-child,
.pvc-app.pvc-benchmark .pvc-benchmark-risk--medium .pvc-benchmark-risk__overview > div:first-child {
	background: #d8d6d1;
}

.pvc-app.pvc-benchmark .pvc-benchmark-risk--high .pvc-benchmark-risk__overview > div:first-child,
.pvc-app.pvc-benchmark .pvc-benchmark-risk__list article.is-high > header b {
	background: #e84f2f;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-benchmark-risk__list article.is-medium > header b {
	background: #d8d6d1;
	color: #111210;
}

/* Workflow Studio: true full-bleed layout even inside narrow WP content shells. */
.pvc-workflow-generator {
	position: relative;
	left: 50%;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-right: -50vw !important;
	margin-left: -50vw !important;
	background: #f3f1ec;
	overflow: clip;
}

.pvc-workflow-generator__hero {
	position: relative;
	display: grid;
	overflow: hidden;
	min-height: 650px;
	grid-template-columns: minmax(0, 1fr) clamp(290px, 24vw, 390px);
	border-bottom: 1px solid #111210;
	background: #d8d6d1;
	color: #111210;
}

.pvc-workflow-generator__hero::before {
	position: absolute;
	top: -190px;
	right: 245px;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: #e84f2f;
	content: "";
}

.pvc-workflow-generator__hero::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10px;
	background: #e84f2f;
	content: "";
}

.pvc-workflow-generator__hero > div {
	position: relative;
	z-index: 1;
	display: flex;
	max-width: 1220px;
	flex-direction: column;
	justify-content: flex-end;
	padding: clamp(90px, 9vw, 145px) clamp(38px, 7vw, 120px) clamp(70px, 8vw, 115px) max(40px, calc((100vw - 1540px) / 2));
}

.pvc-workflow-generator__hero h1 {
	max-width: 1050px;
	margin: 22px 0 30px;
	color: #111210;
	font-size: clamp(68px, 9vw, 148px);
	line-height: .78;
	letter-spacing: -.085em;
}

.pvc-workflow-generator__hero h1 span {
	color: #111210;
}

.pvc-workflow-generator__hero > div > p:last-child {
	max-width: 740px;
	margin: 0;
	color: #444541;
	font-size: clamp(15px, 1.2vw, 19px);
	line-height: 1.55;
}

.pvc-workflow-generator__hero > aside {
	position: relative;
	z-index: 2;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: flex-end;
	padding: 40px;
	border-left: 1px solid #111210;
	background: #111210;
	color: #fff;
}

.pvc-workflow-generator__hero > aside span {
	color: #e84f2f;
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.pvc-workflow-generator__hero > aside strong {
	margin-top: 52px;
	color: #fff;
	font-size: clamp(62px, 6vw, 100px);
	line-height: .75;
}

.pvc-workflow-generator__hero > aside small {
	margin-top: 28px;
	color: #d8d6d1;
	font-size: 11px;
	line-height: 1.5;
}

.pvc-workflow-generator__layout {
	display: grid;
	width: min(94vw, 1540px);
	max-width: none;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 14px;
	margin: 0 auto;
	padding: clamp(70px, 8vw, 125px) 0;
}

.pvc-workflow-builder {
	border: 1px solid #111210;
	background: #fbfaf7;
}

.pvc-workflow-builder > header {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 24px;
	padding: clamp(30px, 4vw, 62px);
	border-bottom: 1px solid #111210;
}

.pvc-workflow-builder > header > span,
.pvc-workflow-control-deck > header > span {
	color: #e84f2f;
	font: 750 10px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.pvc-workflow-builder > header h2 {
	max-width: 850px;
	margin: 0;
	font-size: clamp(44px, 5vw, 78px);
	line-height: .86;
}

.pvc-workflow-builder > header p,
.pvc-workflow-control-deck > header p {
	max-width: 720px;
	margin: 16px 0 0;
	color: #666760;
	font-size: 11px;
	line-height: 1.55;
}

.pvc-workflow-import {
	border-bottom: 1px solid #111210;
	background: #d8d6d1;
}

.pvc-workflow-import strong {
	color: #e84f2f;
}

.pvc-workflow-fields,
.pvc-workflow-control-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: clamp(28px, 4vw, 58px);
}

.pvc-workflow-fields label,
.pvc-workflow-control-grid label {
	display: grid;
	align-content: start;
	gap: 9px;
}

.pvc-workflow-fields label.is-wide,
.pvc-workflow-control-grid label.is-wide {
	grid-column: 1 / -1;
}

.pvc-workflow-fields label > span,
.pvc-workflow-control-grid label > span {
	color: #111210;
	font: 750 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.pvc-workflow-fields input,
.pvc-workflow-fields select,
.pvc-workflow-fields textarea,
.pvc-workflow-control-grid input,
.pvc-workflow-control-grid select,
.pvc-workflow-control-grid textarea {
	width: 100%;
	border: 1px solid #111210;
	background: #fff;
	color: #111210;
	outline: 0;
}

.pvc-workflow-fields input,
.pvc-workflow-fields select,
.pvc-workflow-control-grid input,
.pvc-workflow-control-grid select {
	min-height: 52px;
	padding: 0 14px;
}

.pvc-workflow-fields textarea,
.pvc-workflow-control-grid textarea {
	padding: 14px;
	line-height: 1.55;
	resize: vertical;
}

.pvc-workflow-fields input:focus,
.pvc-workflow-fields select:focus,
.pvc-workflow-fields textarea:focus,
.pvc-workflow-control-grid input:focus,
.pvc-workflow-control-grid select:focus,
.pvc-workflow-control-grid textarea:focus {
	border-color: #e84f2f;
	box-shadow: inset 5px 0 0 #e84f2f;
}

.pvc-workflow-control-deck {
	border-top: 1px solid #111210;
	background: #f3f1ec;
}

.pvc-workflow-control-deck > header {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 24px;
	padding: clamp(28px, 4vw, 55px);
	border-bottom: 1px solid #111210;
}

.pvc-workflow-control-deck > header h3 {
	max-width: 850px;
	margin: 0;
	font-size: clamp(34px, 4vw, 59px);
	line-height: .9;
}

.pvc-workflow-harnesses {
	margin: 0;
	padding: 0 clamp(28px, 4vw, 58px) clamp(30px, 4vw, 58px);
	border: 0;
}

.pvc-workflow-harnesses legend {
	display: flex;
	align-items: center;
	gap: 13px;
	margin: 0 0 15px;
	padding: 0;
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	text-transform: uppercase;
}

.pvc-workflow-harnesses legend span {
	color: #e84f2f;
}

.pvc-workflow-harnesses > div {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid #111210;
	background: #111210;
	gap: 1px;
}

.pvc-workflow-harnesses label {
	position: relative;
	display: flex;
	min-height: 126px;
	align-items: flex-start;
	gap: 12px;
	padding: 18px;
	background: #fbfaf7;
	cursor: pointer;
}

.pvc-workflow-harnesses label:has(input:checked) {
	background: #d8d6d1;
	box-shadow: inset 0 6px 0 #e84f2f;
}

.pvc-workflow-harnesses input {
	flex: 0 0 19px;
	width: 19px;
	height: 19px;
	margin: 1px 0 0;
	accent-color: #e84f2f;
}

.pvc-workflow-harnesses strong,
.pvc-workflow-harnesses small {
	display: block;
}

.pvc-workflow-harnesses strong {
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: 16px;
	line-height: 1.1;
}

.pvc-workflow-harnesses small {
	margin-top: 8px;
	color: #666760;
	font-size: 9px;
	line-height: 1.45;
}

.pvc-workflow-controls {
	border-top: 1px solid #111210;
	background: #fff;
}

.pvc-workflow-controls input {
	accent-color: #e84f2f;
}

.pvc-workflow-principles {
	position: sticky;
	top: 70px;
	align-self: start;
	border: 1px solid #111210;
	background: #111210;
	color: #fff;
}

.pvc-workflow-principles > span,
.pvc-workflow-principles li b {
	color: #e84f2f;
}

.pvc-workflow-principles li {
	min-height: 84px;
	border-color: rgba(255, 255, 255, .2);
}

.pvc-workflow-output {
	padding: clamp(75px, 9vw, 140px) max(3vw, calc((100vw - 1540px) / 2));
	background: #d8d6d1;
}

.pvc-workflow-step {
	border: 1px solid #111210;
	background: #fbfaf7;
}

.pvc-workflow-map::before {
	background: #e84f2f;
}

.pvc-workflow-step > header > span {
	border-color: #e84f2f;
	background: #e84f2f;
	color: #fff;
}

.pvc-workflow-step > header small,
.pvc-workflow-step__flow span {
	color: #e84f2f;
}

.pvc-workflow-step > header > b {
	border: 1px solid #111210;
	border-radius: 0;
	background: #f3f1ec;
	color: #111210;
}

.pvc-workflow-step__flow {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pvc-workflow-step__prompt > summary {
	color: #e84f2f;
}

.pvc-workflow-step__prompt button:hover {
	border-color: #e84f2f;
	background: #e84f2f;
}

.pvc-workflow-contract {
	margin-top: 60px;
	border: 1px solid #111210;
	background: #fbfaf7;
}

.pvc-workflow-contract > header {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	align-items: end;
	gap: 24px;
	padding: 28px;
	border-bottom: 1px solid #111210;
}

.pvc-workflow-contract > header span {
	color: #e84f2f;
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .08em;
}

.pvc-workflow-contract > header h3 {
	max-width: 820px;
	margin: 0;
	font-size: clamp(31px, 4vw, 58px);
	line-height: .9;
}

.pvc-workflow-contract > div {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: #111210;
	gap: 1px;
}

.pvc-workflow-contract article {
	min-height: 145px;
	padding: 20px;
	background: #f3f1ec;
}

.pvc-workflow-contract article span,
.pvc-workflow-contract article strong {
	display: block;
}

.pvc-workflow-contract article span {
	color: #e84f2f;
	font: 750 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	text-transform: uppercase;
}

.pvc-workflow-contract article strong {
	margin-top: 26px;
	font-size: 12px;
	line-height: 1.45;
}

.pvc-workflow-handoff {
	border: 1px solid #111210;
	background: #f3f1ec;
}

.pvc-workflow-handoff span {
	color: #e84f2f;
}

@media (max-width: 1180px) {
	.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pvc-benchmark-panel--models .pvc-benchmark-provider-options,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-options {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.pvc-workflow-generator__layout {
		grid-template-columns: 1fr;
	}

	.pvc-workflow-principles {
		position: static;
	}

	.pvc-workflow-principles ol {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.pvc-workflow-principles li {
		grid-template-columns: 1fr;
		border-right: 1px solid rgba(255, 255, 255, .2);
	}

	.pvc-workflow-harnesses > div,
	.pvc-workflow-step__flow,
	.pvc-workflow-contract > div {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.pvc-benchmark-panel--models .pvc-benchmark-creditbar {
		grid-template-columns: auto 1fr;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-creditbar small,
	.pvc-benchmark-panel--models .pvc-benchmark-creditbar a {
		grid-column: 1 / -1;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-creditbar a {
		justify-self: stretch;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-recommend,
	.pvc-benchmark-panel--models .pvc-benchmark-free-picker {
		align-items: stretch;
		flex-direction: column;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
		grid-template-columns: 1fr;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open {
		grid-template-columns: 1fr;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-provider-options,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-options {
		grid-template-columns: 1fr !important;
		border-top: 1px solid #111210;
		border-left: 0;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-selected-models,
	.pvc-prompt-lab--compact .pvc-benchmark-selected-models {
		grid-template-columns: 1fr;
	}

	.pvc-benchmark-panel--models .pvc-benchmark-selected-models > small,
	.pvc-prompt-lab--compact .pvc-benchmark-selected-models > small {
		grid-column: 1;
	}

	.pvc-workflow-generator__hero {
		min-height: 0;
		grid-template-columns: 1fr;
	}

	.pvc-workflow-generator__hero::before {
		top: -220px;
		right: -210px;
	}

	.pvc-workflow-generator__hero > div {
		padding: 90px 28px 70px 42px;
	}

	.pvc-workflow-generator__hero h1 {
		font-size: clamp(58px, 16vw, 92px);
	}

	.pvc-workflow-generator__hero > aside {
		min-height: 190px;
		padding: 30px 28px 34px 42px;
		border-top: 1px solid #111210;
		border-left: 0;
	}

	.pvc-workflow-fields,
	.pvc-workflow-control-grid,
	.pvc-workflow-controls {
		grid-template-columns: 1fr;
	}

	.pvc-workflow-fields label.is-wide,
	.pvc-workflow-control-grid label.is-wide {
		grid-column: auto;
	}

	.pvc-workflow-harnesses > div,
	.pvc-workflow-step__flow,
	.pvc-workflow-contract > div {
		grid-template-columns: 1fr;
	}

	.pvc-workflow-principles ol {
		grid-template-columns: 1fr;
	}

	.pvc-workflow-contract > header {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pvc-benchmark-panel--models .pvc-benchmark-provider-group,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group,
	.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle > em,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle > em {
		transition: none;
	}
}

/* 2.9.3 — clearer selected models and a quieter primary action. */
.pvc-prompt-lab--compact .pvc-lab-providers {
	position: relative;
	overflow: visible;
}

.pvc-prompt-lab--compact .pvc-benchmark-model-picker {
	position: relative;
	overflow: visible;
	background: #d8d6d1;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
	position: relative;
	z-index: 2;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-group {
	transition: transform .18s ease, box-shadow .18s ease;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected {
	box-shadow: inset 7px 0 0 #e84f2f, 7px 7px 0 rgba(17, 18, 16, .13);
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected:not(.is-open) .pvc-benchmark-provider-toggle {
	background: #111210 !important;
	color: #fbfaf7 !important;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected:not(.is-open) .pvc-benchmark-provider-toggle small {
	color: #d8d6d1;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected:not(.is-open) .pvc-benchmark-provider-toggle > i {
	border-color: #fbfaf7;
	color: #fbfaf7;
}
.pvc-workflow-generator__hero::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	background: repeating-linear-gradient(115deg, transparent 0 78px, rgba(255,255,255,.035) 79px 80px);
}
.pvc-workflow-generator__hero::after {
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: 7px;
	background: #d74e30;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected:hover {
	background: #111210 !important;
	color: #fbfaf7 !important;
	box-shadow: inset 7px 0 0 #e84f2f;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected > span small {
	color: #d8d6d1;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected > em {
	color: #ff806f;
}

.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected::before {
	border-color: #e84f2f;
	background: #e84f2f;
	box-shadow: inset 0 0 0 5px #111210;
}

.pvc-prompt-lab--compact .pvc-benchmark-selected-models {
	border-radius: 7px;
	background: #fbfaf7;
}

.pvc-prompt-lab--compact .pvc-benchmark-model-chip {
	border-radius: 999px;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.pvc-prompt-lab--compact .pvc-benchmark-model-chip:hover,
.pvc-prompt-lab--compact .pvc-benchmark-model-chip:focus-visible {
	border-color: #e84f2f;
	background: #e84f2f;
	color: #fff;
	transform: translateY(-1px);
}

.pvc-prompt-lab--compact .pvc-lab-run {
	gap: 12px;
	border-radius: 7px;
}

.pvc-prompt-lab--compact .pvc-lab-run > b {
	display: inline-flex;
	width: auto;
	min-width: 0;
	height: auto;
	align-items: center;
	justify-content: center;
	padding: 6px 9px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 999px;
	background: transparent;
	color: #fff;
	font-size: 10px;
	line-height: 1;
}

.pvc-prompt-lab--compact .pvc-lab-run > b::after {
	margin-left: 4px;
	content: "gewählt";
	font-weight: 700;
}

.pvc-prompt-lab--compact .pvc-lab-run:hover,
.pvc-prompt-lab--compact .pvc-lab-run:focus-visible {
	border-color: #111210 !important;
	background: #111210 !important;
	color: #fff !important;
}

@media (max-width: 700px) {
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected {
		box-shadow: inset 5px 0 0 #e84f2f, 5px 5px 0 rgba(17, 18, 16, .12);
	}
}

/* 2.32.1 final benchmark alignment and readable status copy. */
.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-recommend,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-free-picker {
	box-sizing: border-box;
	width: min(calc(100% - 48px), 1460px);
	margin-right: auto;
	margin-left: auto;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar {
	margin-top: 30px;
	margin-bottom: 12px;
	border: 1px solid #111210;
	border-radius: 18px;
	background: #111210;
	color: #fff;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar::before {
	display: none;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar small {
	color: rgba(255, 255, 255, .72);
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar a {
	border-radius: 10px;
	background: #f3f1ec;
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-recommend,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-free-picker {
	min-height: 104px;
	margin-top: 0;
	margin-bottom: 12px;
	border: 1px solid #111210;
	border-radius: 14px;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-recommend button,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-free-picker button {
	border-radius: 9px;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck.is-ready,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck.has-warning,
.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck.has-blocker {
	border-color: rgba(255, 255, 255, .42);
	border-left: 7px solid #e84f2f;
	border-radius: 12px;
	background: #d8d6d1;
	color: #111210;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck strong {
	color: #111210;
	font-size: 13px;
}

.pvc-app.pvc-benchmark .pvc-benchmark-panel--depth > .pvc-benchmark-precheck p {
	color: #343531;
	font-size: 11px;
	line-height: 1.55;
}

@media (max-width: 620px) {
	.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-creditbar,
	.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-recommend,
	.pvc-app.pvc-benchmark .pvc-benchmark-panel--models > .pvc-benchmark-free-picker {
		width: calc(100% - 28px);
	}
}

/* 2.32.2 equal prompt-lab controls and writing surfaces. */
.pvc-prompt-lab--compact .pvc-lab-modes {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 64px;
	align-items: stretch;
}

.pvc-prompt-lab--compact .pvc-lab-modes > button {
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	min-height: 64px;
	margin: 0;
}

.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompts {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 350px;
	align-items: stretch;
}

.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompt {
	display: grid;
	box-sizing: border-box;
	height: 350px;
	min-height: 350px;
	max-height: 350px;
	grid-template-rows: 44px minmax(0, 1fr);
	margin: 0;
	overflow: hidden;
}

.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompt > span {
	box-sizing: border-box;
	height: 44px;
	min-height: 44px;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
}

.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompt > textarea {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 0;
	max-height: none;
	margin: 0;
	resize: none;
}

@media (max-width: 900px) {
	.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompts {
		grid-template-columns: 1fr;
		grid-auto-rows: 320px;
	}

	.pvc-prompt-lab--compact.is-ab-mode .pvc-lab-prompt {
		height: 320px;
		min-height: 320px;
		max-height: 320px;
	}
}

@media (max-width: 520px) {
	.pvc-prompt-lab--compact .pvc-lab-modes {
		grid-template-columns: 1fr;
	}
}

/* Keep the Workflow 3.0 hero above every legacy studio rule in this file. */
.pvc-workflow-generator__hero {
	display: block;
	min-height: min(900px, 94vh);
	padding: 0;
	background: #111210;
	color: #fbfaf7;
}
.pvc-workflow-generator__hero > .pvc-workflow-hero__rail {
	display: flex;
	max-width: none;
	flex-direction: row;
	justify-content: space-between;
	padding: 24px 0 18px;
}
.pvc-workflow-generator__hero > .pvc-workflow-hero__machine {
	display: block;
	max-width: none;
	padding: 0;
}
.pvc-workflow-generator__hero > .pvc-workflow-hero__copy {
	display: grid;
	max-width: none;
	grid-template-columns: minmax(0, 1fr) minmax(270px, 430px);
	justify-content: initial;
	padding: 0;
}
.pvc-workflow-generator__hero .pvc-workflow-hero__copy h1 {
	max-width: none;
	margin: 0;
	color: #fbfaf7;
	font-size: clamp(76px, 14vw, 228px);
	line-height: .71;
}
.pvc-workflow-generator__hero > .pvc-workflow-hero__status {
	position: absolute;
	right: 4vw;
	bottom: 30px;
	left: auto;
	z-index: 3;
	display: grid;
	max-width: none;
	grid-template-columns: auto auto 10px;
	flex-direction: initial;
	justify-content: initial;
	padding: 0;
}

@media (max-width: 900px) {
	.pvc-workflow-generator__hero { min-height: 820px; }
	.pvc-workflow-generator__hero > .pvc-workflow-hero__copy { grid-template-columns: 1fr; padding: 0; }
	.pvc-workflow-generator__hero .pvc-workflow-hero__copy h1 { font-size: clamp(65px, 18vw, 150px); }
}

@media (max-width: 560px) {
	.pvc-workflow-generator__hero { min-height: 710px; }
	.pvc-workflow-generator__hero .pvc-workflow-hero__copy h1 { font-size: clamp(56px, 17vw, 92px); }
	.pvc-workflow-generator__hero > .pvc-workflow-hero__status { right: 18px; bottom: 22px; }
}