/* Start:/tools/assets/tools.css?179441178117262*/
:root {
	color-scheme: dark;
	--bg-950: #0f1522;
	--bg-900: #171d27;
	--bg-800: #232b39;
	--bg-700: #313a4a;
	--bg-600: #4e5a67;
	--line-soft: rgba(99, 114, 130, .22);
	--line-strong: rgba(176, 183, 195, .18);
	--text-main: #f2f4f6;
	--text-soft: #d9dde5;
	--text-muted: #b0b7c3;
	--red-300: #ffbcba;
	--red-500: #ff5a57;
	--red-700: #f02228;
	--amber-400: #fbbf24;
	--amber-500: #f59e0b;
	--green-400: #34d399;
}

* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	min-height: 100vh;
	background:
		radial-gradient(circle at top left, rgba(255, 90, 87, .16), transparent 24%),
		radial-gradient(circle at top right, rgba(244, 58, 64, .10), transparent 24%),
		linear-gradient(180deg, var(--bg-950) 0%, var(--bg-900) 100%);
	color: var(--text-main);
	font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
	color: inherit;
}

.tools-shell {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 24px;
	width: min(1560px, calc(100% - 32px));
	margin: 0 auto;
	padding: 32px 0 56px;
}

.tools-shell > :not(.tools-header) {
	grid-column: 2;
}

.tools-header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 22px;
	grid-column: 1;
	grid-row: 1 / span 40;
	position: sticky;
	top: 24px;
	align-self: start;
	min-height: calc(100vh - 48px);
	padding: 24px;
	border: 1px solid var(--line-strong);
	border-radius: 28px;
	background:
		linear-gradient(180deg, rgba(23, 29, 39, .92), rgba(15, 21, 34, .92)),
		rgba(15, 21, 34, .88);
	box-shadow: 0 24px 60px rgba(15, 21, 34, .34);
	backdrop-filter: blur(18px);
}

.tools-header > div:first-child {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(99, 114, 130, .18);
}

.tools-header__eyebrow {
	margin: 0;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .18em;
	color: rgba(217, 221, 229, .58);
}

.tools-header__title {
	margin: 0;
	font-size: 42px;
	line-height: 1.05;
}

.tools-header__title-row {
	display: block;
}

.tools-help-btn {
	position: fixed;
	right: 28px;
	bottom: 28px;
	z-index: 1150;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	padding: 0;
	line-height: 1;
	border-radius: 50%;
	border: 1px solid rgba(255, 90, 87, .28);
	background:
		linear-gradient(180deg, rgba(255, 90, 87, .18), rgba(240, 34, 40, .18)),
		rgba(23, 29, 39, .96);
	color: var(--text-main);
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	box-shadow:
		0 16px 36px rgba(15, 21, 34, .34),
		0 0 0 6px rgba(255, 90, 87, .08);
	transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.tools-help-btn:hover {
	transform: translateY(-2px) scale(1.03);
	border-color: rgba(255, 90, 87, .52);
	background:
		linear-gradient(180deg, rgba(255, 90, 87, .24), rgba(240, 34, 40, .22)),
		rgba(23, 29, 39, .98);
	box-shadow:
		0 22px 40px rgba(15, 21, 34, .42),
		0 0 0 8px rgba(255, 90, 87, .12);
}

.tools-header__sub {
	display: block;
	margin: 0;
	color: rgba(217, 221, 229, .70);
	font-size: 14px;
	line-height: 1.55;
}

.tools-nav {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 0;
}

.tools-nav__link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 10px;
	padding: 11px 16px;
	border-radius: 14px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .72);
	color: var(--text-main);
	text-decoration: none;
	font-weight: 600;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.tools-nav__link:hover,
.tools-nav__link.is-active {
	border-color: rgba(255, 90, 87, .42);
	background:
		linear-gradient(180deg, rgba(255, 90, 87, .10), rgba(23, 29, 39, .92)),
		rgba(23, 29, 39, .94);
	box-shadow: 0 16px 34px rgba(15, 21, 34, .34);
	transform: translateX(4px);
}

.tools-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.tools-section + .tools-section {
	margin-top: 22px;
}

.tools-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.tools-section__eyebrow {
	margin: 0 0 8px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .18em;
	color: rgba(217, 221, 229, .48);
}

.tools-section__title {
	margin: 0;
	font-size: 24px;
	line-height: 1.1;
}

.tools-section__sub {
	margin: 0;
	max-width: 520px;
	color: rgba(217, 221, 229, .66);
	text-align: right;
}

.tools-section--muted .tools-card__meta {
	background: rgba(251, 191, 36, .08);
	border-color: rgba(251, 191, 36, .16);
	color: #f7d98b;
}

.tools-grid--wide {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.tools-card,
.tools-panel,
.tools-table-card,
.tools-pre,
.tools-form-box,
.tools-preview-card {
	border: 1px solid var(--line-strong);
	background:
		linear-gradient(180deg, rgba(35, 43, 57, .82), rgba(23, 29, 39, .88)),
		rgba(23, 29, 39, .82);
	border-radius: 26px;
	box-shadow: 0 24px 60px rgba(15, 21, 34, .34);
	backdrop-filter: blur(18px);
}

.tools-card,
.tools-panel,
.tools-form-box,
.tools-pre,
.tools-table-card,
.tools-preview-card {
	padding: 22px;
}

.tools-card__title,
.tools-panel__title,
.tools-table-card__title {
	margin: 0;
	font-size: 22px;
}

.tools-card__sub,
.tools-panel__sub,
.tools-table-card__sub {
	margin: 10px 0 0;
	color: rgba(217, 221, 229, .72);
}

.tools-card__meta {
	margin: 0 0 18px;
	display: inline-flex;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 90, 87, .10);
	border: 1px solid rgba(255, 90, 87, .18);
	color: var(--red-300);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.tools-card__actions,
.tools-toolbar,
.tools-actions,
.tools-inline-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tools-card__actions,
.tools-actions {
	margin-top: 18px;
}

.tools-card__actions {
	justify-content: center;
}

.tools-btn,
.tools-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	appearance: none;
	border: 1px solid rgba(99, 114, 130, .18);
	border-radius: 14px;
	height: 44px;
	padding: 0 16px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.tools-btn {
	background: linear-gradient(135deg, var(--red-500), var(--red-700));
	color: #fff;
	box-shadow: 0 14px 30px rgba(240, 34, 40, .22);
}

.tools-btn-secondary {
	background: rgba(15, 21, 34, .72);
	color: var(--text-main);
}

.tools-preset-btn.is-active {
	border-color: rgba(255, 90, 87, .42);
	background:
		linear-gradient(135deg, rgba(255, 90, 87, .16), rgba(240, 34, 40, .12)),
		rgba(23, 29, 39, .94);
	box-shadow: 0 14px 30px rgba(240, 34, 40, .18);
	color: #fff;
}

.tools-btn-muted {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 16px;
	border-radius: 14px;
	border: 1px dashed rgba(99, 114, 130, .24);
	background: rgba(15, 21, 34, .38);
	color: rgba(217, 221, 229, .56);
	font-weight: 600;
	text-decoration: none;
	pointer-events: none;
}

.tools-flag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.tools-flag {
	display: inline-flex;
	align-items: center;
	padding: 9px 12px;
	border-radius: 999px;
	border: 1px solid rgba(99, 114, 130, .24);
	background: rgba(15, 21, 34, .54);
	font-size: 13px;
}

.tools-flag.is-good {
	border-color: rgba(52, 211, 153, .28);
	color: #bbf7d0;
}

.tools-flag.is-warn {
	border-color: rgba(251, 191, 36, .24);
	color: #fcd34d;
}

.tools-flag.is-error {
	border-color: rgba(255, 90, 87, .24);
	color: var(--red-300);
}

.tools-preview-card__label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: rgba(217, 221, 229, .48);
}

.tools-preview-card__url {
	margin-top: 18px;
	color: #8ab4f8;
	font-size: 14px;
	word-break: break-all;
}

.tools-preview-card__title {
	margin-top: 8px;
	font-size: 26px;
	line-height: 1.2;
}

.tools-preview-card__title--search {
	color: #8ab4f8;
	font-size: 22px;
}

.tools-preview-card__description {
	margin-top: 10px;
	color: rgba(217, 221, 229, .74);
}

.tools-preview-social {
	margin-top: 18px;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .46);
}

.tools-preview-social__image {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1.91 / 1;
	background: linear-gradient(135deg, rgba(255, 90, 87, .18), rgba(245, 158, 11, .16));
	color: rgba(242, 244, 246, .62);
	overflow: hidden;
}

.tools-preview-social__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tools-preview-social__body {
	padding: 16px;
}

.tools-preview-social__site {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: rgba(217, 221, 229, .48);
}

.tools-preview-social__title {
	margin-top: 8px;
	font-size: 20px;
	font-weight: 700;
}

.tools-preview-social__description {
	margin-top: 8px;
	color: rgba(217, 221, 229, .72);
}

.tools-diff {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
}

.tools-diff__line {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	border-radius: 16px;
	border: 1px solid rgba(99, 114, 130, .16);
	overflow: hidden;
}

.tools-diff__line.is-added {
	border-color: rgba(52, 211, 153, .22);
	background: rgba(52, 211, 153, .08);
}

.tools-diff__line.is-removed {
	border-color: rgba(255, 90, 87, .24);
	background: rgba(255, 90, 87, .08);
}

.tools-diff__line.is-same {
	background: rgba(15, 21, 34, .48);
}

.tools-diff__sign {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: rgba(242, 244, 246, .82);
	background: rgba(15, 21, 34, .42);
}

.tools-diff__content {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	padding: 10px 14px;
	align-items: start;
}

.tools-diff__number {
	color: rgba(217, 221, 229, .48);
	font-size: 12px;
	padding-top: 2px;
}

.tools-diff__content code {
	white-space: pre-wrap;
	word-break: break-word;
	font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.tools-btn:hover,
.tools-btn-secondary:hover {
	transform: translateY(-1px);
	box-shadow: 0 0 0 3px rgba(244, 58, 64, .12);
}

.tools-form {
	display: grid;
	gap: 18px;
}

.tools-form-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 16px;
}

.tools-field {
	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tools-field--full {
	grid-column: 1 / -1;
}

.tools-label,
.tools-field label {
	font-size: 13px;
	color: rgba(242, 244, 246, .84);
}

.tools-input,
.tools-select,
.tools-textarea,
.tools-search,
.tools-pre textarea,
.tools-pre pre {
	width: 100%;
	border-radius: 14px;
	border: 1px solid rgba(99, 114, 130, .22);
	background: rgba(15, 21, 34, .82);
	color: var(--text-main);
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.tools-input,
.tools-select,
.tools-search {
	height: 48px;
	padding: 0 14px;
}

.tools-textarea {
	min-height: 150px;
	padding: 14px;
	resize: vertical;
}

.tools-input:focus,
.tools-select:focus,
.tools-textarea:focus,
.tools-search:focus {
	border-color: rgba(255, 90, 87, .48);
	box-shadow: 0 0 0 3px rgba(244, 58, 64, .16);
}

.tools-radio-row,
.tools-check-grid,
.tools-pill-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tools-pill,
.tools-check-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid rgba(99, 114, 130, .20);
	background: rgba(15, 21, 34, .66);
}

.tools-check-list {
	max-height: 280px;
	overflow: auto;
	padding: 8px;
	border-radius: 18px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .42);
}

.tools-check-grid {
	gap: 8px;
}

.tools-hidden {
	display: none !important;
}

.tools-inline-note,
.tools-muted {
	color: rgba(217, 221, 229, .64);
	font-size: 13px;
}

.tools-stats {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.tools-stat {
	padding: 14px;
	border-radius: 18px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .56);
}

.tools-stat__label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: rgba(217, 221, 229, .52);
}

.tools-stat__value {
	margin-top: 8px;
	font-size: 24px;
	font-weight: 700;
}

.tools-table-wrap {
	overflow: auto;
	margin-top: 16px;
}

.tools-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 720px;
}

.tools-table th,
.tools-table td {
	padding: 12px 14px;
	border-bottom: 1px solid rgba(99, 114, 130, .14);
	text-align: left;
	vertical-align: top;
}

.tools-table th {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: rgba(217, 221, 229, .60);
}

.tools-table tr:last-child td {
	border-bottom: 0;
}

.tools-pre {
	overflow: hidden;
}

.tools-pre pre {
	margin: 0;
	padding: 16px;
	min-height: 340px;
	overflow: auto;
	font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.tools-status {
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .56);
}

.tools-status.is-error {
	border-color: rgba(255, 90, 87, .26);
	color: var(--red-300);
}

.tools-status.is-success {
	border-color: rgba(52, 211, 153, .22);
	color: #bbf7d0;
}

.tools-status.is-warn {
	border-color: rgba(245, 158, 11, .24);
	color: #fcd34d;
}

.tools-result-stack {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.tools-word-cloud {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 10px;
}

.tools-word-cloud__item {
	padding: 12px 14px;
	border-radius: 18px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .56);
}

.tools-word-cloud__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-weight: 700;
}

.tools-word-cloud__meta {
	margin-top: 8px;
	color: rgba(217, 221, 229, .70);
	font-size: 13px;
}

.tools-help-modal[hidden] {
	display: none;
}

.tools-help-modal {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	overflow-y: auto;
}

.tools-help-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(9, 13, 20, .68);
	backdrop-filter: blur(10px);
}

.tools-help-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(720px, calc(100vw - 48px));
	max-width: calc(100vw - 48px);
	max-height: min(86vh, 920px);
	margin: auto;
	overflow: auto;
	padding: 28px;
	border: 1px solid var(--line-strong);
	border-radius: 28px;
	background:
		linear-gradient(180deg, rgba(35, 43, 57, .96), rgba(23, 29, 39, .98)),
		rgba(23, 29, 39, .96);
	box-shadow: 0 30px 70px rgba(15, 21, 34, .44);
}

.tools-help-modal__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.tools-help-modal__title {
	margin: 0;
	font-size: 28px;
	line-height: 1.1;
}

.tools-help-modal__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 14px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .56);
	color: var(--text-main);
	font-size: 18px;
	cursor: pointer;
}

.tools-help-modal__body {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.tools-help-modal__section {
	padding: 18px 20px;
	border-radius: 20px;
	border: 1px solid rgba(99, 114, 130, .18);
	background: rgba(15, 21, 34, .4);
}

.tools-help-modal__section-title {
	margin: 0 0 10px;
	font-size: 16px;
}

.tools-help-modal__section p {
	margin: 0;
	color: rgba(217, 221, 229, .78);
}

.tools-help-modal__list {
	margin: 0;
	padding-left: 20px;
	color: rgba(217, 221, 229, .88);
}

.tools-help-modal__list li + li {
	margin-top: 8px;
}

@media (max-width: 1100px) {
	.tools-grid,
	.tools-grid--wide,
	.tools-preview-grid,
	.tools-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.tools-shell {
		display: block;
		width: min(100% - 24px, 100%);
		padding: 24px 0 40px;
	}

	.tools-header,
	.tools-section__head {
		flex-direction: column;
		position: static;
		min-height: 0;
	}

	.tools-header__title {
		font-size: 34px;
	}

	.tools-help-btn {
		right: 18px;
		bottom: 18px;
		width: 52px;
		height: 52px;
		font-size: 22px;
		box-shadow:
			0 14px 28px rgba(15, 21, 34, .30),
			0 0 0 5px rgba(255, 90, 87, .08);
	}

	.tools-help-modal {
		padding: 16px;
	}

	.tools-help-modal__dialog {
		width: min(720px, calc(100vw - 32px));
		max-width: calc(100vw - 32px);
		padding: 22px;
	}

	.tools-section__sub {
		max-width: none;
		text-align: left;
	}

	.tools-grid,
	.tools-grid--wide,
	.tools-preview-grid,
	.tools-stats,
	.tools-form-grid {
		grid-template-columns: 1fr;
	}

	.tools-field,
	.tools-field--full {
		grid-column: auto;
	}
}

/* End */
/* /tools/assets/tools.css?179441178117262 */