.wordai-free-admin-page {
	max-width: 1280px;
	margin: 18px 20px 0 2px;
}

.wordai-free-admin-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 0 16px;
	margin-bottom: 22px;
	border-bottom: 1px solid #dcdcde;
}

.wordai-free-admin-brand {
	display: flex;
	align-items: center;
	gap: 14px;
}

.wordai-free-admin-brand img {
	width: 48px;
	height: 48px;
}

.wordai-free-admin-brand-copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.wordai-free-admin-brand-copy h1 {
	margin: 0;
	font-size: 28px;
	line-height: 1.1;
	color: #13233a;
}

.wordai-free-admin-brand-copy p {
	margin: 0;
	font-size: 13px;
	color: #5f6b7a;
}

.wordai-free-admin-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.wordai-free-tier-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eef4ff;
	border: 1px solid #cfdcf7;
	color: #234b88;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.wordai-free-page-intro {
	max-width: 860px;
	margin-bottom: 18px;
	color: #3d4a59;
	font-size: 14px;
}

.wordai-free-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 350px);
	gap: 24px;
	align-items: start;
}

.wordai-free-preview-surface,
.wordai-free-side-card,
.wordai-free-go-pro-card,
.wordai-free-go-pro-table,
.wordai-free-go-pro-cta,
.wordai-free-state-banner {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 18px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.wordai-free-state-banner {
	padding: 14px 16px;
	margin-bottom: 18px;
	border-color: #d5c28a;
	background: linear-gradient(180deg, #fffdf5 0%, #fff9ea 100%);
}

.wordai-free-preview-surface {
	position: relative;
	overflow: hidden;
}

.wordai-free-preview-frame {
	padding: 24px;
	background:
		radial-gradient(circle at top right, rgba(78, 132, 255, 0.08), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.wordai-free-preview-frame.is-locked {
	filter: blur(1px);
	opacity: 0.82;
	pointer-events: none;
	user-select: none;
}

.wordai-free-preview-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.6));
}

.wordai-free-preview-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.wordai-free-preview-card,
.wordai-free-preview-card-wide,
.wordai-free-preview-tabbar,
.wordai-free-preview-toolbar {
	border: 1px solid #ebedf0;
	border-radius: 14px;
	background: #fcfcfd;
}

.wordai-free-preview-card,
.wordai-free-preview-card-wide {
	padding: 18px;
}

.wordai-free-preview-card-wide {
	grid-column: 1 / -1;
}

.wordai-free-preview-card h3,
.wordai-free-preview-card-wide h3,
.wordai-free-side-card h2,
.wordai-free-go-pro-card h3,
.wordai-free-go-pro-table h2,
.wordai-free-go-pro-cta h2 {
	margin: 0 0 10px;
	color: #18314d;
}

.wordai-free-preview-card p,
.wordai-free-preview-card-wide p,
.wordai-free-go-pro-card p,
.wordai-free-go-pro-cta p {
	margin: 0;
	color: #5e6c7c;
}

.wordai-free-preview-input,
.wordai-free-preview-select,
.wordai-free-preview-textarea {
	width: 100%;
	background: #fff;
	border: 1px solid #cfd6de;
	border-radius: 10px;
	padding: 10px 12px;
	font-size: 13px;
	color: #2b3948;
	box-sizing: border-box;
}

.wordai-free-preview-textarea {
	min-height: 120px;
	resize: none;
}

.wordai-free-preview-checklist {
	display: grid;
	gap: 8px;
}

.wordai-free-preview-checklist label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #415162;
	font-size: 13px;
}

.wordai-free-preview-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	margin-bottom: 18px;
}

.wordai-free-preview-toolbar strong {
	color: #18314d;
}

.wordai-free-preview-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.wordai-free-preview-pill,
.wordai-free-preview-tab {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid #d6deeb;
	background: #fff;
	color: #35506f;
	font-size: 12px;
	font-weight: 600;
}

.wordai-free-preview-tabbar {
	display: flex;
	gap: 10px;
	padding: 14px;
	margin-bottom: 18px;
}

.wordai-free-side-card {
	padding: 20px;
}

.wordai-free-side-card ul {
	margin: 0;
	padding-left: 18px;
}

.wordai-free-side-card li {
	margin-bottom: 10px;
	color: #415162;
}

.wordai-free-feature-state {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.wordai-free-feature-state.is-available {
	background: #e7f7ee;
	color: #0f7a43;
}

.wordai-free-feature-state.is-limited {
	background: #fff6df;
	color: #9a6500;
}

.wordai-free-feature-state.is-pro {
	background: #eef2ff;
	color: #3557d5;
}

.wordai-free-upgrade-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
}

.wordai-free-go-pro-hero {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: 24px;
	padding: 28px;
	border-radius: 22px;
	background: linear-gradient(135deg, #f7fbff 0%, #edf5ff 58%, #fcf8ff 100%);
	border: 1px solid #d9e7fb;
}

.wordai-free-go-pro-hero h1 {
	margin: 0 0 12px;
	font-size: 32px;
	line-height: 1.12;
	color: #11325f;
}

.wordai-free-go-pro-hero p {
	margin: 0;
	color: #4a5d77;
	font-size: 15px;
}

.wordai-free-go-pro-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.wordai-free-go-pro-summary-card {
	padding: 16px;
	border: 1px solid #dfe7f4;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.92);
}

.wordai-free-go-pro-summary-card strong {
	display: block;
	margin-bottom: 8px;
	color: #12345f;
}

.wordai-free-go-pro-grid,
.wordai-free-go-pro-limits-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 22px;
}

.wordai-free-go-pro-card {
	padding: 20px;
}

.wordai-free-go-pro-table {
	margin-top: 24px;
	padding: 20px;
}

.wordai-free-go-pro-table table {
	width: 100%;
	border-collapse: collapse;
}

.wordai-free-go-pro-table th,
.wordai-free-go-pro-table td {
	padding: 12px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #edf1f6;
}

.wordai-free-go-pro-table th {
	color: #26456f;
}

.wordai-free-go-pro-group-row td {
	background: #f8fbff;
	font-weight: 600;
	color: #163864;
}

.wordai-free-go-pro-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

.wordai-free-go-pro-status-badge.is-full {
	background: #e6f7ef;
	color: #0d7a43;
}

.wordai-free-go-pro-status-badge.is-limited {
	background: #fff7e5;
	color: #996500;
}

.wordai-free-go-pro-status-badge.is-pro {
	background: #eef2ff;
	color: #3557d5;
}

.wordai-free-go-pro-cta {
	margin-top: 24px;
	padding: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
}

@media (max-width: 1100px) {
	.wordai-free-page-layout,
	.wordai-free-go-pro-hero,
	.wordai-free-go-pro-grid,
	.wordai-free-go-pro-limits-grid {
		grid-template-columns: 1fr;
	}

	.wordai-free-go-pro-summary {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.wordai-free-admin-header,
	.wordai-free-preview-grid,
	.wordai-free-go-pro-cta {
		display: block;
	}

	.wordai-free-admin-actions {
		margin-top: 14px;
	}

	.wordai-free-preview-card,
	.wordai-free-preview-card-wide,
	.wordai-free-side-card {
		margin-bottom: 16px;
	}
}

.wordai-license-shell {
	margin: 18px 20px 0 2px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	font-family: "Segoe UI", "Roboto", sans-serif;
}

.wordai-license-hero-card,
.wordai-license-flow-card,
.wordai-license-form-card {
	background: #ffffff;
	border: 1px solid #d7dde5;
	border-radius: 22px;
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
}

.wordai-license-hero-card {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(360px, 1fr);
	gap: 22px;
	padding: 28px;
	background: linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #f4f7fb 100%);
}

.wordai-license-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(13, 110, 253, 0.08);
	color: #175ea6;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.wordai-license-page-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 16px 0 12px;
	font-size: 31px;
	font-weight: 700;
	line-height: 1.2;
	color: #122033;
}

.wordai-license-page-header i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 16px;
	background: linear-gradient(135deg, #175ea6 0%, #2f80ed 100%);
	color: #ffffff;
	font-size: 21px;
}

.wordai-license-hero-text {
	max-width: 720px;
	margin: 0;
	color: #405164;
	font-size: 15px;
	line-height: 1.72;
}

.wordai-license-hero-actions,
.wordai-license-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.wordai-license-hero-actions .button.button-large,
.wordai-license-form-actions .button.button-large {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 20px;
	border-radius: 999px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
}

.wordai-license-summary-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.wordai-license-summary-card {
	padding: 18px;
	border: 1px solid #e3e9f1;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.wordai-license-summary-card strong {
	display: block;
	margin-bottom: 8px;
	color: #153766;
	font-size: 15px;
	line-height: 1.45;
}

.wordai-license-summary-card span {
	color: #52657c;
	font-size: 13px;
	line-height: 1.65;
}

.wordai-license-status-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.wordai-license-stat-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	border-radius: 18px;
	background: #ffffff;
	border: 1px solid #e4e9f0;
	min-height: 138px;
}

.wordai-license-stat-label {
	color: #607080;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.wordai-license-stat-value {
	color: #122033;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 700;
	word-break: break-word;
}

.wordai-license-stat-card small,
.wordai-license-field-block small,
.wordai-license-support-copy span {
	color: #5f6f7f;
	font-size: 12px;
	line-height: 1.6;
}

.wordai-license-state-active {
	color: #0f7a44;
}

.wordai-license-state-expired {
	color: #c2410c;
}

.wordai-license-state-inactive {
	color: #175ea6;
}

.wordai-license-flow-grid {
	display: grid;
	grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.25fr);
	gap: 22px;
	margin-top: 22px;
}

.wordai-license-flow-card,
.wordai-license-form-card {
	padding: 24px;
}

.wordai-license-flow-card h3,
.wordai-license-form-head h3 {
	margin: 0 0 10px;
	color: #122033;
	font-size: 22px;
	line-height: 1.3;
}

.wordai-license-form-head p {
	margin: 0;
	color: #556677;
	font-size: 14px;
	line-height: 1.7;
}

.wordai-license-step-list {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	counter-reset: wordai-license-step;
}

.wordai-license-step-list li {
	position: relative;
	display: block;
	padding-left: 52px;
	min-height: 38px;
}

.wordai-license-step-list li::before {
	counter-increment: wordai-license-step;
	content: counter(wordai-license-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: linear-gradient(135deg, #e7f0fb 0%, #dfeeff 100%);
	border: 1px solid #c8daef;
	color: #175ea6;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.wordai-license-step-list li + li {
	margin-top: 18px;
}

.wordai-license-step-list strong,
.wordai-license-step-list span {
	display: block;
}

.wordai-license-step-list strong {
	margin-bottom: 6px;
	color: #122033;
	font-size: 15px;
}

.wordai-license-step-list span {
	color: #556677;
	line-height: 1.7;
}

.wordai-license-message-settings-info,
.sc-wordai-license-message-settings-info {
	display: none;
	margin-bottom: 18px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid #d7dde5;
	background: #f8fafc;
	font-size: 13px;
	line-height: 1.6;
}

.wordai-license-message-settings-info p,
.sc-wordai-license-message-settings-info p {
	margin: 0;
}

.wordai-license-message-settings-info.active,
.sc-wordai-license-message-settings-info.active {
	display: block;
}

.wordai-license-field-block {
	display: grid;
	gap: 8px;
	margin-top: 18px;
}

.wordai-license-field-block label {
	color: #1d2a37;
	font-size: 14px;
	font-weight: 600;
}

.wordai-license-input-shell {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 0 18px;
	border: 1px solid #c9d3de;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.wordai-license-input-shell:focus-within {
	border-color: #2f80ed;
	box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14);
}

.wordai-license-input-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	color: #175ea6;
	font-size: 15px;
}

.wordai-pro-license-key {
	width: 100% !important;
	min-height: 56px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-size: 15px;
	box-shadow: none !important;
	outline: none !important;
	appearance: none;
}

.wordai-pro-license-key:focus {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	background: transparent !important;
}

.wordai-license-support-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #e3e8ef;
}

.wordai-license-support-copy {
	display: grid;
	gap: 6px;
	max-width: 640px;
}

.wordai-license-support-copy strong {
	color: #132033;
	font-size: 14px;
}

.wordai-license-support-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.wordai-license-support-links a {
	color: #175ea6;
	font-weight: 600;
	text-decoration: none;
}

.wordai-license-support-links a:hover,
.wordai-license-support-links a:focus {
	color: #0f4b86;
	text-decoration: underline;
}

.wordai-license-feature-grid {
	margin-top: 22px;
}

.wordai-license-comparison-table {
	margin-top: 22px;
}

.wordai-license-shell-free .wordai-license-form-actions .button.button-large {
	min-width: min(100%, 240px);
}

.wordai-license-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.wordai-license-status-badge.is-full {
	background: #e7f7ee;
	color: #0f7a43;
}

.wordai-license-status-badge.is-limited {
	background: #fff6df;
	color: #9a6500;
}

.wordai-license-status-badge.is-pro {
	background: #eef2ff;
	color: #3557d5;
}

@media (max-width: 1280px) {
	.wordai-license-hero-card,
	.wordai-license-flow-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.wordai-license-shell {
		margin-right: 10px;
	}

	.wordai-license-hero-card,
	.wordai-license-flow-card,
	.wordai-license-form-card {
		padding: 18px;
		border-radius: 18px;
	}

	.wordai-license-status-grid {
		grid-template-columns: 1fr;
	}

	.wordai-license-form-actions,
	.wordai-license-support-panel,
	.wordai-license-hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.wordai-license-form-actions .button.button-large,
	.wordai-license-hero-actions .button.button-large {
		width: 100%;
	}

	.wordai-license-input-shell {
		padding-right: 12px;
	}

	.wordai-license-page-header {
		font-size: 26px;
	}
}