/**
 * Prompt Studio — grok.com-style prompt bar
 */

.teya-prompt-studio {
	padding-block: var(--teya-space-xl);
	background: var(--teya-color-surface-high);
	border-block: var(--teya-border-hairline);
}

.prompt-studio__shell {
	display: flex;
	flex-direction: column;
	gap: var(--teya-space-md);
	padding: var(--teya-card-padding);
	background: var(--teya-color-surface-container);
	border: var(--teya-border-hairline);
	border-radius: var(--teya-radius-lg);
}

.prompt-studio__title {
	font-size: var(--teya-text-headline-sm);
	margin: 0 0 var(--teya-space-xs);
}

.prompt-studio__sublead {
	margin: 0;
	color: var(--teya-color-on-background-muted);
	font-size: var(--teya-text-body-sm);
}

.prompt-studio__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--teya-space-md);
	align-items: end;
}

.prompt-studio__input {
	width: 100%;
	min-height: calc(var(--teya-touch-target) + var(--teya-space-sm));
	padding: var(--teya-space-md);
	font-family: var(--teya-font-body);
	font-size: var(--teya-text-body-md);
	line-height: 1.4;
	color: var(--teya-color-on-background);
	background: var(--teya-color-background-elevated);
	border: var(--teya-border-subtle);
	border-radius: var(--teya-radius-md);
	resize: vertical;
}

.prompt-studio__input:focus {
	outline: 2px solid var(--teya-color-outline-focus);
	outline-offset: 2px;
	border-color: rgba(0, 212, 255, 0.45);
}

.prompt-studio__submit {
	min-width: var(--teya-btn-min-width);
	white-space: normal;
}

.teya-lang-en .prompt-studio__form,
html[lang="en"] .prompt-studio__form {
	grid-template-columns: minmax(0, 1fr);
}

.teya-lang-en .prompt-studio__submit,
html[lang="en"] .prompt-studio__submit {
	width: 100%;
	min-width: 0;
}

@media (max-width: 768px) {
	.prompt-studio__form {
		grid-template-columns: minmax(0, 1fr);
	}

	.prompt-studio__submit {
		width: 100%;
		min-width: 0;
	}
}