.romptn-prompt-generator {
	--romptn-blue: #007aff;
	--romptn-orange: #ff9500;
	--romptn-pale: #f3f6fa;
	color: #393b3f;
}

.romptn-prompt-generator__section,
.romptn-prompt-generator__category-panel {
	margin: 0 0 24px;
}

.romptn-prompt-generator__section > label,
.romptn-prompt-generator__heading,
.romptn-prompt-generator__subheading {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: 1rem;
	font-weight: 700;
}

.romptn-prompt-generator__heading::before,
.romptn-prompt-generator__heading::after,
.romptn-prompt-generator__subheading::before,
.romptn-prompt-generator__subheading::after {
	display: none;
	content: none;
}

.romptn-prompt-generator__output-row {
	display: flex;
	gap: 10px;
}

.romptn-prompt-generator__output {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 3px solid var(--romptn-pale);
	border-radius: 10px;
	background: var(--romptn-pale);
	font: inherit;
	resize: vertical;
}

.romptn-prompt-generator__copy,
.romptn-prompt-generator__clear,
.romptn-prompt-generator__category,
.romptn-prompt-generator__child-category,
.romptn-prompt-generator__prompt,
.romptn-prompt-generator__selected-item {
	padding: 8px 12px;
	border: 2px solid var(--romptn-blue);
	border-radius: 10px;
	background: #fff;
	color: var(--romptn-blue);
	cursor: pointer;
	font: inherit;
}

.romptn-prompt-generator__copy {
	min-width: 150px;
	background: var(--romptn-blue);
	color: #fff;
	font-weight: 700;
}

.romptn-prompt-generator__section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
	font-weight: 700;
}

.romptn-prompt-generator__clear {
	border-color: var(--romptn-orange);
	background: var(--romptn-orange);
	color: #fff;
}

.romptn-prompt-generator__selected,
.romptn-prompt-generator__tabs,
.romptn-prompt-generator__child-tabs,
.romptn-prompt-generator__prompt-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.romptn-prompt-generator__selected {
	min-height: 44px;
	align-items: center;
}

.romptn-prompt-generator__selected-item {
	border: 0;
	border-radius: 6px;
	background: var(--romptn-blue);
	color: #fff;
}

.romptn-prompt-generator__empty {
	color: #6b7280;
}

.romptn-prompt-generator__category[aria-selected="true"],
.romptn-prompt-generator__child-category[aria-expanded="true"],
.romptn-prompt-generator__prompt.is-active {
	background: rgba(0, 122, 255, 0.15);
}

.romptn-prompt-generator__category-panel {
	padding: 20px;
	border: 1px solid #dce6f2;
	border-radius: 10px;
	background: #fff;
}

.romptn-prompt-generator__category-panel[hidden],
.romptn-prompt-generator__prompts[hidden] {
	display: none;
}

.romptn-prompt-generator__prompts {
	margin-top: 20px;
}

.romptn-prompt-generator__prompt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	text-align: left;
}

.romptn-prompt-generator__prompt small {
	font-size: 0.75rem;
	font-weight: 400;
}

.romptn-prompt-generator__status {
	min-height: 1.5em;
	margin: 8px 0 0;
	font-weight: 600;
}

.romptn-prompt-generator__status.is-success {
	color: #067647;
}

.romptn-prompt-generator__status.is-error,
.romptn-prompt-generator__error {
	color: #b42318;
}

.romptn-prompt-generator button:focus-visible,
.romptn-prompt-generator textarea:focus-visible {
	outline: 3px solid rgba(0, 122, 255, 0.3);
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.romptn-prompt-generator__output-row {
		flex-direction: column;
	}

	.romptn-prompt-generator__copy {
		width: 100%;
	}

	.romptn-prompt-generator__category-panel {
		padding: 14px;
	}
}