.gstudio-bazis-app-page {
	background: #0d1117 !important;
}

.gstudio-bazis-app-page #masthead,
.gstudio-bazis-app-page .site-header,
.gstudio-bazis-app-page #colophon,
.gstudio-bazis-app-page .site-footer,
.gstudio-bazis-app-page .footer,
.gstudio-bazis-app-page .mobile-menu,
.gstudio-bazis-app-page .mobile-nav,
.gstudio-bazis-app-page .bottom-nav,
.gstudio-bazis-app-page .bottom-navigation,
.gstudio-bazis-app-page .thim-mobile-menu,
.gstudio-bazis-app-page .thim-footer-mobile,
.gstudio-bazis-app-page .gstudio-mobile-nav,
.gstudio-bazis-app-page .gstudio-chat-widget,
.gstudio-bazis-app-page .joinchat,
.gstudio-bazis-app-page .telegram-float,
.gstudio-bazis-app-page .telegram-button,
.gstudio-bazis-app-page .floating-chat,
.gstudio-bazis-app-page .floating-button,
.gstudio-bazis-app-page [class*="telegram"],
.gstudio-bazis-app-page [class*="whatsapp"],
.gstudio-bazis-app-page [class*="chat-widget"],
.gstudio-bazis-app-page [href*="t.me"],
.gstudio-bazis-app-page [href*="telegram"],
.gstudio-bazis-app-page iframe[src*="telegram"],
.gstudio-bazis-app-page [class*="mobile"][class*="nav"],
.gstudio-bazis-app-page [class*="bottom"][class*="nav"],
.gstudio-bazis-app-page .page-title,
.gstudio-bazis-app-page .breadcrumb,
.gstudio-bazis-app-page .breadcrumbs,
.gstudio-bazis-app-page .comments-area,
.gstudio-bazis-app-page #comments {
	display: none !important;
}

.gstudio-bazis-app-page,
.gstudio-bazis-app-page body {
	overflow: hidden !important;
}

.gstudio-bazis-app,
.gstudio-bazis-app *,
.gstudio-bazis-app *::before,
.gstudio-bazis-app *::after {
	box-sizing: border-box;
}

.gstudio-bazis-app {
	--gsa-bg: #0d1117;
	--gsa-panel: #151b23;
	--gsa-panel-2: #10161f;
	--gsa-line: rgba(255, 255, 255, .10);
	--gsa-line-strong: rgba(60, 162, 162, .42);
	--gsa-text: #f4f7fb;
	--gsa-muted: #9aa7b6;
	--gsa-soft: #c7d1dc;
	--gsa-accent: #3CA2A2;
	--gsa-accent-2: #74d6c9;
	--gsa-danger: #f04438;
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	grid-template-rows: 64px minmax(0, 1fr);
	width: 100vw;
	height: 100dvh;
	min-height: 100dvh;
	background: var(--gsa-bg);
	color: var(--gsa-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	overflow: hidden;
}

.admin-bar .gstudio-bazis-app {
	top: 32px;
	height: calc(100dvh - 32px);
	min-height: calc(100dvh - 32px);
}

.gstudio-bazis-backdrop {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 15% 10%, rgba(60, 162, 162, .18), transparent 32%),
		linear-gradient(180deg, rgba(255,255,255,.035), transparent 32%);
}

.gstudio-bazis-topbar {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 18px;
	border-bottom: 1px solid var(--gsa-line);
	background: rgba(13, 17, 23, .92);
	backdrop-filter: blur(14px);
}

.gstudio-bazis-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--gsa-text) !important;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: 760;
	white-space: nowrap;
}

.gstudio-bazis-brand span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

.gstudio-bazis-brand-mark {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(116, 214, 201, .32);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(60,162,162,.28), rgba(255,255,255,.05));
	color: #dffdfa;
	font-weight: 820;
}

.gstudio-bazis-logo {
	display: block;
	width: auto;
	height: 34px;
	max-width: 148px;
	object-fit: contain;
}

.gstudio-bazis-loader {
	position: fixed;
	z-index: 50;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	background: #0d1117;
	color: var(--gsa-text);
	transition: opacity .38s ease, visibility .38s ease;
}

.gstudio-bazis-loader.is-hidden {
	opacity: 0;
	visibility: hidden;
}

.gstudio-bazis-loader-card {
	display: grid;
	justify-items: center;
	gap: 14px;
	width: min(420px, 100%);
	text-align: center;
}

.gstudio-bazis-loader-card .gstudio-bazis-brand-mark {
	width: 56px;
	height: 56px;
	font-size: 24px;
}

.gstudio-bazis-loader-card .gstudio-bazis-logo {
	height: 56px;
	max-width: 220px;
}

.gstudio-bazis-loader-card strong {
	color: #fff;
	font-size: 22px;
	line-height: 1.18;
}

.gstudio-bazis-loader-card span {
	min-height: 22px;
	color: var(--gsa-muted);
	font-size: 14px;
}

.gstudio-bazis-loader-progress {
	width: min(280px, 100%);
	height: 7px;
	border-radius: 999px;
	background: rgba(255,255,255,.10);
	overflow: hidden;
}

.gstudio-bazis-loader-progress i {
	display: block;
	width: 42%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--gsa-accent), var(--gsa-accent-2));
	animation: gstudioBazisLoader 1.15s ease-in-out infinite;
}

@keyframes gstudioBazisLoader {
	0% { transform: translateX(-110%); }
	100% { transform: translateX(260%); }
}

.gstudio-bazis-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	border: 1px solid var(--gsa-line);
	border-radius: 999px;
	padding: 5px 10px;
	color: var(--gsa-soft);
	font-size: 12px;
	font-weight: 760;
	white-space: nowrap;
}

.gstudio-bazis-badge.is-demo {
	border-color: #b8892d;
	background: rgba(188, 145, 54, .18);
	color: #ffd58a;
}

.gstudio-bazis-badge.is-pro {
	border-color: rgba(60, 162, 162, .5);
	background: rgba(60, 162, 162, .13);
	color: var(--gsa-accent-2);
}

.gstudio-bazis-language {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 999px;
	padding: 4px;
	background: #101820 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.gstudio-bazis-language button {
	min-width: 38px;
	min-height: 30px;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 7px 10px !important;
	background: transparent !important;
	color: #cfe7e2 !important;
	font: inherit !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

.gstudio-bazis-language button.is-active {
	background: #3CA2A2 !important;
	color: #071111 !important;
}

.gstudio-bazis-language button:hover {
	background: rgba(60, 162, 162, .22) !important;
	color: #ffffff !important;
}

.gstudio-bazis-language button.is-active:hover {
	background: #4ec7c7 !important;
	color: #071111 !important;
}

.gstudio-bazis-language button:focus-visible {
	outline: 2px solid #4ec7c7 !important;
	outline-offset: 2px;
}

.gstudio-bazis-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.gstudio-bazis-actions a,
.gstudio-bazis-actions button,
.gstudio-bazis-menu-toggle,
.gstudio-bazis-sidebar-head button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid var(--gsa-line) !important;
	border-radius: 7px;
	padding: 7px 12px;
	background: #151b23 !important;
	color: var(--gsa-soft) !important;
	font: inherit;
	font-size: 13px;
	font-weight: 680;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.gstudio-bazis-actions a:hover,
.gstudio-bazis-actions button:hover,
.gstudio-bazis-menu-toggle:hover,
.gstudio-bazis-sidebar-head button:hover {
	border-color: var(--gsa-line-strong);
	color: #fff !important;
}

.gstudio-bazis-actions .is-primary {
	border-color: rgba(60, 162, 162, .72) !important;
	background: var(--gsa-accent) !important;
	color: #071117 !important;
}

.gstudio-bazis-actions .is-primary:hover,
.gstudio-bazis-demo-note a.is-primary:hover,
.gstudio-bazis-gate-actions a.is-primary:hover,
.gstudio-bazis-locked-panel a.is-primary:hover {
	background: #4ec7c7;
	background: #4ec7c7 !important;
	color: #071111 !important;
}

.gstudio-bazis-return {
	border-color: rgba(255,255,255,.16) !important;
	background: #151b23 !important;
	color: #e8f7f3 !important;
}

.gstudio-bazis-menu-toggle {
	display: none;
	gap: 8px;
	border-color: rgba(60, 162, 162, .72) !important;
	background: rgba(60, 162, 162, .18) !important;
	color: #dffdfa !important;
	font-weight: 820;
}

.gstudio-bazis-menu-toggle span {
	display: block;
	width: 14px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
}

.gstudio-bazis-mobile-notice {
	position: absolute;
	z-index: 24;
	top: 50%;
	left: 50%;
	right: auto;
	width: min(520px, calc(100% - 34px));
	max-width: 520px;
	display: none;
	align-items: flex-start;
	gap: 14px;
	border: 1px solid rgba(255, 255, 255, .42);
	border-radius: 12px;
	padding: 18px 18px 18px 18px;
	background: linear-gradient(135deg, #3fe0dd 0%, #72f0c7 100%);
	color: #071117;
	box-shadow: 0 28px 70px rgba(0,0,0,.58), 0 0 0 999px rgba(0,0,0,.48);
	transform: translate(-50%, -50%);
}

.gstudio-bazis-mobile-notice span {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #071117;
	color: #8ffff0;
	font-size: 13px;
	font-weight: 900;
}

.gstudio-bazis-mobile-notice p {
	margin: 0;
	padding-right: 48px;
	color: #071117;
	font-size: 16px;
	font-weight: 760;
	line-height: 1.42;
}

.gstudio-bazis-mobile-notice button {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: absolute;
	top: 14px;
	right: 14px;
	display: grid !important;
	place-items: center;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: 999px !important;
	background: #071117 !important;
	color: #ffffff !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	transform: none !important;
	cursor: pointer;
	box-shadow: 0 12px 26px rgba(0,0,0,.28);
}

.gstudio-bazis-mobile-notice button::before {
	content: "×";
	display: block;
	color: #ffffff;
	font-size: 28px;
	font-weight: 500;
	line-height: 1;
	transform: translateY(-1px);
}

.gstudio-bazis-mobile-notice button::after {
	content: none !important;
}

.gstudio-bazis-access-alert {
	position: absolute;
	z-index: 60;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(5, 9, 13, .78);
	backdrop-filter: blur(8px);
}

.gstudio-bazis-access-card {
	width: min(520px, 100%);
	border: 1px solid rgba(116, 214, 201, .42);
	border-radius: 12px;
	padding: 22px;
	background: #101820;
	box-shadow: 0 28px 80px rgba(0,0,0,.48);
	text-align: center;
}

.gstudio-bazis-access-card p {
	margin: 0 0 16px;
	color: #e8f7f3;
	font-size: 17px;
	font-weight: 760;
	line-height: 1.45;
}

.gstudio-bazis-access-card button {
	min-height: 38px;
	border: 1px solid rgba(60, 162, 162, .74);
	border-radius: 7px;
	padding: 8px 14px;
	background: var(--gsa-accent);
	color: #071111;
	font: inherit;
	font-weight: 820;
	cursor: pointer;
}

.gstudio-bazis-access-card button:hover,
.gstudio-bazis-access-card button:focus-visible {
	background: #4ec7c7;
	color: #071111;
	outline: none;
}

.gstudio-bazis-app.is-access-blocked .gstudio-bazis-layout,
.gstudio-bazis-app.is-access-blocked .gstudio-bazis-topbar {
	pointer-events: none;
	filter: blur(5px);
}

.gstudio-bazis-layout {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	min-height: 0;
	overflow: hidden;
}

.gstudio-bazis-sidebar,
.gstudio-bazis-map {
	scrollbar-width: thin;
	scrollbar-color: rgba(116, 214, 201, .76) rgba(255, 255, 255, .08);
	scrollbar-gutter: stable;
}

.gstudio-bazis-sidebar::-webkit-scrollbar,
.gstudio-bazis-map::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.gstudio-bazis-sidebar::-webkit-scrollbar-track,
.gstudio-bazis-map::-webkit-scrollbar-track {
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
}

.gstudio-bazis-sidebar::-webkit-scrollbar-thumb,
.gstudio-bazis-map::-webkit-scrollbar-thumb {
	border: 2px solid rgba(13, 17, 23, .92);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(116, 214, 201, .9), rgba(60, 162, 162, .82));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

.gstudio-bazis-sidebar::-webkit-scrollbar-thumb:hover,
.gstudio-bazis-map::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #8ffff0, #4ec7c7);
}

.gstudio-bazis-sidebar::-webkit-scrollbar-corner,
.gstudio-bazis-map::-webkit-scrollbar-corner {
	background: transparent;
}

.gstudio-bazis-sidebar {
	min-height: 0;
	overflow: auto;
	border-right: 1px solid var(--gsa-line);
	background: rgba(15, 21, 30, .94);
	padding: 16px 12px;
}

.gstudio-bazis-sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 4px 6px 10px;
	color: var(--gsa-text);
}

.gstudio-bazis-sidebar-head strong {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--gsa-muted);
}

.gstudio-bazis-sidebar-head button {
	display: none;
	width: 34px;
	padding: 0;
	font-size: 24px;
	line-height: 1;
}

.gstudio-bazis-sidebar-progress {
	display: grid;
	gap: 8px;
	margin: 0 0 12px;
	border: 1px solid rgba(60, 162, 162, .22);
	border-radius: 8px;
	padding: 10px;
	background: rgba(60, 162, 162, .075);
	color: var(--gsa-muted);
}

.gstudio-bazis-progress-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.gstudio-bazis-sidebar-progress strong,
.gstudio-bazis-sidebar-progress em {
	margin: 0;
	font-style: normal;
	font-size: 12px;
	line-height: 1.2;
}

.gstudio-bazis-sidebar-progress strong {
	color: var(--gsa-text);
	font-weight: 820;
}

.gstudio-bazis-sidebar-progress em {
	color: var(--gsa-soft);
	font-weight: 720;
	white-space: nowrap;
}

.gstudio-bazis-progress-line {
	width: 100%;
	height: 5px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255,255,255,.08);
}

.gstudio-bazis-progress-line i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--gsa-accent), #74d6c9);
	transition: width .18s ease;
}

.gstudio-bazis-continue-button {
	justify-self: start;
	min-height: 28px;
	border: 1px solid rgba(60, 162, 162, .52) !important;
	border-radius: 7px;
	padding: 5px 9px !important;
	background: rgba(60, 162, 162, .18) !important;
	color: #e8f7f3 !important;
	font: inherit !important;
	font-size: 12px !important;
	font-weight: 760 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.gstudio-bazis-continue-button:hover,
.gstudio-bazis-continue-button:focus-visible {
	border-color: rgba(78, 199, 199, .82) !important;
	background: var(--gsa-accent) !important;
	color: #071111 !important;
	outline: none;
}

.gstudio-bazis-continue-button:disabled {
	border-color: rgba(255, 255, 255, .10) !important;
	background: rgba(255, 255, 255, .06) !important;
	color: rgba(232, 247, 243, .52) !important;
	cursor: not-allowed;
}

.gstudio-bazis-progress-message {
	display: block;
	border: 1px solid rgba(116, 214, 201, .24);
	border-radius: 7px;
	padding: 7px 9px;
	background: rgba(116, 214, 201, .10);
	color: #dffdfa;
	font-size: 12px;
	font-weight: 760;
	line-height: 1.3;
}

.gstudio-bazis-progress-message[hidden] {
	display: none;
}

.gstudio-bazis-sidebar ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gstudio-bazis-sidebar li {
	margin: 0;
	padding: 0;
}

.gstudio-bazis-nav-item {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 66px;
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 10px;
	background: transparent;
	color: var(--gsa-soft) !important;
	text-decoration: none !important;
}

.gstudio-bazis-nav-item:hover,
.gstudio-bazis-nav-item.is-active {
	border-color: var(--gsa-line-strong);
	background: rgba(60, 162, 162, .12);
}

.gstudio-bazis-nav-item.is-active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	width: 3px;
	border-radius: 0 999px 999px 0;
	background: var(--gsa-accent);
}

.gstudio-bazis-nav-item.is-locked {
	opacity: .52;
	filter: blur(.15px);
	cursor: not-allowed;
}

.gstudio-bazis-nav-item.is-viewed:not(.is-completed) {
	border-color: rgba(255,255,255,.16);
	background: rgba(255,255,255,.045);
}

.gstudio-bazis-nav-item.is-viewed .gstudio-bazis-progress-dot {
	opacity: 1;
	transform: scale(1);
}

.gstudio-bazis-nav-item.is-completed .gstudio-bazis-progress-check {
	opacity: 1;
	transform: scale(1);
}

.gstudio-bazis-nav-item.is-completed .gstudio-bazis-progress-dot {
	opacity: 0;
	transform: scale(.82);
}

.gstudio-bazis-progress-dot,
.gstudio-bazis-progress-check {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: rgba(60, 162, 162, .22);
	color: var(--gsa-accent-2);
	font-size: 12px;
	font-weight: 900;
	opacity: 0;
	transform: scale(.82);
	transition: opacity .16s ease, transform .16s ease;
}

.gstudio-bazis-progress-dot {
	width: 9px;
	height: 9px;
	justify-self: center;
	background: rgba(199, 209, 220, .75);
	box-shadow: 0 0 0 4px rgba(199, 209, 220, .10);
}

.gstudio-bazis-progress-check {
	grid-column: 3;
	grid-row: 1;
}

.gstudio-bazis-nav-icon,
.gstudio-bazis-lock {
	display: grid;
	place-items: center;
	color: var(--gsa-accent-2);
}

.gstudio-bazis-nav-icon {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(60, 162, 162, .10);
}

.gstudio-bazis-lock {
	color: var(--gsa-muted);
}

.gstudio-bazis-nav-icon svg,
.gstudio-bazis-lock svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.gstudio-bazis-nav-item strong,
.gstudio-bazis-nav-item em {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gstudio-bazis-nav-item strong {
	color: var(--gsa-text);
	font-size: 14px;
	line-height: 1.25;
	white-space: nowrap;
}

.gstudio-bazis-nav-item em {
	margin-top: 3px;
	color: var(--gsa-muted);
	font-size: 12px;
	font-style: normal;
	line-height: 1.3;
	white-space: nowrap;
}

.gstudio-bazis-workspace {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	padding: 14px;
}

.gstudio-bazis-app--demo .gstudio-bazis-workspace {
	grid-template-rows: auto auto minmax(0, 1fr);
}

.gstudio-bazis-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 9px;
}

.gstudio-bazis-section-title {
	min-width: 0;
}

.gstudio-bazis-section-actions {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding-top: 20px;
}

.gstudio-bazis-complete-button {
	min-height: 32px;
	border-color: rgba(60, 162, 162, .74);
	border: 1px solid rgba(60, 162, 162, .74);
	border-radius: 7px;
	padding: 6px 10px;
	background: var(--gsa-accent);
	color: #071111;
	font: inherit;
	font-size: 12px;
	font-weight: 820;
	cursor: pointer;
	white-space: nowrap;
}

.gstudio-bazis-complete-button:hover:not(:disabled),
.gstudio-bazis-complete-button:focus-visible:not(:disabled) {
	background: #4ec7c7;
	color: #071111;
	outline: none;
}

.gstudio-bazis-complete-button:disabled {
	border-color: rgba(60, 162, 162, .24);
	background: rgba(60, 162, 162, .18);
	color: #b9f0ea;
	cursor: default;
	opacity: .92;
}

.gstudio-bazis-complete-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid rgba(60, 162, 162, .28);
	border-radius: 999px;
	padding: 4px 8px;
	background: rgba(60, 162, 162, .10);
	color: var(--gsa-accent-2);
	font-size: 12px;
	font-weight: 760;
}

.gstudio-bazis-section-title p,
.gstudio-bazis-section-title h1,
.gstudio-bazis-section-title span {
	margin: 0;
}

.gstudio-bazis-section-title p {
	margin-bottom: 3px;
	color: var(--gsa-accent-2);
	font-size: 12px;
	font-weight: 760;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.gstudio-bazis-section-title h1 {
	color: var(--gsa-text);
	font-size: clamp(22px, 2.4vw, 30px);
	line-height: 1.05;
	font-weight: 820;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.gstudio-bazis-section-title span {
	display: block;
	margin-top: 5px;
	color: var(--gsa-muted);
	font-size: 13px;
}

.gstudio-bazis-section-chip {
	flex: 0 0 auto;
	max-width: 320px;
	border: 1px solid var(--gsa-line);
	border-radius: 999px;
	padding: 7px 11px;
	background: rgba(21, 27, 35, .84);
	color: var(--gsa-muted);
	font: 12px/1.2 Consolas, "Courier New", monospace;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gstudio-bazis-demo-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
	border: 1px solid rgba(60, 162, 162, .28);
	border-radius: 8px;
	padding: 9px 10px;
	background: rgba(60, 162, 162, .08);
	color: var(--gsa-soft);
}

.gstudio-bazis-demo-note strong,
.gstudio-bazis-demo-note span {
	display: block;
}

.gstudio-bazis-demo-note strong {
	color: var(--gsa-text);
	font-size: 13px;
	line-height: 1.25;
}

.gstudio-bazis-demo-note span {
	margin-top: 3px;
	color: var(--gsa-muted);
	font-size: 12px;
	line-height: 1.35;
}

.gstudio-bazis-demo-note a,
.gstudio-bazis-gate-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid var(--gsa-line);
	border-radius: 7px;
	padding: 7px 12px;
	background: rgba(255,255,255,.04);
	color: var(--gsa-soft) !important;
	font-size: 13px;
	font-weight: 740;
	text-decoration: none !important;
	white-space: nowrap;
}

.gstudio-bazis-demo-note a.is-primary,
.gstudio-bazis-gate-actions a.is-primary,
.gstudio-bazis-locked-panel a.is-primary {
	border-color: rgba(60, 162, 162, .72);
	background: var(--gsa-accent) !important;
	color: #071117 !important;
}

@media (max-width: 1180px) {
	.gstudio-bazis-app {
		grid-template-rows: 58px minmax(0, 1fr);
	}

	.gstudio-bazis-topbar {
		gap: 8px;
		padding: 8px 10px;
	}

	.gstudio-bazis-brand {
		flex: 1 1 auto;
		min-width: 0;
		font-size: 13px;
	}

	.gstudio-bazis-brand-mark {
		width: 32px;
		height: 32px;
	}

	.gstudio-bazis-brand span:last-child {
		max-width: 190px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.gstudio-bazis-actions {
		flex: 0 0 auto;
		gap: 6px;
	}

	.gstudio-bazis-actions a,
	.gstudio-bazis-actions button,
	.gstudio-bazis-menu-toggle {
		min-height: 34px;
		padding: 6px 9px;
		font-size: 12px;
	}

	.gstudio-bazis-mobile-notice {
		display: flex;
	}

	.gstudio-bazis-actions a:not(.gstudio-bazis-return):not(.is-primary),
	.gstudio-bazis-actions button[data-gstudio-bazis-fullscreen],
	.gstudio-bazis-badge,
	.gstudio-bazis-language {
		display: none !important;
	}
}

.gstudio-bazis-map {
	min-height: 0;
	overflow: auto;
	border: 1px solid var(--gsa-line);
	border-radius: 8px;
	background: var(--gsa-panel);
	box-shadow: 0 24px 60px rgba(0,0,0,.28);
	padding: 10px;
}

.gstudio-bazis-map .hotspots-container {
	margin: 0 !important;
	width: 100% !important;
}

.gstudio-bazis-map .hotspots-interaction {
	margin: 0 !important;
	min-width: 0;
	gap: 12px;
}

.gstudio-bazis-map .hotspots-image-container {
	border-radius: 8px;
	overflow: hidden;
	background: #0b1018 !important;
}

.gstudio-bazis-map .hotspots-placeholder {
	border-radius: 8px;
	background: #10161f !important;
	color: #d7e3ef !important;
}

.gstudio-bazis-map .hotspot-title,
.gstudio-bazis-map .entry-content .hotspot-title {
	color: #ffffff !important;
	font-size: 18px;
	line-height: 1.2;
}

.gstudio-bazis-map .hotspot-content,
.gstudio-bazis-map .hotspot-content p {
	color: #d7e3ef !important;
	font-size: 14px;
}

.gstudio-bazis-gate {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	min-height: 0;
	padding: 24px;
}

.gstudio-bazis-gate section {
	width: min(620px, 100%);
	border: 1px solid var(--gsa-line);
	border-radius: 8px;
	padding: 28px;
	background: rgba(21, 27, 35, .94);
	box-shadow: 0 24px 60px rgba(0,0,0,.28);
}

.gstudio-bazis-gate p,
.gstudio-bazis-gate h1 {
	margin: 0;
}

.gstudio-bazis-gate p {
	margin-bottom: 8px;
	color: var(--gsa-accent-2);
	font-size: 12px;
	font-weight: 760;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.gstudio-bazis-gate h1 {
	color: var(--gsa-text);
	font-size: clamp(24px, 4vw, 38px);
	line-height: 1.12;
	font-weight: 820;
	letter-spacing: 0;
}

.gstudio-bazis-gate-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.gstudio-bazis-watermark {
	position: fixed;
	z-index: 4;
	inset: 0;
	pointer-events: none;
	opacity: var(--gsa-watermark-opacity, .14);
	color: var(--gsa-watermark-color, #dffdfa);
	font-size: var(--gsa-watermark-size, 14px);
	font-weight: 800;
	letter-spacing: .05em;
	text-shadow: 0 1px 12px rgba(0, 0, 0, .28);
}

.gstudio-bazis-watermark.is-repeat {
	background-image: repeating-linear-gradient(-24deg, transparent 0 120px, rgba(255,255,255,.01) 120px 190px);
}

.gstudio-bazis-watermark.is-repeat span {
	position: absolute;
	top: var(--wm-y, 50%);
	left: var(--wm-x, 50%);
	width: max-content;
	max-width: min(280px, 38vw);
	transform: translate(-50%, -50%) rotate(var(--gsa-watermark-angle, -24deg));
	white-space: nowrap;
}

.gstudio-bazis-watermark.is-center {
	display: grid;
	place-items: center;
}

.gstudio-bazis-watermark.is-center span {
	transform: rotate(var(--gsa-watermark-angle, -24deg));
}

.gstudio-bazis-watermark.is-bottom span {
	position: absolute;
	right: 22px;
	bottom: 18px;
	transform: rotate(var(--gsa-watermark-angle, -24deg));
	transform-origin: 100% 100%;
}

.gstudio-bazis-locked-panel,
.gstudio-bazis-video-panel,
.gstudio-bazis-text-content {
	display: grid;
	align-content: center;
	justify-items: center;
	min-height: 360px;
	border-radius: 8px;
	padding: 28px;
	background: rgba(13, 17, 23, .62);
	color: var(--gsa-soft);
	text-align: center;
}

.gstudio-bazis-locked-panel h2,
.gstudio-bazis-video-panel h2 {
	margin: 12px 0 8px;
	color: #fff;
}

.gstudio-bazis-locked-panel p,
.gstudio-bazis-video-panel p {
	max-width: 640px;
	margin: 0 0 16px;
	color: var(--gsa-muted);
}

.gstudio-bazis-locked-panel a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid var(--gsa-line);
	border-radius: 7px;
	padding: 7px 12px;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 740;
}

.gstudio-bazis-lock-large svg {
	width: 38px;
	height: 38px;
	fill: none;
	stroke: var(--gsa-accent-2);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.gstudio-bazis-video-panel ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gstudio-bazis-video-panel li {
	border: 1px solid var(--gsa-line);
	border-radius: 999px;
	padding: 5px 8px;
	color: var(--gsa-soft);
	font-size: 12px;
}

@media (max-width: 980px) {
	.gstudio-bazis-app {
		grid-template-rows: 58px minmax(0, 1fr);
	}

	.gstudio-bazis-topbar {
		padding: 9px 10px;
	}

	.gstudio-bazis-brand {
		font-size: 13px;
		flex: 1 1 auto;
	}

	.gstudio-bazis-brand-mark {
		width: 32px;
		height: 32px;
	}

	.gstudio-bazis-menu-toggle {
		display: inline-flex;
		flex: 0 0 auto;
		min-width: 92px;
		max-width: 112px;
		justify-content: center;
	}

	.gstudio-bazis-mobile-notice {
		display: flex;
	}

	.gstudio-bazis-actions a,
	.gstudio-bazis-actions button {
		min-height: 32px;
		padding: 6px 9px;
		font-size: 12px;
	}

	.gstudio-bazis-actions a:first-child {
		display: inline-flex;
	}

	.gstudio-bazis-badge {
		display: none;
	}

	.gstudio-bazis-language {
		display: none;
	}

	.gstudio-bazis-layout {
		grid-template-columns: 1fr;
	}

	.gstudio-bazis-sidebar {
		position: fixed;
		z-index: 10;
		top: 58px;
		bottom: 0;
		left: 0;
		width: min(340px, 88vw);
		transform: translateX(-102%);
		transition: transform .2s ease;
		box-shadow: 18px 0 40px rgba(0,0,0,.32);
	}

	.admin-bar .gstudio-bazis-sidebar {
		top: 90px;
	}

	.gstudio-bazis-app.is-menu-open .gstudio-bazis-sidebar {
		transform: translateX(0);
	}

	.gstudio-bazis-sidebar-head button {
		display: inline-flex;
	}

	.gstudio-bazis-app.is-menu-open::after {
		content: "";
		position: fixed;
		z-index: 8;
		inset: 58px 0 0;
		background: rgba(0,0,0,.42);
	}

	.gstudio-bazis-workspace {
		padding: 10px;
	}

	.gstudio-bazis-section-head {
		display: grid;
		gap: 8px;
		margin-bottom: 8px;
	}

	.gstudio-bazis-section-actions {
		justify-content: flex-start;
		padding-top: 0;
	}

	.gstudio-bazis-complete-button {
		min-height: 30px;
		padding: 5px 8px;
	}

	.gstudio-bazis-section-title h1 {
		font-size: 22px;
		line-height: 1.12;
		max-width: 100%;
	}

	.gstudio-bazis-section-title span {
		font-size: 13px;
	}

	.gstudio-bazis-section-chip {
		max-width: 100%;
		width: 100%;
	}

	.gstudio-bazis-demo-note {
		align-items: flex-start;
		display: grid;
		gap: 10px;
	}

	.gstudio-bazis-demo-note a {
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	.gstudio-bazis-map {
		padding: 8px;
	}

	.gstudio-bazis-map .hotspots-interaction {
		display: block !important;
	}

	.gstudio-bazis-map .hotspots-placeholder,
	.gstudio-bazis-map .hotspots-image-container {
		max-width: 100% !important;
	}
}

@media (max-width: 520px) {
	.gstudio-bazis-topbar {
		gap: 8px;
	}

	.gstudio-bazis-brand span:last-child {
		max-width: 132px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.gstudio-bazis-actions .is-primary {
		display: none;
	}

	.gstudio-bazis-actions a {
		display: none;
	}

	.gstudio-bazis-actions .gstudio-bazis-return {
		display: inline-flex;
		min-width: 38px;
		max-width: 88px;
		overflow: hidden;
		white-space: nowrap;
	}

	.gstudio-bazis-actions button {
		width: 38px;
		padding: 0;
		overflow: hidden;
		text-indent: -999px;
		position: relative;
	}

	.gstudio-bazis-menu-toggle {
		width: 86px;
		min-width: 86px;
		max-width: 86px;
		padding: 0 8px !important;
		overflow: visible;
		text-indent: 0;
		position: static;
		font-size: 12px;
	}

	.gstudio-bazis-menu-toggle::after {
		content: none;
	}

	.gstudio-bazis-actions button::after {
		content: "⛶";
		position: absolute;
		inset: 0;
		display: grid;
		place-items: center;
		text-indent: 0;
		font-size: 16px;
	}

	.gstudio-bazis-map {
		border-radius: 7px;
	}

	.gstudio-bazis-gate {
		padding: 12px;
	}

	.gstudio-bazis-gate section {
		padding: 20px;
	}
}