.zs-tool-wrapper {
	--zs-primary: var(--zs-custom-primary, #7c5cfc);
	--zs-secondary: var(--zs-custom-secondary, #c85afc);
	--zs-accent: var(--zs-custom-accent, #4cc9f0);
	--zs-bg: var(--zs-custom-bg, #080614);
	--zs-surface: var(--zs-custom-surface, #110e24);
	--zs-surface-2: #191531;
	--zs-surface-3: #231e43;
	--zs-border: var(--zs-custom-border, rgba(255, 255, 255, .085));
	--zs-border-strong: rgba(255, 255, 255, .15);
	--zs-text: var(--zs-custom-text, #f5f2ff);
	--zs-muted: var(--zs-custom-muted, rgba(245, 242, 255, .6));
	--zs-faint: rgba(245, 242, 255, .34);
	--zs-success: var(--zs-custom-success, #00e5a0);
	--zs-error: var(--zs-custom-error, #ff4d6d);
	--zs-warning: var(--zs-custom-warning, #ffad33);
	--zs-radius: 16px;
	--zs-shadow: 0 30px 80px rgba(1, 0, 12, .46);
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 760px;
	max-height: 940px;
	overflow: hidden;
	container-type: inline-size;
	border: 1px solid var(--zs-border);
	border-radius: calc(var(--zs-radius) + 4px);
	background: var(--zs-bg);
	color: var(--zs-text);
	box-shadow: var(--zs-shadow);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 1.45;
}

.zs-tool-wrapper.zs-tool-full-bleed {
	width: 100vw;
	max-width: 100vw;
	min-height: 100svh;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.zs-tool-wrapper.zs-is-fullscreen,
.zs-tool-wrapper.zs-is-browser-fullscreen,
.zs-tool-wrapper:fullscreen {
	position: fixed;
	z-index: 999999;
	inset: 0;
	width: 100vw;
	max-width: 100vw;
	height: 100dvh;
	min-height: 100dvh;
	max-height: none;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.zs-tool-wrapper.zs-is-fullscreen .zs-tool-main,
.zs-tool-wrapper.zs-is-browser-fullscreen .zs-tool-main,
.zs-tool-wrapper:fullscreen .zs-tool-main {
	min-height: 0;
}

.zs-tool-wrapper.zs-is-fullscreen .zs-tool-wheel-zone,
.zs-tool-wrapper.zs-is-browser-fullscreen .zs-tool-wheel-zone,
.zs-tool-wrapper:fullscreen .zs-tool-wheel-zone,
.zs-tool-wrapper.zs-is-fullscreen .zs-tool-side-panel,
.zs-tool-wrapper.zs-is-browser-fullscreen .zs-tool-side-panel,
.zs-tool-wrapper:fullscreen .zs-tool-side-panel {
	max-height: none;
}

.zs-tool-wrapper *,
.zs-tool-wrapper *::before,
.zs-tool-wrapper *::after {
	box-sizing: border-box;
}

.zs-tool-wrapper button,
.zs-tool-wrapper input,
.zs-tool-wrapper textarea,
.zs-tool-wrapper select {
	font: inherit;
}

.zs-tool-wrapper button {
	cursor: pointer;
}

.zs-tool-wrapper button:focus-visible,
.zs-tool-wrapper input:focus-visible,
.zs-tool-wrapper textarea:focus-visible,
.zs-tool-wrapper select:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--zs-primary) 75%, #fff);
	outline-offset: 2px;
}

.zs-tool-wrapper button:disabled {
	cursor: not-allowed;
	opacity: .38;
	transform: none !important;
}

.zs-tool-wrapper.zs-theme-neon {
	--zs-bg: #050b12;
	--zs-surface: #0a1520;
	--zs-surface-2: #0f2030;
	--zs-surface-3: #142b3c;
	--zs-border: rgba(0, 255, 204, .11);
	--zs-border-strong: rgba(0, 255, 204, .22);
	--zs-primary: #00e9c2;
	--zs-secondary: #00a8ff;
	--zs-accent: #ff36b9;
	--zs-text: #e5fffb;
	--zs-muted: rgba(229, 255, 251, .62);
	--zs-faint: rgba(229, 255, 251, .34);
}

.zs-tool-wrapper.zs-theme-pastel {
	--zs-bg: #f5f2fc;
	--zs-surface: #ffffff;
	--zs-surface-2: #f8f5ff;
	--zs-surface-3: #eee9fa;
	--zs-border: rgba(91, 63, 145, .12);
	--zs-border-strong: rgba(91, 63, 145, .22);
	--zs-primary: #7252df;
	--zs-secondary: #d84998;
	--zs-accent: #0c9fc4;
	--zs-text: #21163d;
	--zs-muted: rgba(33, 22, 61, .62);
	--zs-faint: rgba(33, 22, 61, .36);
	--zs-shadow: 0 30px 80px rgba(64, 44, 102, .15);
}

.zs-tool-wrapper.zs-theme-gold {
	--zs-bg: #0b0903;
	--zs-surface: #161105;
	--zs-surface-2: #211a08;
	--zs-surface-3: #30260c;
	--zs-border: rgba(245, 196, 0, .12);
	--zs-border-strong: rgba(245, 196, 0, .24);
	--zs-primary: #f4c325;
	--zs-secondary: #ff8a1c;
	--zs-accent: #ff513a;
	--zs-text: #fff9e8;
	--zs-muted: rgba(255, 249, 232, .62);
	--zs-faint: rgba(255, 249, 232, .34);
}

.zs-tool-wrapper .zs-tool-ambient {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	filter: blur(70px);
	pointer-events: none;
	opacity: .55;
	animation: zs-tool-drift 18s ease-in-out infinite;
}

.zs-tool-wrapper .zs-tool-ambient-one {
	top: -260px;
	left: -160px;
	width: 620px;
	height: 620px;
	background: radial-gradient(circle, color-mix(in srgb, var(--zs-primary) 28%, transparent), transparent 68%);
}

.zs-tool-wrapper .zs-tool-ambient-two {
	right: -220px;
	bottom: -300px;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, color-mix(in srgb, var(--zs-secondary) 22%, transparent), transparent 68%);
	animation-delay: -6s;
}

.zs-tool-wrapper .zs-tool-ambient-three {
	top: 28%;
	left: 38%;
	width: 460px;
	height: 460px;
	background: radial-gradient(circle, color-mix(in srgb, var(--zs-accent) 13%, transparent), transparent 70%);
	animation-delay: -12s;
}

@keyframes zs-tool-drift {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(24px, -18px) scale(1.06); }
}

.zs-tool-wrapper .zs-tool-topbar {
	position: relative;
	z-index: 20;
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 68px;
	padding: 10px 16px 10px 18px;
	border-bottom: 1px solid var(--zs-border);
	background: color-mix(in srgb, var(--zs-surface) 86%, transparent);
	backdrop-filter: blur(22px);
}

.zs-tool-wrapper .zs-tool-identity {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}

.zs-tool-wrapper .zs-tool-brand-mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	flex: 0 0 auto;
	border: 1px solid color-mix(in srgb, var(--zs-primary) 45%, var(--zs-border));
	border-radius: 12px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--zs-primary) 30%, var(--zs-surface-3)), var(--zs-surface-2));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 22px color-mix(in srgb, var(--zs-primary) 20%, transparent);
}

.zs-tool-wrapper .zs-tool-brand-mark::before,
.zs-tool-wrapper .zs-tool-brand-mark::after,
.zs-tool-wrapper .zs-tool-brand-mark span {
	content: "";
	position: absolute;
	border: 2px solid color-mix(in srgb, var(--zs-primary) 75%, #fff);
	border-radius: 50%;
}

.zs-tool-wrapper .zs-tool-brand-mark::before {
	width: 23px;
	height: 23px;
	border-right-color: transparent;
	transform: rotate(-35deg);
}

.zs-tool-wrapper .zs-tool-brand-mark::after {
	width: 6px;
	height: 6px;
	border: 0;
	background: var(--zs-success);
	box-shadow: 0 0 10px var(--zs-success);
}

.zs-tool-wrapper .zs-tool-brand-mark span {
	top: 5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid var(--zs-success);
	border-radius: 0;
}

.zs-tool-wrapper .zs-tool-identity-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.zs-tool-wrapper .zs-tool-brand {
	overflow: hidden;
	background: linear-gradient(110deg, color-mix(in srgb, var(--zs-primary) 70%, #fff), color-mix(in srgb, var(--zs-secondary) 70%, #fff), var(--zs-accent));
	background-clip: text;
	color: transparent;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-title-shell {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	margin: 0;
}

.zs-tool-wrapper .zs-tool-title-pencil {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	border-radius: 6px;
	background: color-mix(in srgb, var(--zs-primary) 12%, transparent);
	color: color-mix(in srgb, var(--zs-primary) 72%, #fff);
	font-size: 11px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-title-input {
	width: min(280px, 30vw);
	min-width: 130px;
	padding: 1px 0 2px;
	overflow: hidden;
	border: 0;
	border-bottom: 1px solid transparent;
	outline: 0;
	background: transparent;
	color: var(--zs-text);
	font-size: 16px;
	font-weight: 800;
	text-overflow: ellipsis;
}

.zs-tool-wrapper .zs-tool-title-input:hover,
.zs-tool-wrapper .zs-tool-title-input:focus {
	border-bottom-color: color-mix(in srgb, var(--zs-primary) 60%, transparent);
}

.zs-tool-wrapper .zs-tool-top-actions {
	display: flex;
	gap: 7px;
	margin-left: auto;
}

.zs-tool-wrapper .zs-tool-icon-button {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px 7px 7px;
	border: 1px solid var(--zs-border);
	border-radius: 10px;
	background: color-mix(in srgb, var(--zs-surface-3) 74%, transparent);
	color: var(--zs-muted);
	font-size: 11px;
	font-weight: 700;
	transition: border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease;
}

.zs-tool-wrapper .zs-tool-action-glyph {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--zs-primary) 14%, transparent);
	color: color-mix(in srgb, var(--zs-primary) 65%, #fff);
	font-size: 9px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-icon-button:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--zs-primary) 48%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-primary) 12%, var(--zs-surface-3));
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-featurebar {
	position: relative;
	z-index: 19;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 46px;
	padding: 7px 14px;
	overflow-x: auto;
	border-bottom: 1px solid var(--zs-border);
	background: color-mix(in srgb, var(--zs-bg) 84%, transparent);
	scrollbar-width: none;
}

.zs-tool-wrapper .zs-tool-featurebar::-webkit-scrollbar,
.zs-tool-wrapper .zs-tool-tabs::-webkit-scrollbar {
	display: none;
}

.zs-tool-wrapper .zs-tool-feature-group,
.zs-tool-wrapper .zs-tool-theme-list {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}

.zs-tool-wrapper .zs-tool-feature-group-end {
	margin-left: auto;
}

.zs-tool-wrapper .zs-tool-feature-label {
	margin-right: 2px;
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-chip,
.zs-tool-wrapper .zs-tool-small-button,
.zs-tool-wrapper .zs-tool-secondary-button,
.zs-tool-wrapper .zs-tool-toolbar button,
.zs-tool-wrapper .zs-tool-export-row button,
.zs-tool-wrapper .zs-tool-session-new button,
.zs-tool-wrapper .zs-tool-team-controls button,
.zs-tool-wrapper .zs-tool-modal-actions button {
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	background: color-mix(in srgb, var(--zs-surface-3) 74%, transparent);
	color: var(--zs-muted);
	font-size: 11px;
	font-weight: 700;
	transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.zs-tool-wrapper .zs-tool-chip,
.zs-tool-wrapper .zs-tool-small-button {
	padding: 6px 10px;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-chip:hover,
.zs-tool-wrapper .zs-tool-chip.zs-is-selected,
.zs-tool-wrapper .zs-tool-small-button:hover,
.zs-tool-wrapper .zs-tool-secondary-button:hover,
.zs-tool-wrapper .zs-tool-toolbar button:hover,
.zs-tool-wrapper .zs-tool-export-row button:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--zs-primary) 48%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-primary) 14%, var(--zs-surface-3));
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-chip-success {
	border-color: color-mix(in srgb, var(--zs-success) 28%, var(--zs-border));
	color: color-mix(in srgb, var(--zs-success) 78%, var(--zs-text));
}

.zs-tool-wrapper .zs-tool-chip-success.zs-is-selected {
	border-color: color-mix(in srgb, var(--zs-success) 56%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-success) 14%, var(--zs-surface-3));
	color: var(--zs-success);
}

.zs-tool-wrapper .zs-tool-theme-button {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border: 1px solid var(--zs-border);
	border-radius: 999px;
	background: var(--zs-surface-3);
	color: var(--zs-muted);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-theme-button i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--zs-primary);
	box-shadow: 0 0 8px color-mix(in srgb, var(--zs-primary) 60%, transparent);
}

.zs-tool-wrapper .zs-tool-theme-neon i {
	background: #00e9c2;
}

.zs-tool-wrapper .zs-tool-theme-pastel i {
	background: #d84998;
}

.zs-tool-wrapper .zs-tool-theme-gold i {
	background: #f4c325;
}

.zs-tool-wrapper .zs-tool-theme-button:hover {
	border-color: var(--zs-border-strong);
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-theme-button.zs-is-selected {
	border-color: color-mix(in srgb, var(--zs-primary) 50%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-primary) 12%, var(--zs-surface-3));
	color: var(--zs-text);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--zs-primary) 7%, transparent);
}

.zs-tool-wrapper .zs-tool-pick-label {
	display: flex;
	align-items: center;
	gap: 6px;
	padding-left: 8px;
	border-left: 1px solid var(--zs-border);
	color: var(--zs-faint);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-pick-label select {
	padding: 4px 7px;
	border: 1px solid var(--zs-border);
	border-radius: 7px;
	outline: 0;
	background: var(--zs-surface-3);
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-main {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1;
	min-height: 0;
}

.zs-tool-wrapper .zs-tool-wheel-zone {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 16px 18px 14px;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--zs-primary) 30%, transparent) transparent;
}

.zs-tool-wrapper .zs-tool-stage-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	max-width: 980px;
	padding: 0 2px;
}

.zs-tool-wrapper .zs-tool-stage-head > div:first-child {
	display: flex;
	flex-direction: column;
}

.zs-tool-wrapper .zs-tool-stage-eyebrow {
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-stage-head strong {
	color: var(--zs-text);
	font-size: 15px;
}

.zs-tool-wrapper .zs-tool-stage-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--zs-muted);
	font-size: 10px;
	font-weight: 700;
}

.zs-tool-wrapper .zs-tool-stage-meta span {
	padding: 5px 8px;
	border: 1px solid var(--zs-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--zs-surface) 58%, transparent);
}

.zs-tool-wrapper .zs-tool-stage-meta b {
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-live-dot::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50%;
	background: var(--zs-success);
	box-shadow: 0 0 8px var(--zs-success);
}

.zs-tool-wrapper .zs-tool-auto-widget {
	display: none;
	align-items: center;
	gap: 14px;
	width: min(600px, 100%);
	padding: 12px 14px;
	border: 1px solid color-mix(in srgb, var(--zs-primary) 34%, var(--zs-border));
	border-radius: 16px;
	background: color-mix(in srgb, var(--zs-surface-2) 86%, transparent);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
	animation: zs-tool-slide-down .24s ease;
}

.zs-tool-wrapper .zs-tool-auto-widget.zs-is-open {
	display: flex;
}

@keyframes zs-tool-slide-down {
	from { transform: translateY(-7px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

.zs-tool-wrapper .zs-tool-auto-ring {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	flex: 0 0 auto;
	border: 5px solid color-mix(in srgb, var(--zs-primary) 26%, transparent);
	border-top-color: var(--zs-primary);
	border-radius: 50%;
	box-shadow: inset 0 0 18px color-mix(in srgb, var(--zs-primary) 10%, transparent);
}

.zs-tool-wrapper .zs-tool-auto-time {
	margin-bottom: -5px;
	font-size: 18px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-auto-ring small {
	color: var(--zs-faint);
	font-size: 8px;
}

.zs-tool-wrapper .zs-tool-auto-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.zs-tool-wrapper .zs-tool-auto-body strong {
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-auto-body input {
	width: 100%;
	accent-color: var(--zs-primary);
}

.zs-tool-wrapper .zs-tool-auto-actions {
	display: flex;
	gap: 6px;
}

.zs-tool-wrapper .zs-tool-wheels {
	display: flex;
	flex: 1 0 auto;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 430px;
}

.zs-tool-wrapper .zs-tool-wheel-card {
	position: relative;
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	max-width: 100%;
	padding: 0 18px 16px;
	overflow: visible;
	border: 1px solid var(--zs-border);
	border-radius: 22px;
	background: linear-gradient(160deg, color-mix(in srgb, var(--zs-surface) 62%, transparent), color-mix(in srgb, var(--zs-primary) 5%, transparent));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 24px 70px rgba(0, 0, 0, .2);
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.zs-tool-wrapper .zs-tool-wheel-card:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--zs-primary) 28%, var(--zs-border));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 26px 80px rgba(0, 0, 0, .28);
}

.zs-tool-wrapper .zs-tool-wheel-banner {
	width: calc(100% + 36px);
	min-height: 38px;
	padding: 10px 34px;
	overflow: hidden;
	border-bottom: 1px solid var(--zs-border);
	border-radius: 22px 22px 0 0;
	background: color-mix(in srgb, var(--zs-primary) 7%, transparent);
	color: var(--zs-faint);
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	font-weight: 700;
}

.zs-tool-wrapper .zs-tool-wheel-card.zs-has-winner .zs-tool-wheel-banner {
	background: linear-gradient(135deg, color-mix(in srgb, var(--zs-primary) 22%, transparent), color-mix(in srgb, var(--zs-secondary) 13%, transparent));
	color: var(--zs-text);
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-wheel-remove {
	position: absolute;
	z-index: 10;
	top: 8px;
	right: 9px;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--zs-error) 34%, transparent);
	border-radius: 50%;
	background: color-mix(in srgb, var(--zs-error) 11%, transparent);
	color: var(--zs-error);
	font-size: 12px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-wheel-remove:hover {
	transform: scale(1.08);
	background: var(--zs-error);
	color: #fff;
}

.zs-tool-wrapper .zs-tool-wheel-label {
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-wheel-outer {
	position: relative;
	display: grid;
	place-items: center;
	margin: 5px 14px;
}

.zs-tool-wrapper .zs-tool-glow-ring {
	position: absolute;
	border: 1px solid color-mix(in srgb, var(--zs-primary) 24%, transparent);
	border-radius: 50%;
	pointer-events: none;
	animation: zs-tool-pulse-ring 3.4s ease-in-out infinite;
}

.zs-tool-wrapper .zs-tool-glow-ring-one {
	inset: -17px;
}

.zs-tool-wrapper .zs-tool-glow-ring-two {
	inset: -34px;
	border-color: color-mix(in srgb, var(--zs-primary) 10%, transparent);
	animation-delay: .8s;
}

@keyframes zs-tool-pulse-ring {
	0%, 100% { transform: scale(1); opacity: .48; }
	50% { transform: scale(1.012); opacity: 1; }
}

.zs-tool-wrapper .zs-tool-wheel-wrap {
	position: relative;
	display: grid;
	place-items: center;
	max-width: 100%;
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, .035), 0 0 80px color-mix(in srgb, var(--zs-primary) 24%, transparent), 0 22px 48px rgba(0, 0, 0, .35);
}

.zs-tool-wrapper .zs-tool-wheel-wrap::after {
	content: "";
	position: absolute;
	z-index: 4;
	inset: 0;
	border-radius: 50%;
	background: conic-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .01) 24%, rgba(255, 255, 255, .12) 50%, rgba(255, 255, 255, .01) 76%, rgba(255, 255, 255, .15));
	mask: radial-gradient(transparent 85%, #000 89%);
	pointer-events: none;
}

.zs-tool-wrapper .zs-tool-wheel-canvas {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.zs-tool-wrapper .zs-tool-pointer {
	position: absolute;
	z-index: 8;
	top: -14px;
	left: 50%;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 40px solid var(--zs-success);
	filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--zs-success) 60%, rgba(0, 0, 0, .5)));
}

.zs-tool-wrapper .zs-tool-pointer::before {
	content: "";
	position: absolute;
	top: -37px;
	left: -10px;
	width: 20px;
	height: 20px;
	border: 3px solid rgba(255, 255, 255, .65);
	border-radius: 50%;
}

.zs-tool-wrapper .zs-tool-center-spin {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 66px;
	height: 66px;
	padding: 0;
	transform: translate(-50%, -50%);
	border: 3px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--zs-surface-3) 85%, #fff 15%), var(--zs-surface));
	color: var(--zs-text);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--zs-primary) 23%, transparent), 0 8px 22px rgba(0, 0, 0, .48);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	transition: transform .18s ease, box-shadow .18s ease;
}

.zs-tool-wrapper .zs-tool-center-spin:hover {
	transform: translate(-50%, -50%) scale(1.06);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--zs-primary) 28%, transparent), 0 10px 28px rgba(0, 0, 0, .52);
}

.zs-tool-wrapper .zs-tool-primary-button {
	position: relative;
	padding: 10px 22px;
	overflow: hidden;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--zs-primary), var(--zs-secondary));
	color: #fff;
	box-shadow: 0 8px 26px color-mix(in srgb, var(--zs-primary) 35%, transparent);
	font-weight: 850;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.zs-tool-wrapper .zs-tool-primary-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -90%;
	width: 45%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
	transform: skewX(-18deg);
	transition: left .55s ease;
}

.zs-tool-wrapper .zs-tool-primary-button:hover::before {
	left: 145%;
}

.zs-tool-wrapper .zs-tool-primary-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 34px color-mix(in srgb, var(--zs-primary) 46%, transparent);
	filter: brightness(1.07);
}

.zs-tool-wrapper.zs-button-style-solid .zs-tool-primary-button {
	background: var(--zs-primary);
}

.zs-tool-wrapper .zs-tool-wheel-card > .zs-tool-primary-button {
	margin-top: 5px;
	padding: 8px 24px;
	font-size: 11px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-wheel-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
}

.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-primary-button {
	min-width: 175px;
	padding: 11px 25px;
	background: linear-gradient(135deg, #f72585, #7b2cbf);
	box-shadow: 0 9px 28px rgba(247, 37, 133, .34);
	letter-spacing: .05em;
}

.zs-tool-wrapper .zs-tool-secondary-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 14px;
	border-radius: 999px;
}

.zs-tool-wrapper .zs-tool-secondary-button span {
	color: var(--zs-primary);
	font-size: 15px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-secondary-danger {
	border-color: color-mix(in srgb, var(--zs-error) 24%, var(--zs-border));
}

.zs-tool-wrapper .zs-tool-secondary-danger span {
	color: var(--zs-error);
}

.zs-tool-wrapper .zs-tool-hint {
	margin: -2px 0 0;
	color: var(--zs-faint);
	font-size: 10px;
	font-style: italic;
}

.zs-tool-wrapper .zs-tool-side-panel {
	display: flex;
	flex: 0 0 400px;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border-left: 1px solid var(--zs-border);
	background: color-mix(in srgb, var(--zs-surface) 93%, transparent);
	backdrop-filter: blur(20px);
	transition: flex-basis .28s ease, opacity .24s ease, transform .28s ease;
}

.zs-tool-wrapper.zs-panel-closed .zs-tool-side-panel {
	flex-basis: 0;
	transform: translateX(20px);
	opacity: 0;
}

.zs-tool-wrapper .zs-tool-side-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 14px 11px;
	border-bottom: 1px solid var(--zs-border);
}

.zs-tool-wrapper .zs-tool-side-heading > div {
	display: flex;
	flex-direction: column;
}

.zs-tool-wrapper .zs-tool-side-heading span {
	color: var(--zs-faint);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-side-heading strong {
	font-size: 13px;
}

.zs-tool-wrapper .zs-tool-side-heading button {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 1px solid var(--zs-border);
	border-radius: 8px;
	background: var(--zs-surface-3);
	color: var(--zs-faint);
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-tabs {
	display: flex;
	overflow-x: auto;
	border-bottom: 1px solid var(--zs-border);
}

.zs-tool-wrapper .zs-tool-tab {
	position: relative;
	flex: 1 0 auto;
	padding: 11px 9px;
	border: 0;
	background: transparent;
	color: var(--zs-faint);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .02em;
}

.zs-tool-wrapper .zs-tool-tab::after {
	content: "";
	position: absolute;
	right: 12px;
	bottom: -1px;
	left: 12px;
	height: 2px;
	border-radius: 2px;
	background: var(--zs-primary);
	transform: scaleX(0);
	transition: transform .2s ease;
}

.zs-tool-wrapper .zs-tool-tab.zs-is-selected {
	color: color-mix(in srgb, var(--zs-primary) 70%, var(--zs-text));
}

.zs-tool-wrapper .zs-tool-tab.zs-is-selected::after {
	transform: scaleX(1);
}

.zs-tool-wrapper .zs-tool-tab span {
	display: inline-grid;
	place-items: center;
	min-width: 17px;
	padding: 1px 5px;
	border-radius: 999px;
	background: var(--zs-surface-3);
	font-size: 9px;
}

.zs-tool-wrapper .zs-tool-panel {
	display: none;
	flex: 1;
	flex-direction: column;
	min-height: 0;
}

.zs-tool-wrapper .zs-tool-panel.zs-is-selected {
	display: flex;
}

.zs-tool-wrapper .zs-tool-entry-input {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 11px 12px;
	border-bottom: 1px solid var(--zs-border);
}

.zs-tool-wrapper .zs-tool-entry-input-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-link-button {
	padding: 4px 7px;
	border: 1px solid color-mix(in srgb, var(--zs-primary) 26%, var(--zs-border));
	border-radius: 6px;
	background: color-mix(in srgb, var(--zs-primary) 7%, transparent);
	color: color-mix(in srgb, var(--zs-primary) 70%, var(--zs-text));
	font-size: 9px;
	font-weight: 800;
}

.zs-tool-wrapper .zs-tool-entry-input textarea,
.zs-tool-wrapper .zs-tool-modal input[type="text"],
.zs-tool-wrapper .zs-tool-session-new input,
.zs-tool-wrapper .zs-tool-team-controls input {
	width: 100%;
	padding: 9px 10px;
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	outline: 0;
	background: color-mix(in srgb, var(--zs-surface-2) 86%, transparent);
	color: var(--zs-text);
	resize: vertical;
}

.zs-tool-wrapper .zs-tool-entry-input textarea {
	min-height: 160px;
	max-height: 350px;
	line-height: 1.5;
}

.zs-tool-wrapper .zs-tool-entry-input textarea::placeholder,
.zs-tool-wrapper .zs-tool-session-new input::placeholder {
	color: var(--zs-faint);
}

.zs-tool-wrapper .zs-tool-entry-input textarea:focus,
.zs-tool-wrapper .zs-tool-session-new input:focus {
	border-color: color-mix(in srgb, var(--zs-primary) 65%, var(--zs-border));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--zs-primary) 11%, transparent);
}

.zs-tool-wrapper .zs-tool-entry-input > .zs-tool-primary-button {
	align-self: stretch;
	border-radius: 9px;
	box-shadow: none;
	font-size: 11px;
}

.zs-tool-wrapper.zs-input-style-outline .zs-tool-entry-input textarea,
.zs-tool-wrapper.zs-input-style-outline .zs-tool-modal input[type="text"],
.zs-tool-wrapper.zs-input-style-outline .zs-tool-session-new input,
.zs-tool-wrapper.zs-input-style-outline .zs-tool-team-controls input {
	background: transparent;
}

.zs-tool-wrapper .zs-tool-toolbar,
.zs-tool-wrapper .zs-tool-export-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 7px 9px;
	border-bottom: 1px solid var(--zs-border);
}

.zs-tool-wrapper .zs-tool-toolbar button,
.zs-tool-wrapper .zs-tool-export-row button {
	padding: 5px 7px;
	border-radius: 6px;
	font-size: 9px;
}

.zs-tool-wrapper .zs-tool-entry-list,
.zs-tool-wrapper .zs-tool-result-list,
.zs-tool-wrapper .zs-tool-stats,
.zs-tool-wrapper .zs-tool-presets {
	flex: 1;
	min-height: 0;
	padding: 6px;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--zs-primary) 24%, transparent) transparent;
}

.zs-tool-wrapper .zs-tool-entry-card {
	display: grid;
	grid-template-columns: 26px minmax(90px, 1fr) auto;
	gap: 6px;
	align-items: center;
	margin: 4px 0;
	padding: 7px;
	border: 1px solid var(--zs-border);
	border-radius: 10px;
	background: color-mix(in srgb, var(--zs-surface-3) 38%, transparent);
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.zs-tool-wrapper .zs-tool-entry-card:hover {
	border-color: color-mix(in srgb, var(--zs-primary) 26%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-primary) 5%, var(--zs-surface-3));
	box-shadow: inset 3px 0 0 color-mix(in srgb, var(--zs-primary) 58%, transparent);
}

.zs-tool-wrapper .zs-tool-entry-color {
	width: 22px;
	height: 22px;
	padding: 1px;
	border: 1px solid var(--zs-border-strong);
	border-radius: 50%;
	background: transparent;
}

.zs-tool-wrapper .zs-tool-entry-label {
	min-width: 0;
	padding: 3px 4px;
	border: 0;
	border-bottom: 1px solid transparent;
	outline: 0;
	background: transparent;
	color: var(--zs-text);
	font-size: 11px;
	font-weight: 700;
}

.zs-tool-wrapper .zs-tool-entry-label:focus {
	border-bottom-color: var(--zs-primary);
}

.zs-tool-wrapper .zs-tool-entry-win {
	padding: 2px 5px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--zs-success) 10%, transparent);
	color: color-mix(in srgb, var(--zs-success) 80%, var(--zs-text));
	font-size: 8px;
	font-weight: 800;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-entry-weight {
	grid-column: 2 / -1;
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--zs-faint);
	font-size: 8px;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-entry-weight input {
	flex: 1;
	height: 4px;
	accent-color: var(--zs-primary);
}

.zs-tool-wrapper .zs-tool-entry-weight input[type="range"],
.zs-tool-wrapper .zs-tool-auto-body input[type="range"] {
	appearance: none;
	border-radius: 999px;
	background: color-mix(in srgb, var(--zs-text) 10%, transparent);
}

.zs-tool-wrapper .zs-tool-entry-weight input[type="range"]::-webkit-slider-thumb,
.zs-tool-wrapper .zs-tool-auto-body input[type="range"]::-webkit-slider-thumb {
	width: 12px;
	height: 12px;
	appearance: none;
	border: 2px solid color-mix(in srgb, var(--zs-primary) 50%, #fff);
	border-radius: 50%;
	background: var(--zs-primary);
	box-shadow: 0 0 8px color-mix(in srgb, var(--zs-primary) 40%, transparent);
}

.zs-tool-wrapper .zs-tool-entry-weight input[type="range"]::-moz-range-thumb,
.zs-tool-wrapper .zs-tool-auto-body input[type="range"]::-moz-range-thumb {
	width: 10px;
	height: 10px;
	border: 2px solid color-mix(in srgb, var(--zs-primary) 50%, #fff);
	border-radius: 50%;
	background: var(--zs-primary);
	box-shadow: 0 0 8px color-mix(in srgb, var(--zs-primary) 40%, transparent);
}

.zs-tool-wrapper .zs-tool-entry-weight strong {
	color: color-mix(in srgb, var(--zs-primary) 70%, var(--zs-text));
	font-size: 9px;
}

.zs-tool-wrapper .zs-tool-entry-remove {
	grid-column: 3;
	grid-row: 1;
	padding: 1px 4px;
	border: 0;
	background: transparent;
	color: var(--zs-faint);
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-entry-remove:hover {
	color: var(--zs-error);
}

.zs-tool-wrapper .zs-tool-probabilities {
	max-height: 118px;
	padding: 6px 10px 8px;
	overflow: auto;
	border-top: 1px solid var(--zs-border);
	background: color-mix(in srgb, var(--zs-bg) 32%, transparent);
}

.zs-tool-wrapper .zs-tool-probability-row,
.zs-tool-wrapper .zs-tool-stat-row {
	display: grid;
	grid-template-columns: minmax(70px, 1fr) 72px 38px;
	gap: 7px;
	align-items: center;
	padding: 3px 0;
	color: var(--zs-faint);
	font-size: 8px;
}

.zs-tool-wrapper .zs-tool-probability-row > span,
.zs-tool-wrapper .zs-tool-stat-row > span {
	overflow: hidden;
	color: var(--zs-muted);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-probability-row > div,
.zs-tool-wrapper .zs-tool-stat-row > div {
	height: 4px;
	overflow: hidden;
	border-radius: 5px;
	background: color-mix(in srgb, var(--zs-text) 7%, transparent);
}

.zs-tool-wrapper .zs-tool-probability-row i,
.zs-tool-wrapper .zs-tool-stat-row i {
	display: block;
	height: 100%;
	border-radius: inherit;
}

.zs-tool-wrapper .zs-tool-result-row {
	display: grid;
	grid-template-columns: 18px 7px minmax(80px, 1fr) auto;
	gap: 7px;
	align-items: center;
	padding: 9px 7px;
	border-bottom: 1px solid var(--zs-border);
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-result-row i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	box-shadow: 0 0 8px currentColor;
}

.zs-tool-wrapper .zs-tool-result-row small,
.zs-tool-wrapper .zs-tool-result-row > span {
	color: var(--zs-faint);
}

.zs-tool-wrapper .zs-tool-stat-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
	margin-bottom: 12px;
}

.zs-tool-wrapper .zs-tool-stat-grid > div {
	padding: 14px 8px;
	border: 1px solid var(--zs-border);
	border-radius: 11px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--zs-primary) 8%, var(--zs-surface-3)), var(--zs-surface-3));
	text-align: center;
}

.zs-tool-wrapper .zs-tool-stat-grid strong,
.zs-tool-wrapper .zs-tool-stat-grid span {
	display: block;
}

.zs-tool-wrapper .zs-tool-stat-grid strong {
	color: color-mix(in srgb, var(--zs-primary) 70%, var(--zs-text));
	font-size: 22px;
}

.zs-tool-wrapper .zs-tool-stat-grid span {
	color: var(--zs-faint);
	font-size: 8px;
	font-weight: 800;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-presets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
	align-content: start;
}

.zs-tool-wrapper .zs-tool-preset {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 11px;
	border: 1px solid var(--zs-border);
	border-radius: 11px;
	background: color-mix(in srgb, var(--zs-surface-3) 58%, transparent);
	color: var(--zs-text);
	text-align: left;
	transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.zs-tool-wrapper .zs-tool-preset:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--zs-primary) 42%, var(--zs-border));
	background: color-mix(in srgb, var(--zs-primary) 10%, var(--zs-surface-3));
}

.zs-tool-wrapper .zs-tool-preset span {
	color: var(--zs-faint);
	font-size: 8px;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-empty,
.zs-tool-wrapper .zs-tool-notice {
	margin: auto;
	padding: 30px 18px;
	color: var(--zs-faint);
	text-align: center;
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-modal-layer {
	position: absolute;
	z-index: 90;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: color-mix(in srgb, var(--zs-bg) 78%, transparent);
	backdrop-filter: blur(12px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}

.zs-tool-wrapper .zs-tool-modal-layer.zs-is-open {
	opacity: 1;
	pointer-events: auto;
}

.zs-tool-wrapper .zs-tool-modal {
	width: min(420px, 100%);
	max-height: 86%;
	padding: 22px;
	overflow: auto;
	border: 1px solid var(--zs-border-strong);
	border-radius: 20px;
	background: linear-gradient(155deg, color-mix(in srgb, var(--zs-surface) 95%, var(--zs-primary) 5%), var(--zs-surface));
	box-shadow: 0 34px 100px rgba(0, 0, 0, .55);
	animation: zs-tool-modal-pop .22s ease;
}

@keyframes zs-tool-modal-pop {
	from { transform: translateY(8px) scale(.98); opacity: 0; }
	to { transform: translateY(0) scale(1); opacity: 1; }
}

.zs-tool-wrapper .zs-tool-modal h3 {
	margin: 0 0 16px;
	color: var(--zs-text);
	font-size: 18px;
}

.zs-tool-wrapper .zs-tool-setting,
.zs-tool-wrapper .zs-tool-check,
.zs-tool-wrapper .zs-tool-setting-select {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 14px 0;
	color: var(--zs-text);
	font-size: 12px;
	font-weight: 600;
}

.zs-tool-wrapper .zs-tool-setting,
.zs-tool-wrapper .zs-tool-setting-select {
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
}

.zs-tool-wrapper .zs-tool-select-wrapper {
	position: relative;
	display: flex;
}
.zs-tool-wrapper .zs-tool-select-wrapper select {
	width: 100%;
	appearance: none;
	padding: 10px 32px 10px 12px;
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	background: color-mix(in srgb, var(--zs-surface-2) 60%, transparent);
	color: var(--zs-text);
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.zs-tool-wrapper .zs-tool-select-wrapper::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 6px;
	background-color: var(--zs-muted);
	clip-path: polygon(100% 0%, 0 0%, 50% 100%);
	pointer-events: none;
}
.zs-tool-wrapper .zs-tool-select-wrapper select:focus {
	border-color: var(--zs-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--zs-primary) 15%, transparent);
}

.zs-tool-wrapper .zs-tool-check {
	justify-content: space-between;
	cursor: pointer;
	padding: 6px 0;
}
.zs-tool-wrapper .zs-tool-check input {
	display: none;
}
.zs-tool-wrapper .zs-tool-toggle-track {
	position: relative;
	width: 38px;
	height: 22px;
	border-radius: 11px;
	background: var(--zs-border-strong);
	transition: background-color 0.25s ease;
	flex-shrink: 0;
}
.zs-tool-wrapper .zs-tool-toggle-track::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.zs-tool-wrapper .zs-tool-check input:checked + .zs-tool-toggle-track {
	background: var(--zs-primary);
}
.zs-tool-wrapper .zs-tool-check input:checked + .zs-tool-toggle-track::after {
	transform: translateX(16px);
}

.zs-tool-wrapper .zs-tool-range-wrapper input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: var(--zs-border);
	outline: none;
	margin: 10px 0;
}
.zs-tool-wrapper .zs-tool-range-wrapper input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--zs-primary);
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	transition: transform 0.1s;
}
.zs-tool-wrapper .zs-tool-range-wrapper input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--zs-primary);
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	transition: transform 0.1s;
}
.zs-tool-wrapper .zs-tool-range-wrapper input[type="range"]::-webkit-slider-thumb:hover {
	transform: scale(1.15);
}
.zs-tool-wrapper .zs-tool-range-wrapper input[type="range"]::-moz-range-thumb:hover {
	transform: scale(1.15);
}

.zs-tool-wrapper .zs-tool-winner-modal {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.zs-tool-wrapper .zs-tool-winner-modal::before {
	content: "";
	position: absolute;
	top: -130px;
	left: 50%;
	width: 270px;
	height: 270px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--zs-primary) 25%, transparent), transparent 68%);
	pointer-events: none;
}

.zs-tool-wrapper .zs-tool-winner-kicker {
	position: relative;
	display: block;
	margin-bottom: 9px;
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-winner-modal > strong {
	position: relative;
	display: block;
	font-size: clamp(27px, 6vw, 42px);
}

.zs-tool-wrapper .zs-tool-winner-modal p {
	position: relative;
	color: var(--zs-muted);
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-modal-actions {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
}

.zs-tool-wrapper .zs-tool-modal-actions button {
	padding: 7px 11px;
}

.zs-tool-wrapper .zs-tool-multi-winner,
.zs-tool-wrapper .zs-tool-session-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 5px 0;
	padding: 8px 10px;
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	background: var(--zs-surface-3);
}

.zs-tool-wrapper .zs-tool-multi-winner strong,
.zs-tool-wrapper .zs-tool-session-row button:first-child {
	flex: 1;
}

.zs-tool-wrapper .zs-tool-session-row button {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--zs-text);
	text-align: left;
}

.zs-tool-wrapper .zs-tool-session-row span {
	color: var(--zs-faint);
	font-size: 9px;
}

.zs-tool-wrapper .zs-tool-session-new,
.zs-tool-wrapper .zs-tool-team-controls {
	display: flex;
	gap: 7px;
	margin: 12px 0;
}

.zs-tool-wrapper .zs-tool-session-new button,
.zs-tool-wrapper .zs-tool-team-controls button {
	padding: 7px 10px;
}

.zs-tool-wrapper .zs-tool-team-modal {
	width: min(650px, 100%);
}

.zs-tool-wrapper .zs-tool-team-controls label {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--zs-muted);
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-team-controls input {
	width: 70px;
}

.zs-tool-wrapper .zs-tool-team-results {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
}

.zs-tool-wrapper .zs-tool-team-card {
	padding: 11px;
	border: 1px solid var(--zs-border);
	border-radius: 11px;
	background: var(--zs-surface-3);
}

.zs-tool-wrapper .zs-tool-team-card strong,
.zs-tool-wrapper .zs-tool-team-card span {
	display: block;
	padding: 3px 0;
}

.zs-tool-wrapper .zs-tool-team-card span {
	color: var(--zs-muted);
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-file-input {
	display: none;
}

.zs-tool-wrapper .zs-tool-confetti {
	position: absolute;
	z-index: 100;
	inset: 0;
	pointer-events: none;
}

.zs-tool-wrapper .zs-tool-toast {
	position: absolute;
	z-index: 120;
	bottom: 18px;
	left: 50%;
	padding: 9px 14px;
	transform: translate(-50%, 12px);
	border: 1px solid color-mix(in srgb, var(--zs-primary) 55%, var(--zs-border));
	border-radius: 9px;
	background: var(--zs-surface-2);
	color: var(--zs-text);
	box-shadow: 0 14px 38px rgba(0, 0, 0, .35);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-toast.zs-is-open {
	transform: translate(-50%, 0);
	opacity: 1;
}

.zs-tool-wrapper.zs-layout-studio {
	background: radial-gradient(circle at 15% 5%, color-mix(in srgb, var(--zs-primary) 14%, transparent), transparent 36%), var(--zs-bg);
}

.zs-tool-wrapper.zs-layout-focus .zs-tool-stage-head,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-card > .zs-tool-primary-button {
	display: none;
}

.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-zone {
	justify-content: center;
}

.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-card {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}

.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-banner {
	width: auto;
	min-width: 180px;
	border: 1px solid var(--zs-border);
	border-radius: 999px;
}

.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
	order: -1;
	border-right: 1px solid var(--zs-border);
	border-left: 0;
}

.zs-tool-wrapper.zs-layout-multi .zs-tool-wheel-card {
	flex: 1 1 340px;
}

.zs-tool-wrapper.zs-layout-celebration .zs-tool-wheel-wrap {
	box-shadow: 0 0 0 6px rgba(255, 255, 255, .04), 0 0 110px color-mix(in srgb, var(--zs-primary) 38%, transparent), 0 22px 48px rgba(0, 0, 0, .35);
}

.zs-tool-wrapper.zs-layout-raffle-live .zs-tool-wheel-banner {
	background: linear-gradient(135deg, color-mix(in srgb, var(--zs-primary) 24%, transparent), color-mix(in srgb, var(--zs-warning) 12%, transparent));
	color: var(--zs-text);
}

.zs-tool-wrapper.zs-layout-raffle-live .zs-tool-side-panel {
	flex-basis: 420px;
}

@container (max-width: 1120px) {
	.zs-tool-wrapper .zs-tool-side-panel {
		flex-basis: 360px;
	}
	.zs-tool-wrapper .zs-tool-feature-label,
	.zs-tool-wrapper .zs-tool-icon-button > span:nth-child(2) {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-icon-button {
		padding: 7px;
	}
}

@container (max-width: 880px) {
	.zs-tool-wrapper {
		max-height: none;
	}
	.zs-tool-wrapper .zs-tool-main {
		flex-direction: column;
	}
	.zs-tool-wrapper .zs-tool-wheel-zone {
		min-height: 600px;
	}
	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-raffle-live .zs-tool-side-panel {
		order: 0;
		flex: 0 0 540px;
		width: 100%;
		border-top: 1px solid var(--zs-border);
		border-right: 0;
		border-left: 0;
	}
	.zs-tool-wrapper.zs-panel-closed .zs-tool-side-panel {
		flex-basis: 0;
		transform: translateY(18px);
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper {
		min-height: 720px;
		border-radius: 14px;
	}
	.zs-tool-wrapper .zs-tool-topbar {
		gap: 8px;
		min-height: 58px;
		padding: 8px 92px 8px 9px;
	}
	.zs-tool-wrapper .zs-tool-identity {
		max-width: 100%;
	}
	.zs-tool-wrapper .zs-tool-brand-mark {
		width: 34px;
		height: 34px;
	}
	.zs-tool-wrapper .zs-tool-brand {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-title-input {
		width: min(155px, calc(100vw - 178px));
		min-width: 0;
		font-size: 13px;
	}
	.zs-tool-wrapper .zs-tool-top-actions {
		position: absolute;
		right: 8px;
		gap: 4px;
		margin-left: 0;
	}
	.zs-tool-wrapper .zs-tool-icon-button {
		width: 36px;
		min-width: 36px;
		height: 36px;
		min-height: 36px;
		padding: 6px;
	}
	.zs-tool-wrapper .zs-tool-action-glyph {
		width: 20px;
		height: 20px;
	}
	.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"],
	.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="open-sessions"],
	.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="share-wheel"] {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="fullscreen"],
	.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="toggle-panel"] {
		display: flex;
	}
	.zs-tool-wrapper .zs-tool-featurebar {
		padding: 6px 8px;
	}
	.zs-tool-wrapper .zs-tool-feature-group-end {
		margin-left: 0;
	}
	.zs-tool-wrapper .zs-tool-theme-list {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-stage-head {
		align-items: flex-start;
	}
	.zs-tool-wrapper .zs-tool-stage-meta {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-wheel-zone {
		gap: 12px;
		min-height: 510px;
		padding: 13px 7px;
	}
	.zs-tool-wrapper .zs-tool-wheels {
		min-height: 360px;
	}
	.zs-tool-wrapper .zs-tool-wheel-card {
		padding-right: 10px;
		padding-left: 10px;
	}
	.zs-tool-wrapper .zs-tool-wheel-banner {
		width: calc(100% + 20px);
	}
	.zs-tool-wrapper .zs-tool-glow-ring-two {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-auto-widget {
		flex-wrap: wrap;
	}
	.zs-tool-wrapper .zs-tool-auto-actions {
		width: 100%;
		justify-content: flex-end;
	}
	.zs-tool-wrapper .zs-tool-wheel-actions {
		width: 100%;
	}
	.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-primary-button {
		order: -1;
		width: 100%;
	}
	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-raffle-live .zs-tool-side-panel {
		flex-basis: 570px;
	}
	.zs-tool-wrapper .zs-tool-side-heading {
		padding: 10px 11px;
	}
	.zs-tool-wrapper .zs-tool-modal {
		padding: 18px;
		border-radius: 16px;
	}
	.zs-tool-wrapper .zs-tool-team-controls,
	.zs-tool-wrapper .zs-tool-session-new {
		flex-wrap: wrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zs-tool-wrapper *,
	.zs-tool-wrapper *::before,
	.zs-tool-wrapper *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

@media (max-width: 900px) {
	.zs-tool-wrapper {
		max-height: none;
	}
	.zs-tool-wrapper .zs-tool-main {
		flex-direction: column;
	}
	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-raffle-live .zs-tool-side-panel {
		order: 0;
		flex: 0 0 540px;
		width: 100%;
		border-top: 1px solid var(--zs-border);
		border-right: 0;
		border-left: 0;
	}
}

@media (max-width: 620px) {
	.zs-tool-wrapper .zs-tool-theme-list,
	.zs-tool-wrapper .zs-tool-feature-label,
	.zs-tool-wrapper .zs-tool-stage-meta,
	.zs-tool-wrapper .zs-tool-icon-button > span:nth-child(2) {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-wheel-zone {
		padding-right: 7px;
		padding-left: 7px;
	}
}

.zs-tool-wrapper.zs-layout-studio,
.zs-tool-wrapper.zs-layout-focus,
.zs-tool-wrapper.zs-layout-classic {
	--zs-bg: #f8fbff;
	--zs-surface: #ffffff;
	--zs-surface-2: #f5f8fc;
	--zs-surface-3: #edf3f9;
	--zs-border: #dbe5ef;
	--zs-border-strong: #c8d7e6;
	--zs-text: #0f1f35;
	--zs-muted: #60708a;
	--zs-faint: #8a98ad;
	--zs-shadow: 0 22px 70px rgba(31, 54, 92, .13);
	min-height: 760px;
	max-height: none;
	border-color: #d8e4ef;
	background: linear-gradient(180deg, #edfaff 0%, #ffffff 42%, #f8fbff 100%);
	box-shadow: var(--zs-shadow);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-ambient,
.zs-tool-wrapper.zs-layout-focus .zs-tool-ambient,
.zs-tool-wrapper.zs-layout-classic .zs-tool-ambient {
	opacity: .22;
	filter: blur(82px);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-topbar,
.zs-tool-wrapper.zs-layout-focus .zs-tool-topbar,
.zs-tool-wrapper.zs-layout-classic .zs-tool-topbar {
	min-height: 64px;
	padding: 10px 18px;
	border-bottom-color: #dbe7f2;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .9);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-brand-mark,
.zs-tool-wrapper.zs-layout-focus .zs-tool-brand-mark,
.zs-tool-wrapper.zs-layout-classic .zs-tool-brand-mark {
	border-color: #d9e6f2;
	background: linear-gradient(145deg, #ffffff, #eef6ff);
	box-shadow: 0 8px 24px rgba(31, 54, 92, .1);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-brand,
.zs-tool-wrapper.zs-layout-focus .zs-tool-brand,
.zs-tool-wrapper.zs-layout-classic .zs-tool-brand {
	background: none;
	background-clip: border-box;
	color: #52647d;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-title-input,
.zs-tool-wrapper.zs-layout-focus .zs-tool-title-input,
.zs-tool-wrapper.zs-layout-classic .zs-tool-title-input {
	color: #061832;
	font-size: 17px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-icon-button,
.zs-tool-wrapper.zs-layout-focus .zs-tool-icon-button,
.zs-tool-wrapper.zs-layout-classic .zs-tool-icon-button {
	min-width: 42px;
	min-height: 42px;
	padding: 8px;
	border-color: #d8e4ef;
	background: #ffffff;
	color: #334155;
	box-shadow: 0 10px 24px rgba(31, 54, 92, .11);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-action-glyph,
.zs-tool-wrapper.zs-layout-focus .zs-tool-action-glyph,
.zs-tool-wrapper.zs-layout-classic .zs-tool-action-glyph {
	background: #edf6ff;
	color: #0f72b8;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-featurebar,
.zs-tool-wrapper.zs-layout-focus .zs-tool-featurebar,
.zs-tool-wrapper.zs-layout-classic .zs-tool-featurebar {
	min-height: 44px;
	padding: 7px 18px;
	border-bottom-color: #dbe7f2;
	background: rgba(255, 255, 255, .72);
}

.zs-tool-wrapper .zs-tool-feature-note {
	color: var(--zs-muted);
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-theme-button,
.zs-tool-wrapper.zs-layout-focus .zs-tool-theme-button,
.zs-tool-wrapper.zs-layout-classic .zs-tool-theme-button {
	border-color: #dbe5ef;
	background: #ffffff;
	color: #53627a;
	box-shadow: 0 5px 14px rgba(31, 54, 92, .06);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-main,
.zs-tool-wrapper.zs-layout-focus .zs-tool-main,
.zs-tool-wrapper.zs-layout-classic .zs-tool-main {
	min-height: 690px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-zone,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-zone,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-zone {
	gap: 16px;
	padding: 18px 24px 18px;
	background: linear-gradient(180deg, rgba(239, 250, 255, .55), rgba(255, 255, 255, .22));
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-stage-head,
.zs-tool-wrapper.zs-layout-focus .zs-tool-stage-head,
.zs-tool-wrapper.zs-layout-classic .zs-tool-stage-head {
	max-width: 1120px;
	padding: 0 8px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-stage-head strong,
.zs-tool-wrapper.zs-layout-focus .zs-tool-stage-head strong,
.zs-tool-wrapper.zs-layout-classic .zs-tool-stage-head strong {
	color: #10223b;
	font-size: 14px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-stage-meta span,
.zs-tool-wrapper.zs-layout-focus .zs-tool-stage-meta span,
.zs-tool-wrapper.zs-layout-classic .zs-tool-stage-meta span {
	border-color: #d9e6f2;
	background: rgba(255, 255, 255, .84);
	color: #60708a;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheels,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheels,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheels {
	min-height: 500px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-card,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-card,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-card {
	padding: 0 18px 14px;
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-card:hover,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-card:hover,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-card:hover {
	transform: none;
	border-color: transparent;
	box-shadow: none;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-banner,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-banner,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-banner {
	width: auto;
	min-width: 190px;
	min-height: 30px;
	padding: 6px 16px;
	border: 1px solid #dbe5ef;
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	color: #8390a3;
	font-size: 10px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-card.zs-has-winner .zs-tool-wheel-banner,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-card.zs-has-winner .zs-tool-wheel-banner,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-card.zs-has-winner .zs-tool-wheel-banner {
	border-color: color-mix(in srgb, var(--zs-primary) 34%, #dbe5ef);
	background: #ffffff;
	color: #10223b;
	box-shadow: 0 10px 24px rgba(31, 54, 92, .1);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-label,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-label,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-label {
	color: #66758d;
	font-size: 11px;
	letter-spacing: .12em;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-wrap,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-wrap,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-wrap {
	box-shadow: 0 0 0 8px rgba(255, 255, 255, .92), 0 0 0 10px rgba(15, 31, 53, .07), 0 28px 58px rgba(31, 54, 92, .22);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-glow-ring,
.zs-tool-wrapper.zs-layout-focus .zs-tool-glow-ring,
.zs-tool-wrapper.zs-layout-classic .zs-tool-glow-ring {
	display: none;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-pointer,
.zs-tool-wrapper.zs-layout-focus .zs-tool-pointer,
.zs-tool-wrapper.zs-layout-classic .zs-tool-pointer {
	top: -18px;
	border-right-width: 18px;
	border-left-width: 18px;
	border-top-width: 48px;
	border-top-color: #18a64a;
	filter: drop-shadow(0 4px 8px rgba(16, 90, 46, .36));
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-center-spin,
.zs-tool-wrapper.zs-layout-focus .zs-tool-center-spin,
.zs-tool-wrapper.zs-layout-classic .zs-tool-center-spin {
	width: 72px;
	height: 72px;
	border: 3px solid #ffffff;
	background: #152034;
	color: #ffffff;
	box-shadow: 0 0 0 4px rgba(21, 32, 52, .11), 0 10px 26px rgba(31, 54, 92, .32);
	font-size: 12px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-actions,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-actions,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-actions {
	gap: 10px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-actions > .zs-tool-primary-button,
.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-actions > .zs-tool-primary-button,
.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-actions > .zs-tool-primary-button {
	min-width: 180px;
	background: #0f72b8;
	box-shadow: 0 12px 26px rgba(15, 114, 184, .23);
	text-transform: none;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-secondary-button,
.zs-tool-wrapper.zs-layout-focus .zs-tool-secondary-button,
.zs-tool-wrapper.zs-layout-classic .zs-tool-secondary-button {
	border-color: #dbe5ef;
	background: #ffffff;
	color: #334155;
	box-shadow: 0 8px 20px rgba(31, 54, 92, .07);
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
	flex-basis: 500px;
	border-left-color: #dbe7f2;
	background: rgba(255, 255, 255, .94);
	box-shadow: -18px 0 45px rgba(31, 54, 92, .08);
	backdrop-filter: blur(18px);
}

.zs-tool-wrapper .zs-tool-panel-tools {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
	padding: 10px 12px 8px;
	border-bottom: 1px solid var(--zs-border);
	background: rgba(248, 251, 255, .82);
}

.zs-tool-wrapper .zs-tool-tool-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: 46px;
	padding: 7px 6px;
	border: 1px solid #dbe5ef;
	border-radius: 8px;
	background: #ffffff;
	color: #10223b;
	box-shadow: 0 5px 14px rgba(31, 54, 92, .06);
	font-size: 10px;
	font-weight: 800;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	color: #0f72b8;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 9px;
	line-height: 1;
}

.zs-tool-wrapper .zs-tool-tool-button:hover,
.zs-tool-wrapper .zs-tool-tool-button.zs-is-selected {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--zs-primary) 38%, #dbe5ef);
	background: #f7fbff;
	box-shadow: 0 9px 20px rgba(31, 54, 92, .1);
}

.zs-tool-wrapper .zs-tool-tool-button-accent {
	border-color: color-mix(in srgb, var(--zs-primary) 34%, #dbe5ef);
	background: color-mix(in srgb, var(--zs-primary) 7%, #ffffff);
}

.zs-tool-wrapper .zs-tool-advanced-drawer {
	display: none;
	padding: 12px;
	border-bottom: 1px solid var(--zs-border);
	background: linear-gradient(180deg, #f8fbff, #ffffff);
}

.zs-tool-wrapper .zs-tool-advanced-drawer.zs-is-open {
	display: block;
	animation: zs-tool-slide-down .2s ease;
}

.zs-tool-wrapper .zs-tool-advanced-head {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 10px;
}

.zs-tool-wrapper .zs-tool-advanced-head strong {
	color: #10223b;
	font-size: 13px;
}

.zs-tool-wrapper .zs-tool-advanced-head span {
	color: #6f7f95;
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-advanced-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.zs-tool-wrapper .zs-tool-advanced-button,
.zs-tool-wrapper .zs-tool-pick-label-advanced {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 2px 8px;
	align-items: center;
	min-height: 72px;
	padding: 10px;
	border: 1px solid #dbe5ef;
	border-radius: 12px;
	background: #ffffff;
	color: #10223b;
	text-align: left;
	box-shadow: 0 8px 22px rgba(31, 54, 92, .06);
}

.zs-tool-wrapper .zs-tool-advanced-button:hover,
.zs-tool-wrapper .zs-tool-advanced-button.zs-is-selected {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--zs-primary) 36%, #dbe5ef);
	background: #f7fbff;
}

.zs-tool-wrapper .zs-tool-advanced-button > span {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background: #edf6ff;
	color: #0f72b8;
	font-size: 13px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-advanced-button strong,
.zs-tool-wrapper .zs-tool-pick-label-advanced > span {
	font-size: 11px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-advanced-button small,
.zs-tool-wrapper .zs-tool-pick-label-advanced small {
	grid-column: 2;
	color: #75859a;
	font-size: 9px;
	line-height: 1.35;
}

.zs-tool-wrapper .zs-tool-pick-label-advanced {
	align-items: start;
	padding-left: 10px;
	border-left: 1px solid #dbe5ef;
	text-transform: none;
}

.zs-tool-wrapper .zs-tool-pick-label-advanced select {
	grid-row: span 2;
	width: 34px;
	height: 34px;
	padding: 0;
	border-color: #dbe5ef;
	background: #f8fbff;
	color: #10223b;
	text-align: center;
}

.zs-tool-wrapper .zs-tool-auto-widget {
	width: 100%;
	margin-top: 10px;
	border-color: #dbe5ef;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(31, 54, 92, .06);
}

.zs-tool-wrapper .zs-tool-auto-body span {
	color: #75859a;
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-auto-ring {
	border-color: #dbe5ef;
	border-top-color: #0f72b8;
	background: #f8fbff;
}

.zs-tool-wrapper .zs-tool-auto-time {
	color: #10223b;
}

.zs-tool-wrapper .zs-tool-entry-help {
	margin: 0;
	color: #79889c;
	font-size: 10px;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-entry-input,
.zs-tool-wrapper.zs-layout-focus .zs-tool-entry-input,
.zs-tool-wrapper.zs-layout-classic .zs-tool-entry-input {
	padding: 12px;
	background: #ffffff;
}

.zs-tool-wrapper.zs-layout-studio .zs-tool-entry-input textarea,
.zs-tool-wrapper.zs-layout-focus .zs-tool-entry-input textarea,
.zs-tool-wrapper.zs-layout-classic .zs-tool-entry-input textarea,
.zs-tool-wrapper .zs-tool-entry-image-input {
	border-color: #dbe5ef;
	background: #f8fbff;
	color: #10223b;
}

.zs-tool-wrapper .zs-tool-entry-card {
	display: block;
	margin: 6px 0;
	padding: 0;
	overflow: hidden;
	border-color: #dbe5ef;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 7px 18px rgba(31, 54, 92, .055);
}

.zs-tool-wrapper .zs-tool-entry-card:hover {
	border-color: color-mix(in srgb, var(--zs-primary) 24%, #dbe5ef);
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(31, 54, 92, .085);
}

.zs-tool-wrapper .zs-tool-entry-main {
	display: grid;
	grid-template-columns: 30px minmax(80px, 1fr) auto 24px;
	gap: 7px;
	align-items: center;
	padding: 8px;
}

.zs-tool-wrapper .zs-tool-entry-swatch {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	overflow: hidden;
	border: 2px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #dbe5ef;
}

.zs-tool-wrapper .zs-tool-entry-swatch img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zs-tool-wrapper .zs-tool-entry-label {
	padding: 5px 2px;
	color: #10223b;
	font-size: 13px;
	font-weight: 700;
}

.zs-tool-wrapper .zs-tool-entry-win {
	display: none;
}

.zs-tool-wrapper .zs-tool-entry-advanced-toggle,
.zs-tool-wrapper .zs-tool-entry-remove {
	display: grid;
	place-items: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border: 1px solid #dbe5ef;
	border-radius: 999px;
	background: #f8fbff;
	color: #53627a;
	font-size: 9px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-entry-advanced-toggle:hover,
.zs-tool-wrapper .zs-tool-entry-card.zs-is-open .zs-tool-entry-advanced-toggle {
	border-color: color-mix(in srgb, var(--zs-primary) 40%, #dbe5ef);
	background: color-mix(in srgb, var(--zs-primary) 8%, #ffffff);
	color: #10223b;
}

.zs-tool-wrapper .zs-tool-entry-remove {
	padding: 0;
	color: #94a3b8;
	font-size: 14px;
}

.zs-tool-wrapper .zs-tool-entry-remove:hover {
	border-color: #fecdd3;
	background: #fff1f2;
	color: #e11d48;
}

.zs-tool-wrapper .zs-tool-entry-advanced {
	display: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
	padding: 10px;
	border-top: 1px solid #edf2f7;
	background: #f8fbff;
}

.zs-tool-wrapper .zs-tool-entry-card.zs-is-open .zs-tool-entry-advanced {
	display: grid;
}

.zs-tool-wrapper .zs-tool-entry-advanced label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #66758d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-entry-color {
	width: 100%;
	height: 34px;
	border-radius: 9px;
}

.zs-tool-wrapper .zs-tool-entry-weight {
	grid-column: auto;
	align-items: stretch;
}

.zs-tool-wrapper .zs-tool-entry-weight strong {
	color: #0f72b8;
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-entry-image-field {
	grid-column: 1 / -1;
}

.zs-tool-wrapper .zs-tool-entry-image-input {
	width: 100%;
	padding: 8px 9px;
	border: 1px solid #dbe5ef;
	border-radius: 9px;
	outline: 0;
}

.zs-tool-wrapper .zs-tool-probabilities {
	border-top-color: #dbe5ef;
	background: #ffffff;
}

.zs-tool-wrapper .zs-tool-result-row {
	border-bottom-color: #edf2f7;
	color: #10223b;
	font-size: 12px;
}

.zs-tool-wrapper .zs-tool-modal {
	background: #ffffff;
	box-shadow: 0 32px 90px rgba(31, 54, 92, .22);
}

.zs-tool-wrapper .zs-tool-winner-share {
	position: relative;
	margin: 16px 0 12px;
}

.zs-tool-wrapper .zs-tool-winner-share .zs-tool-primary-button {
	width: 100%;
	justify-content: center;
	background: #0f72b8;
	box-shadow: 0 12px 28px rgba(15, 114, 184, .22);
}

.zs-tool-wrapper .zs-tool-modal-copy {
	margin: -6px 0 14px;
	color: var(--zs-muted);
	font-size: 12px;
	line-height: 1.55;
}

.zs-tool-wrapper .zs-tool-audit-modal {
	width: min(560px, 100%);
}

.zs-tool-wrapper .zs-tool-audit-modal select {
	width: 100%;
	padding: 9px 10px;
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	background: var(--zs-surface-2);
	color: var(--zs-text);
}

.zs-tool-wrapper .zs-tool-audit-results {
	margin: 12px 0;
	overflow: hidden;
	border: 1px solid var(--zs-border);
	border-radius: 14px;
	background: var(--zs-surface-2);
}

.zs-tool-wrapper .zs-tool-audit-status {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px;
	border-bottom: 1px solid var(--zs-border);
}

.zs-tool-wrapper .zs-tool-audit-status strong {
	font-size: 13px;
}

.zs-tool-wrapper .zs-tool-audit-status span {
	color: var(--zs-muted);
	font-size: 10px;
}

.zs-tool-wrapper .zs-tool-audit-status.zs-is-secure {
	background: color-mix(in srgb, var(--zs-success) 10%, transparent);
	color: color-mix(in srgb, var(--zs-success) 65%, var(--zs-text));
}

.zs-tool-wrapper .zs-tool-audit-status.zs-is-warning {
	background: color-mix(in srgb, var(--zs-warning) 12%, transparent);
	color: color-mix(in srgb, var(--zs-warning) 68%, var(--zs-text));
}

.zs-tool-wrapper .zs-tool-audit-list {
	max-height: 260px;
	overflow: auto;
}

.zs-tool-wrapper .zs-tool-audit-row {
	display: grid;
	grid-template-columns: minmax(90px, 1fr) 82px 82px;
	gap: 8px;
	align-items: center;
	padding: 8px 12px;
	border-bottom: 1px solid var(--zs-border);
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-audit-row:last-child {
	border-bottom: 0;
}

.zs-tool-wrapper .zs-tool-audit-row span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-audit-row strong,
.zs-tool-wrapper .zs-tool-audit-row em {
	text-align: right;
	font-style: normal;
}

.zs-tool-wrapper .zs-tool-audit-head {
	position: sticky;
	top: 0;
	z-index: 2;
	background: var(--zs-surface);
	color: var(--zs-faint);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .07em;
	text-transform: uppercase;
}

@container (max-width: 1120px) {
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.zs-tool-wrapper .zs-tool-advanced-grid {
		grid-template-columns: 1fr;
	}
}

@container (max-width: 880px) {
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		flex: 0 0 auto;
		min-height: 560px;
		box-shadow: 0 -12px 34px rgba(31, 54, 92, .08);
	}
	.zs-tool-wrapper.zs-layout-studio .zs-tool-wheels,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-wheels,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-wheels {
		min-height: 430px;
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper.zs-layout-studio,
	.zs-tool-wrapper.zs-layout-focus,
	.zs-tool-wrapper.zs-layout-classic {
		min-height: 760px;
	}
	.zs-tool-wrapper.zs-tool-full-bleed {
		min-height: 100svh;
		border-radius: 0;
	}
	.zs-tool-wrapper.zs-layout-studio .zs-tool-icon-button,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-icon-button,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-icon-button {
		width: 36px;
		min-width: 36px;
		height: 36px;
		min-height: 36px;
		padding: 6px;
	}
	.zs-tool-wrapper .zs-tool-feature-note {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.zs-tool-wrapper .zs-tool-entry-main {
		grid-template-columns: 30px minmax(80px, 1fr) auto 24px;
	}
	.zs-tool-wrapper .zs-tool-entry-win {
		display: none;
	}
	.zs-tool-wrapper .zs-tool-entry-advanced {
		grid-template-columns: 1fr;
	}
}

/* Compact SpinWheelify-style public layout: wheel first, controls second. */
.zs-tool-wrapper.zs-layout-studio,
.zs-tool-wrapper.zs-layout-focus,
.zs-tool-wrapper.zs-layout-classic,
.zs-tool-wrapper.zs-tool-full-bleed {
	--zs-ink: #102033;
	--zs-muted: #66788f;
	--zs-faint: #8a9aaf;
	--zs-border: #dce7f2;
	--zs-border-strong: #c8d7e6;
	--zs-surface: #ffffff;
	--zs-surface-2: #f6f9fc;
	--zs-surface-3: #eef5fb;
	--zs-primary: #147fc4;
	--zs-primary-strong: #0869ac;
	--zs-accent: #e95720;
	--zs-shadow-soft: 0 18px 45px rgba(16, 45, 84, .12);
	min-height: 100svh;
	max-height: none;
	overflow: auto;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background:
		linear-gradient(180deg, rgba(227, 248, 255, .9) 0%, rgba(255, 255, 255, .96) 32%, #fff 100%);
	color: var(--zs-ink);
}

.zs-tool-wrapper .zs-tool-ambient,
.zs-tool-wrapper .zs-tool-featurebar,
.zs-tool-wrapper .zs-tool-stage-head,
.zs-tool-wrapper .zs-tool-side-heading,
.zs-tool-wrapper .zs-tool-probabilities,
.zs-tool-wrapper .zs-tool-entry-input-head,
.zs-tool-wrapper .zs-tool-entry-help,
.zs-tool-wrapper .zs-tool-wheel-card > .zs-tool-primary-button,
.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="open-sessions"],
.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="share-wheel"],
.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="open-settings"],
.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="toggle-panel"] {
	display: none !important;
}

.zs-tool-wrapper .zs-tool-topbar {
	position: absolute;
	z-index: 40;
	top: 12px;
	left: 12px;
	right: calc(486px + 12px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	pointer-events: none;
}

.zs-tool-wrapper .zs-tool-identity,
.zs-tool-wrapper .zs-tool-top-actions {
	pointer-events: auto;
}

.zs-tool-wrapper .zs-tool-identity {
	display: flex;
	align-items: center;
	gap: 0;
	height: 42px;
	max-width: min(320px, calc(100% - 128px));
	padding: 0 10px;
	border: 1px solid var(--zs-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 8px 18px rgba(25, 54, 92, .13);
	overflow: hidden;
	transition: all 0.2s ease-out;
}

.zs-tool-wrapper .zs-tool-identity:not(:focus-within) {
	width: 42px;
	padding: 0;
	justify-content: center;
}

.zs-tool-wrapper .zs-tool-identity:focus-within {
	width: min(320px, calc(100% - 128px));
	padding: 0 10px;
}

.zs-tool-wrapper .zs-tool-brand,
.zs-tool-wrapper .zs-tool-brand-mark {
	display: none;
}

.zs-tool-wrapper .zs-tool-identity-copy {
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.zs-tool-wrapper .zs-tool-identity:not(:focus-within) .zs-tool-identity-copy {
	flex: 0 0 20px;
	width: 20px;
	overflow: visible;
}

.zs-tool-wrapper .zs-tool-title-shell {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

.zs-tool-wrapper .zs-tool-title-pencil {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	display: inline-grid;
	place-items: center;
	color: var(--zs-ink);
	font-size: 15px;
	line-height: 1;
}

.zs-tool-wrapper .zs-tool-title-pencil svg {
	display: block;
	width: 15px;
	height: 15px;
}

.zs-tool-wrapper .zs-tool-title-input {
	width: 0;
	min-width: 0;
	opacity: 0;
	pointer-events: none;
	border: 0;
	background: transparent;
	color: var(--zs-ink);
	font-size: 13px;
	font-weight: 850;
	letter-spacing: 0;
	padding: 0;
	outline: 0;
	transition: all 0.2s ease-out;
}

.zs-tool-wrapper .zs-tool-identity:focus-within .zs-tool-title-input {
	width: 100%;
	opacity: 1;
	pointer-events: auto;
	margin-left: 8px;
}

.zs-tool-wrapper .zs-tool-title-input:focus {
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-top-actions {
	position: static;
	right: auto;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 0;
}

.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="sound"],
.zs-tool-wrapper .zs-tool-top-actions [data-zs-action="fullscreen"] {
	display: flex !important;
}

.zs-tool-wrapper .zs-tool-icon-button {
	width: 42px;
	min-width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	border: 1px solid var(--zs-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, .96);
	color: var(--zs-ink);
	box-shadow: 0 8px 18px rgba(25, 54, 92, .13);
}

.zs-tool-wrapper .zs-tool-icon-button span:nth-child(2) {
	display: none;
}

.zs-tool-wrapper .zs-tool-main,
.zs-tool-wrapper.zs-layout-studio .zs-tool-main,
.zs-tool-wrapper.zs-layout-focus .zs-tool-main,
.zs-tool-wrapper.zs-layout-classic .zs-tool-main {
	display: flex;
	min-height: 100svh;
	padding: 0;
	gap: 0;
	background: transparent;
}

.zs-tool-wrapper .zs-tool-wheel-zone {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 64px 18px 20px;
	background: transparent;
	overflow: visible;
}

.zs-tool-wrapper .zs-tool-wheels {
	width: 100%;
	flex: 0 1 auto;
	display: grid;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 0;
	padding: 0;
}

.zs-tool-wrapper .zs-tool-wheel-card {
	position: relative;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 0;
	padding: 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.zs-tool-wrapper .zs-tool-wheel-banner {
	width: auto;
	min-width: 160px;
	max-width: 90%;
	min-height: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 8px;
	padding: 0 24px;
	border: 1px solid var(--zs-border);
	border-radius: 999px;
	background: rgba(255, 255, 255, .9);
	color: var(--zs-muted);
	box-shadow: 0 7px 18px rgba(19, 58, 97, .08);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-wheel-card.zs-has-winner .zs-tool-wheel-banner {
	border-color: rgba(233, 87, 32, .22);
	background: #fff7f2;
	color: var(--zs-accent);
}

.zs-tool-wrapper .zs-tool-wheel-label {
	position: relative;
	z-index: 5;
	margin-bottom: 24px;
	color: #50647c;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.zs-tool-wrapper .zs-tool-wheel-outer {
	position: relative;
	padding: 0;
}

.zs-tool-wrapper .zs-tool-glow-ring {
	display: none;
}

.zs-tool-wrapper .zs-tool-wheel-wrap {
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-pointer {
	top: -24px;
	width: 40px;
	height: 44px;
	border: 0;
	filter: drop-shadow(0 2px 4px rgba(20, 56, 94, .2));
}

.zs-tool-wrapper .zs-tool-pointer svg {
	width: 100%;
	height: 100%;
	display: block;
}

.zs-tool-wrapper .zs-tool-pointer::before {
	display: none;
}

.zs-tool-wrapper .zs-tool-center-spin,
.zs-tool-wrapper.zs-layout-studio .zs-tool-center-spin,
.zs-tool-wrapper.zs-layout-focus .zs-tool-center-spin,
.zs-tool-wrapper.zs-layout-classic .zs-tool-center-spin {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 80px !important;
	height: 80px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
}

.zs-tool-wrapper .zs-tool-center-spin:hover,
.zs-tool-wrapper.zs-layout-studio .zs-tool-center-spin:hover,
.zs-tool-wrapper.zs-layout-focus .zs-tool-center-spin:hover,
.zs-tool-wrapper.zs-layout-classic .zs-tool-center-spin:hover {
	transform: translate(-50%, -50%) scale(1.06) !important;
}

.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted {
	color: #ff4d4d;
}

.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted .zs-tool-action-glyph {
	position: relative;
}

.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted .zs-tool-action-glyph::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 120%;
	background: #ff4d4d;
	transform: rotate(45deg);
	top: -10%;
	left: 50%;
}

/* Final toolbar pass: icon-only utilities with accessible native titles. */
.zs-tool-wrapper .zs-tool-panel-tools {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	padding: 10px 12px;
	overflow: visible;
	border-bottom: 1px solid #dce7f2;
	background: #f8fbff;
}

.zs-tool-wrapper .zs-tool-tool-button {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	min-width: 0;
	min-height: 44px;
	padding: 0;
	border-radius: 10px;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	border-radius: 8px;
}

.zs-tool-wrapper .zs-tool-tool-button svg {
	display: block;
	width: 18px;
	height: 18px;
}

.zs-tool-wrapper .zs-tool-tool-button-danger {
	border-color: rgba(214, 64, 64, .28);
	color: #c52b2b;
}

.zs-tool-wrapper .zs-tool-tool-button-danger span {
	background: #fff0f0;
	color: #d64040;
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-tool-button::after {
	content: attr(data-zs-tooltip);
	position: absolute;
	z-index: 60;
	left: 50%;
	bottom: calc(100% + 8px);
	width: max-content;
	max-width: 180px;
	padding: 6px 8px;
	border-radius: 8px;
	background: #102033;
	color: #fff;
	box-shadow: 0 10px 24px rgba(16, 32, 51, .18);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 4px);
	transition: opacity .15s ease, transform .15s ease;
}

.zs-tool-wrapper .zs-tool-tool-button:hover::after,
.zs-tool-wrapper .zs-tool-tool-button:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

.zs-tool-wrapper .zs-tool-tool-button-danger {
	border-color: rgba(214, 64, 64, .28);
	color: #c52b2b;
}

.zs-tool-wrapper .zs-tool-tool-button-danger span {
	background: #fff0f0;
	color: #d64040;
}

.zs-tool-wrapper .zs-tool-auto-widget {
	display: none;
	width: auto;
	margin: 10px 12px 0;
	border: 1px solid #dbe5ef;
	border-radius: 14px;
	background: #f8fbff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-auto-widget.zs-is-open {
	display: flex;
}

.zs-tool-wrapper .zs-tool-winner-share {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.zs-tool-wrapper .zs-tool-winner-share .zs-tool-primary-button,
.zs-tool-wrapper .zs-tool-winner-share .zs-tool-secondary-button {
	width: 100%;
	justify-content: center;
	min-height: 40px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-winner-share .zs-tool-secondary-button {
	border-color: #dbe5ef;
	background: #fff;
	color: #17324d;
	box-shadow: 0 8px 18px rgba(31, 54, 92, .08);
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 6px;
		padding: 10px 12px 8px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 42px;
	}

	.zs-tool-wrapper .zs-tool-tool-button span {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

	.zs-tool-wrapper .zs-tool-tool-button::after {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-auto-widget {
		flex-direction: column;
		align-items: stretch;
		margin: 8px 12px 0;
	}

	.zs-tool-wrapper .zs-tool-auto-actions {
		justify-content: stretch;
	}

	.zs-tool-wrapper .zs-tool-auto-actions button {
		flex: 1;
	}
}

/* Icon-first action toolbar and visible utility drawers. */
.zs-tool-wrapper .zs-tool-panel-tools {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	padding: 10px 12px;
	overflow: visible;
}

.zs-tool-wrapper .zs-tool-tool-button {
	position: relative;
	aspect-ratio: 1 / 1;
	min-height: 44px;
	padding: 0;
	gap: 0;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-tool-button::after {
	content: attr(data-zs-tooltip);
	position: absolute;
	z-index: 40;
	left: 50%;
	bottom: calc(100% + 8px);
	width: max-content;
	max-width: 180px;
	padding: 6px 8px;
	border-radius: 8px;
	background: #102033;
	color: #fff;
	box-shadow: 0 10px 24px rgba(16, 32, 51, .18);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 4px);
	transition: opacity .15s ease, transform .15s ease;
}

.zs-tool-wrapper .zs-tool-tool-button:hover::after,
.zs-tool-wrapper .zs-tool-tool-button:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

.zs-tool-wrapper .zs-tool-tool-button-danger {
	border-color: rgba(214, 64, 64, .28);
	color: #c52b2b;
}

.zs-tool-wrapper .zs-tool-tool-button-danger span {
	background: #fff0f0;
	color: #d64040;
}

.zs-tool-wrapper .zs-tool-auto-widget {
	display: none;
	width: auto;
	margin: 10px 12px 0;
	border: 1px solid #dbe5ef;
	border-radius: 14px;
	background: #f8fbff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-auto-widget.zs-is-open {
	display: flex;
}

.zs-tool-wrapper .zs-tool-winner-share {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.zs-tool-wrapper .zs-tool-winner-share .zs-tool-primary-button,
.zs-tool-wrapper .zs-tool-winner-share .zs-tool-secondary-button {
	width: 100%;
	justify-content: center;
	min-height: 40px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 900;
}

.zs-tool-wrapper .zs-tool-winner-share .zs-tool-secondary-button {
	border-color: #dbe5ef;
	background: #fff;
	color: #17324d;
	box-shadow: 0 8px 18px rgba(31, 54, 92, .08);
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 6px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 42px;
	}

	.zs-tool-wrapper .zs-tool-tool-button span {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

	.zs-tool-wrapper .zs-tool-tool-button::after {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-auto-widget {
		flex-direction: column;
		align-items: stretch;
		margin: 8px 12px 0;
	}

	.zs-tool-wrapper .zs-tool-auto-actions {
		justify-content: stretch;
	}

	.zs-tool-wrapper .zs-tool-auto-actions button {
		flex: 1;
	}
}

.zs-tool-wrapper .zs-tool-wheel-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 0;
	padding: 0 0 4px;
}

.zs-tool-wrapper .zs-tool-primary-button {
	min-height: 42px;
	min-width: 190px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: var(--zs-primary);
	color: #fff;
	box-shadow: 0 12px 24px rgba(20, 127, 196, .25);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .01em;
}

.zs-tool-wrapper .zs-tool-primary-button:hover {
	background: var(--zs-primary-strong);
}

.zs-tool-wrapper .zs-tool-secondary-button {
	min-height: 34px;
	padding: 0 13px;
	border: 1px solid var(--zs-border);
	border-radius: 8px;
	background: rgba(255, 255, 255, .9);
	color: var(--zs-ink);
	box-shadow: none;
	font-size: 12px;
	font-weight: 850;
}

.zs-tool-wrapper .zs-tool-secondary-button[disabled] {
	opacity: .48;
}

.zs-tool-wrapper .zs-tool-hint {
	min-height: 18px;
	margin: 0;
	color: var(--zs-faint);
	font-size: 13px;
	font-style: italic;
	text-align: center;
}

.zs-tool-wrapper .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
	flex: 0 0 486px;
	align-self: stretch;
	min-height: 100svh;
	max-height: 100svh;
	overflow: auto;
	padding: 0;
	border: 0;
	border-left: 1px solid var(--zs-border);
	border-radius: 0;
	background: rgba(255, 255, 255, .96);
	box-shadow: -12px 0 30px rgba(17, 47, 82, .06);
	backdrop-filter: none;
}

.zs-tool-wrapper.zs-panel-closed .zs-tool-side-panel {
	flex-basis: 0;
	min-width: 0;
	transform: translateX(100%);
	opacity: 0;
	pointer-events: none;
}

.zs-tool-wrapper.zs-panel-closed .zs-tool-topbar {
	right: 12px;
}

.zs-tool-wrapper .zs-tool-tabs {
	position: sticky;
	top: 0;
	z-index: 20;
	display: flex;
	overflow-x: auto;
	height: 56px;
	border-bottom: 1px solid var(--zs-border);
	background: rgba(255, 255, 255, .98);
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-tab {
	position: relative;
	min-height: 56px;
	padding: 0 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #627287;
	box-shadow: none;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .01em;
}

.zs-tool-wrapper .zs-tool-tab.zs-is-selected {
	background: #fff8f4;
	color: var(--zs-accent);
}

.zs-tool-wrapper .zs-tool-tab.zs-is-selected::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: var(--zs-accent);
}

.zs-tool-wrapper .zs-tool-panel {
	padding: 0;
	background: transparent;
}

.zs-tool-wrapper .zs-tool-panel-tools {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	padding: 8px 10px;
	border-bottom: 1px solid var(--zs-border);
	background: #fff;
}

.zs-tool-wrapper .zs-tool-tool-button {
	min-width: 0;
	min-height: 44px;
	padding: 6px 4px;
	border: 1px solid var(--zs-border);
	border-radius: 4px;
	background: #fff;
	color: #334155;
	box-shadow: none;
	font-size: 13px;
	font-weight: 500;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	color: var(--zs-accent);
	font-size: 15px;
	line-height: 1;
}

.zs-tool-wrapper .zs-tool-tool-button span svg {
	display: block;
	width: 17px;
	height: 17px;
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-tool-button-accent {
	background: #faebe1;
	border-color: rgba(233, 87, 32, .22);
}

.zs-tool-wrapper .zs-tool-tool-button.zs-is-selected,
.zs-tool-wrapper .zs-tool-tool-button:hover {
	border-color: rgba(233, 87, 32, .38);
	background: #fff7f2;
	color: var(--zs-accent);
}

.zs-tool-wrapper .zs-tool-advanced-drawer {
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--zs-border);
	border-radius: 0;
	background: #fbfdff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-advanced-grid,
.zs-tool-wrapper .zs-tool-auto-panel.zs-is-open .zs-tool-auto-grid {
	gap: 9px;
	padding: 10px;
}

.zs-tool-wrapper .zs-tool-advanced-card,
.zs-tool-wrapper .zs-tool-auto-panel {
	border-color: var(--zs-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-input {
	padding: 10px;
	border-bottom: 1px solid var(--zs-border);
	background: #fff;
}

.zs-tool-wrapper .zs-tool-entry-textarea {
	min-height: 72px;
	border: 1px solid var(--zs-border);
	border-radius: 8px;
	background: #fbfdff;
	color: var(--zs-ink);
	font-size: 14px;
	line-height: 1.45;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-textarea:focus {
	border-color: var(--zs-primary);
	box-shadow: 0 0 0 3px rgba(20, 127, 196, .1);
}

.zs-tool-wrapper .zs-tool-entry-input .zs-tool-primary-button {
	width: 100%;
	min-height: 36px;
	margin-top: 8px;
	border-radius: 7px;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-list {
	display: block;
	padding: 5px 10px 12px;
	background: #fff;
}

.zs-tool-wrapper .zs-tool-entry-card {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #edf2f7;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-main {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) 34px 28px;
	gap: 6px;
	align-items: center;
	min-height: 36px;
	padding: 4px 2px;
}

.zs-tool-wrapper .zs-tool-entry-swatch {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-label {
	min-height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--zs-ink);
	font-size: 14px;
	font-weight: 500;
	outline: 0;
}

.zs-tool-wrapper .zs-tool-entry-label:focus {
	box-shadow: none;
	color: var(--zs-primary-strong);
}

.zs-tool-wrapper .zs-tool-entry-win {
	display: none;
}

.zs-tool-wrapper .zs-tool-entry-advanced-toggle {
	width: 30px;
	height: 28px;
	min-height: 28px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: var(--zs-muted);
	font-size: 0;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-advanced-toggle::after {
	content: "...";
	font-size: 16px;
	font-weight: 900;
	letter-spacing: .04em;
}

.zs-tool-wrapper .zs-tool-entry-advanced-toggle:hover,
.zs-tool-wrapper .zs-tool-entry-card.zs-is-open .zs-tool-entry-advanced-toggle {
	border-color: var(--zs-border);
	background: var(--zs-surface-2);
}

.zs-tool-wrapper .zs-tool-entry-remove {
	width: 26px;
	height: 26px;
	min-height: 26px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #d64040;
	font-size: 0;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-remove::before {
	content: "x";
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.zs-tool-wrapper .zs-tool-entry-advanced {
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	padding: 8px 0 10px 30px;
	border-top: 0;
}

.zs-tool-wrapper .zs-tool-empty {
	margin: 12px 4px;
	color: var(--zs-faint);
	font-size: 14px;
}

.zs-tool-wrapper .zs-tool-results-list,
.zs-tool-wrapper .zs-tool-stats,
.zs-tool-wrapper .zs-tool-presets {
	padding: 10px;
	background: #fff;
}

.zs-tool-wrapper .zs-tool-result-actions {
	padding: 10px;
	border-top: 1px solid var(--zs-border);
	background: #fff;
}

@container (max-width: 880px) {
	.zs-tool-wrapper .zs-tool-topbar {
		right: 12px;
	}

	.zs-tool-wrapper .zs-tool-main,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-main,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-main,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-main {
		flex-direction: column;
		min-height: auto;
	}

	.zs-tool-wrapper .zs-tool-wheel-zone {
		flex: 0 0 auto;
		min-height: auto;
		padding: 60px 0 10px;
		justify-content: flex-start;
	}

	.zs-tool-wrapper .zs-tool-wheels,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-wheels,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-wheels,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-wheels {
		min-height: 0;
		gap: 8px;
	}

	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		flex: 0 0 auto;
		width: 100%;
		min-height: 0;
		max-height: none;
		border-left: 0;
		border-top: 1px solid var(--zs-border);
		box-shadow: 0 -10px 24px rgba(16, 45, 84, .08);
	}

	.zs-tool-wrapper.zs-panel-closed .zs-tool-side-panel {
		display: block;
		transform: none;
		opacity: 1;
		pointer-events: auto;
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper.zs-layout-studio,
	.zs-tool-wrapper.zs-layout-focus,
	.zs-tool-wrapper.zs-layout-classic,
	.zs-tool-wrapper.zs-tool-full-bleed {
		min-height: auto;
	}

	.zs-tool-wrapper .zs-tool-topbar {
		top: 8px;
		left: 8px;
		right: 8px;
	}

	.zs-tool-wrapper .zs-tool-top-actions {
		position: absolute;
		top: 0;
		right: 68px;
		gap: 5px;
	}

	.zs-tool-wrapper .zs-tool-identity {
		width: 38px;
		max-width: 38px;
		height: 38px;
		justify-content: center;
		padding: 0;
	}

	.zs-tool-wrapper .zs-tool-title-input {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-title-shell {
		width: 38px;
		justify-content: center;
	}

	.zs-tool-wrapper .zs-tool-title-pencil {
		width: 38px;
		height: 38px;
		font-size: 17px;
	}

	.zs-tool-wrapper .zs-tool-icon-button,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-icon-button,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-icon-button,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-icon-button {
		width: 34px;
		min-width: 34px;
		height: 34px;
		min-height: 34px;
		padding: 0;
	}

	.zs-tool-wrapper .zs-tool-wheel-zone {
		gap: 6px;
		padding-top: 58px;
	}

	.zs-tool-wrapper .zs-tool-wheel-card {
		gap: 4px;
		padding: 0;
	}

	.zs-tool-wrapper .zs-tool-wheel-banner,
	.zs-tool-wrapper .zs-tool-wheel-label {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-wheel-label {
		margin-bottom: -3px;
		font-size: 11px;
	}

	.zs-tool-wrapper .zs-tool-wheel-wrap {
		border-width: 8px;
	}

	.zs-tool-wrapper .zs-tool-pointer {
		top: -23px;
		border-left-width: 15px;
		border-right-width: 15px;
		border-top-width: 38px;
	}

	.zs-tool-wrapper .zs-tool-pointer::before {
		left: -20px;
		top: -44px;
		border-left-width: 20px;
		border-right-width: 20px;
		border-top-width: 49px;
	}

	.zs-tool-wrapper .zs-tool-center-spin {
		width: 64px;
		height: 64px;
		font-size: 13px;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions {
		gap: 7px;
		padding: 2px 18px 10px;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-primary-button {
		order: -1;
		flex: 0 0 100%;
		width: 100%;
		min-height: 42px;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-secondary-button {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-hint {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-tabs {
		height: 44px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.zs-tool-wrapper .zs-tool-tab {
		min-height: 44px;
		padding: 0 4px;
		font-size: 11px;
	}

	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 4px;
		padding: 8px 6px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 45px;
		padding: 5px 2px;
	}

	.zs-tool-wrapper .zs-tool-tool-button strong {
		font-size: 10px;
		white-space: normal;
	}

	.zs-tool-wrapper .zs-tool-entry-input {
		padding: 8px;
	}

	.zs-tool-wrapper .zs-tool-entry-textarea {
		min-height: 64px;
		font-size: 14px;
	}

	.zs-tool-wrapper .zs-tool-entry-list {
		padding: 5px 8px 12px;
	}

	.zs-tool-wrapper .zs-tool-entry-main {
		grid-template-columns: 22px minmax(0, 1fr) 30px 26px;
		min-height: 34px;
		gap: 4px;
	}

	.zs-tool-wrapper .zs-tool-entry-advanced {
		grid-template-columns: 1fr;
		padding-left: 26px;
	}
}

/* Alignment pass: compact editor, smaller wheels, and modal advanced settings. */
.zs-tool-wrapper .zs-tool-wheel-zone {
	padding-top: 66px;
	padding-bottom: 14px;
}

.zs-tool-wrapper .zs-tool-wheels {
	grid-template-columns: repeat(auto-fit, minmax(240px, max-content));
	align-content: center;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

.zs-tool-wrapper .zs-tool-wheel-card {
	width: max-content;
	max-width: 100%;
}

.zs-tool-wrapper .zs-tool-wheel-banner {
	min-height: 26px;
	min-width: 120px;
	width: auto;
	font-size: 9px;
}

.zs-tool-wrapper .zs-tool-wheel-label {
	font-size: 11px;
}

.zs-tool-wrapper .zs-tool-center-spin {
	width: 66px;
	height: 66px;
	font-size: 13px;
}

.zs-tool-wrapper .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
	flex: 0 0 clamp(430px, 29vw, 488px);
	width: clamp(430px, 29vw, 488px);
}

.zs-tool-wrapper .zs-tool-panel-tools {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	padding: 8px 12px;
}

.zs-tool-wrapper .zs-tool-tool-button {
	min-height: 42px;
	padding: 5px 4px;
}

.zs-tool-wrapper .zs-tool-entry-input {
	padding: 8px 12px 10px;
}

.zs-tool-wrapper .zs-tool-entry-textarea {
	height: 48px;
	min-height: 48px;
	max-height: 58px;
	resize: vertical;
}

.zs-tool-wrapper .zs-tool-entry-input .zs-tool-primary-button {
	min-height: 34px;
	margin-top: 7px;
}

.zs-tool-wrapper .zs-tool-advanced-drawer {
	display: none;
}

.zs-tool-wrapper .zs-tool-advanced-drawer.zs-is-open {
	position: fixed;
	z-index: 10000;
	inset: clamp(16px, 5vw, 58px);
	display: block;
	width: min(760px, calc(100vw - 32px));
	max-height: calc(100svh - 32px);
	margin: auto;
	padding: 0;
	overflow: auto;
	border: 1px solid var(--zs-border);
	border-radius: 18px;
	background: #fff;
	box-shadow:
		0 28px 70px rgba(12, 31, 54, .25),
		0 0 0 9999px rgba(9, 20, 36, .42);
}

.zs-tool-wrapper .zs-tool-advanced-head {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 18px;
	border-bottom: 1px solid var(--zs-border);
	background: rgba(255, 255, 255, .98);
}

.zs-tool-wrapper .zs-tool-advanced-head strong {
	display: block;
	color: var(--zs-ink);
	font-size: 18px;
	font-weight: 950;
	letter-spacing: -.02em;
}

.zs-tool-wrapper .zs-tool-advanced-head span {
	display: block;
	margin-top: 3px;
	color: var(--zs-muted);
	font-size: 13px;
	line-height: 1.35;
}

.zs-tool-wrapper .zs-tool-advanced-close {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border: 1px solid var(--zs-border);
	border-radius: 10px;
	background: #fff;
	color: var(--zs-ink);
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(25, 54, 92, .1);
}

.zs-tool-wrapper .zs-tool-advanced-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 14px;
}

.zs-tool-wrapper .zs-tool-auto-widget {
	margin: 0 14px 14px;
}

@container (max-width: 980px) {
	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		width: 100%;
		flex-basis: auto;
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-wheels {
		grid-template-columns: 1fr;
	}

	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.zs-tool-wrapper .zs-tool-entry-textarea {
		height: 46px;
		min-height: 46px;
		max-height: 54px;
	}

	.zs-tool-wrapper .zs-tool-advanced-drawer.zs-is-open {
		inset: 12px;
		width: auto;
		max-height: calc(100svh - 24px);
		border-radius: 14px;
	}

	.zs-tool-wrapper .zs-tool-advanced-head {
		padding: 14px;
	}

	.zs-tool-wrapper .zs-tool-advanced-grid {
		grid-template-columns: 1fr;
		padding: 12px;
	}

	.zs-tool-wrapper .zs-tool-auto-widget {
		margin: 0 12px 12px;
	}
}

/* Final 1.8.7 polish: compact balanced wheel/editor geometry. */
.zs-tool-wrapper .zs-tool-wheel-zone {
	padding-top: 54px;
	padding-bottom: 12px;
	justify-content: center;
	gap: 8px;
}

.zs-tool-wrapper .zs-tool-wheels {
	grid-template-columns: repeat(auto-fit, minmax(220px, max-content));
	gap: 16px;
}

.zs-tool-wrapper .zs-tool-wheel-banner {
	min-height: 24px;
	margin-bottom: 0;
}

.zs-tool-wrapper .zs-tool-wheel-label {
	margin-bottom: 22px;
}

.zs-tool-wrapper .zs-tool-wheel-wrap {
	border-width: 8px;
}

.zs-tool-wrapper .zs-tool-pointer {
	top: -23px;
	border-left-width: 15px;
	border-right-width: 15px;
	border-top-width: 38px;
}

.zs-tool-wrapper .zs-tool-pointer::before {
	left: -20px;
	top: -44px;
	border-left-width: 20px;
	border-right-width: 20px;
	border-top-width: 49px;
}

.zs-tool-wrapper .zs-tool-center-spin {
	width: 60px;
	height: 60px;
	font-size: 12px;
}

.zs-tool-wrapper .zs-tool-wheel-actions {
	gap: 10px;
	padding-top: 2px;
}

.zs-tool-wrapper .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
	flex: 0 0 480px;
	width: 480px;
}

.zs-tool-wrapper .zs-tool-panel-tools {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 8px 12px;
}

.zs-tool-wrapper .zs-tool-entry-input {
	padding: 8px 12px;
}

.zs-tool-wrapper .zs-tool-entry-textarea {
	height: 46px;
	min-height: 46px;
	max-height: 48px;
	padding: 10px 12px;
}

.zs-tool-wrapper .zs-tool-entry-input .zs-tool-primary-button {
	min-height: 34px;
	margin-top: 7px;
}

.zs-tool-wrapper .zs-tool-advanced-drawer.zs-is-open {
	width: min(760px, calc(100vw - 32px));
}

.zs-tool-wrapper .zs-tool-auto-widget {
	display: flex;
	margin: 14px 14px 0;
	border: 1px solid var(--zs-border);
	border-radius: 14px;
	background: #f8fbff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-advanced-grid {
	padding-top: 12px;
}

@container (max-width: 980px) {
	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		flex: 0 0 auto;
		width: 100%;
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-zone {
		justify-content: flex-start;
		padding-top: 76px;
		gap: 5px;
	}

	.zs-tool-wrapper .zs-tool-wheels {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.zs-tool-wrapper .zs-tool-wheel-wrap {
		border-width: 7px;
	}

	.zs-tool-wrapper .zs-tool-center-spin {
		width: 56px;
		height: 56px;
		font-size: 12px;
	}

	.zs-tool-wrapper .zs-tool-entry-textarea {
		height: 44px;
		min-height: 44px;
		max-height: 46px;
	}

	.zs-tool-wrapper .zs-tool-auto-widget {
		margin: 12px 12px 0;
	}
}

/* Floating Actions & Mute Icon Styling */
.zs-tool-wrapper .zs-tool-topbar,
.zs-tool-wrapper.zs-layout-studio .zs-tool-topbar,
.zs-tool-wrapper.zs-layout-focus .zs-tool-topbar,
.zs-tool-wrapper.zs-layout-classic .zs-tool-topbar {
	top: 18px;
	left: 18px;
	right: auto;
	width: auto;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.zs-tool-wrapper .zs-tool-identity,
.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button {
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	border-radius: 14px;
	background: #ffffff;
	color: #14324c;
	box-shadow: 0 10px 22px rgba(25, 54, 92, .12);
}

.zs-tool-wrapper .zs-tool-identity {
	border-color: rgba(205, 220, 234, .95);
}

.zs-tool-wrapper .zs-tool-identity:not(:focus-within) {
	width: 44px;
}

.zs-tool-wrapper .zs-tool-identity:focus-within {
	width: min(320px, calc(100% - 128px));
	padding: 0 10px;
}

.zs-tool-wrapper .zs-tool-icon-button .zs-tool-action-glyph {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: transparent;
	color: currentColor;
}

.zs-tool-wrapper .zs-tool-icon-button .zs-tool-action-glyph svg {
	display: block;
	width: 18px;
	height: 18px;
}

.zs-tool-wrapper .zs-tool-floating-actions {
	position: absolute;
	top: 18px;
	display: flex;
	gap: 8px;
	z-index: 20;
}
.zs-tool-wrapper .zs-tool-floating-left {
	left: 70px;
}
.zs-tool-wrapper .zs-tool-floating-right {
	right: 18px;
	gap: 6px;
	padding: 3px;
	border: 1px solid rgba(205, 220, 234, .72);
	border-radius: 17px;
	background: rgba(255, 255, 255, .72);
	box-shadow: 0 12px 28px rgba(25, 54, 92, .1);
	backdrop-filter: blur(10px);
}
.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button {
	padding: 0;
	border: 1px solid var(--zs-border);
	display: grid;
	place-items: center;
}
.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button svg {
	width: 19px;
	height: 19px;
}

.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button:hover,
.zs-tool-wrapper .zs-tool-identity:hover {
	border-color: rgba(20, 127, 196, .34);
	color: #0f72b8;
	transform: translateY(-1px);
}

.zs-tool-wrapper .zs-tool-panel-tools {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	padding: 10px 12px;
	border-bottom: 1px solid #dce7f2;
	background: #f8fbff;
}

.zs-tool-wrapper .zs-tool-tool-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 44px;
	padding: 0 8px;
	border: 1px solid #d6e3ef;
	border-radius: 10px;
	background: #ffffff;
	color: #17324d;
	box-shadow: 0 6px 14px rgba(25, 54, 92, .05);
	font-size: 12px;
	font-weight: 800;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border-radius: 8px;
	background: #fff3ed;
	color: var(--zs-accent);
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	overflow: hidden;
	color: inherit;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zs-tool-wrapper .zs-tool-tool-button-accent {
	border-color: rgba(233, 87, 32, .32);
	background: #fff4ed;
	color: #b84015;
}

.zs-tool-wrapper .zs-tool-tool-button:hover,
.zs-tool-wrapper .zs-tool-tool-button.zs-is-selected {
	transform: none;
	border-color: rgba(233, 87, 32, .42);
	background: #fff7f2;
	color: #b84015;
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-topbar {
		top: 18px;
		left: 18px;
		right: auto;
	}

	.zs-tool-wrapper .zs-tool-floating-left {
		left: 70px;
	}

	.zs-tool-wrapper .zs-tool-floating-right {
		right: 16px;
	}

	.zs-tool-wrapper .zs-tool-panel-tools {
		gap: 6px;
		padding: 10px 12px 8px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 42px;
		padding: 0 4px;
		gap: 4px;
	}

	.zs-tool-wrapper .zs-tool-tool-button span {
		width: 20px;
		height: 20px;
		flex-basis: 20px;
	}

	.zs-tool-wrapper .zs-tool-tool-button strong {
		font-size: 11px;
	}
}
.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted {
	color: #ff4d4d !important;
}
.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted .zs-tool-action-glyph {
	position: relative;
}
.zs-tool-wrapper .zs-tool-icon-button[data-zs-action="sound"].zs-is-muted .zs-tool-action-glyph::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 120%;
	background: #ff4d4d;
	transform: rotate(45deg);
	top: -10%;
	left: 50%;
}

/* Keep the entries toolbar icon-only after legacy duplicate rules. */
.zs-tool-wrapper .zs-tool-panel-tools {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	overflow: visible;
}

.zs-tool-wrapper .zs-tool-tool-button {
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	min-height: 44px;
	padding: 0;
	gap: 0;
}

.zs-tool-wrapper .zs-tool-tool-button span {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
}

.zs-tool-wrapper .zs-tool-tool-button svg {
	display: block;
	width: 18px;
	height: 18px;
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.zs-tool-wrapper .zs-tool-tool-button span {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

	.zs-tool-wrapper .zs-tool-tool-button::after {
		display: none;
	}
}

/* Desktop compact pass: match the tighter reference layout without changing mobile. */
@container (min-width: 981px) {
	.zs-tool-wrapper.zs-layout-studio,
	.zs-tool-wrapper.zs-layout-focus,
	.zs-tool-wrapper.zs-layout-classic,
	.zs-tool-wrapper.zs-tool-full-bleed {
		min-height: auto;
		max-height: none;
		overflow: visible;
	}

	.zs-tool-wrapper .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-topbar {
		top: 8px;
		left: 10px;
		right: calc(372px + 10px);
		min-height: 0;
	}

	.zs-tool-wrapper .zs-tool-identity {
		width: min(220px, 100%);
		height: 26px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.zs-tool-wrapper .zs-tool-identity:not(:focus-within),
	.zs-tool-wrapper .zs-tool-identity:focus-within {
		width: min(220px, 100%);
		padding: 0;
		justify-content: flex-start;
	}

	.zs-tool-wrapper .zs-tool-identity-copy,
	.zs-tool-wrapper .zs-tool-identity:not(:focus-within) .zs-tool-identity-copy {
		flex: 1 1 auto;
		width: 100%;
		overflow: hidden;
	}

	.zs-tool-wrapper .zs-tool-title-shell {
		justify-content: flex-start;
		gap: 4px;
		height: 24px;
	}

	.zs-tool-wrapper .zs-tool-title-pencil {
		width: 14px;
		height: 14px;
		color: #6f8298;
	}

	.zs-tool-wrapper .zs-tool-title-pencil svg {
		width: 12px;
		height: 12px;
	}

	.zs-tool-wrapper .zs-tool-title-input,
	.zs-tool-wrapper .zs-tool-identity:focus-within .zs-tool-title-input {
		width: 100%;
		margin-left: 0;
		opacity: 1;
		pointer-events: auto;
		border-bottom: 1px dotted #8ea0b4;
		color: #6f8298;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.15;
	}

	.zs-tool-wrapper .zs-tool-main,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-main,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-main,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-main {
		min-height: 420px;
		height: auto;
		align-items: stretch;
	}

	.zs-tool-wrapper .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-zone {
		min-height: 420px;
		padding: 36px 14px 10px;
		gap: 4px;
		justify-content: center;
	}

	.zs-tool-wrapper .zs-tool-floating-actions {
		top: 10px;
	}

	.zs-tool-wrapper .zs-tool-floating-right {
		right: 10px;
		gap: 4px;
		padding: 2px;
		border-radius: 12px;
	}

	.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button,
	.zs-tool-wrapper .zs-tool-icon-button {
		width: 28px;
		min-width: 28px;
		height: 28px;
		min-height: 28px;
		border-radius: 8px;
	}

	.zs-tool-wrapper .zs-tool-floating-actions .zs-tool-icon-button svg,
	.zs-tool-wrapper .zs-tool-icon-button .zs-tool-action-glyph svg {
		width: 13px;
		height: 13px;
	}

	.zs-tool-wrapper .zs-tool-wheels {
		grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
		gap: 8px;
	}

	.zs-tool-wrapper .zs-tool-wheel-card {
		gap: 2px;
		padding: 0;
	}

	.zs-tool-wrapper .zs-tool-wheel-banner {
		min-width: 118px;
		min-height: 20px;
		padding: 0 15px;
		margin-bottom: 0;
		font-size: 8px;
		box-shadow: 0 5px 12px rgba(19, 58, 97, .06);
	}

	.zs-tool-wrapper .zs-tool-wheel-label {
		margin-bottom: 13px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-pointer {
		top: -18px;
		width: 32px;
		height: 36px;
	}

	.zs-tool-wrapper .zs-tool-center-spin,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-center-spin,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-center-spin,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-center-spin {
		width: 46px !important;
		height: 46px !important;
		font-size: 10px !important;
		letter-spacing: .03em !important;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions {
		gap: 6px;
		padding: 2px 0 0;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-primary-button,
	.zs-tool-wrapper .zs-tool-primary-button {
		min-width: 124px;
		min-height: 30px;
		padding: 0 14px;
		font-size: 11px;
	}

	.zs-tool-wrapper .zs-tool-wheel-actions > .zs-tool-secondary-button,
	.zs-tool-wrapper .zs-tool-secondary-button {
		min-height: 26px;
		padding: 0 9px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-hint {
		min-height: 14px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		flex: 0 0 372px;
		width: 372px;
		min-height: 0;
		max-height: 420px;
		align-self: stretch;
		overflow: auto;
	}

	.zs-tool-wrapper .zs-tool-tabs {
		height: 38px;
		min-height: 38px;
	}

	.zs-tool-wrapper .zs-tool-tab {
		min-height: 38px;
		padding: 0 6px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-tab span {
		min-width: 14px;
		height: 14px;
		padding: 0 4px;
		font-size: 9px;
	}

	.zs-tool-wrapper .zs-tool-panel-tools {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 4px;
		padding: 6px 8px;
		overflow: visible;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		aspect-ratio: auto;
		min-height: 28px;
		height: 28px;
		padding: 0 5px;
		gap: 3px;
		border-radius: 4px;
		font-size: 10px;
		font-weight: 700;
	}

	.zs-tool-wrapper .zs-tool-tool-button span {
		display: grid;
		place-items: center;
		width: 14px;
		height: 14px;
		flex: 0 0 14px;
		border-radius: 4px;
		background: #fff3ed;
	}

	.zs-tool-wrapper .zs-tool-tool-button svg,
	.zs-tool-wrapper .zs-tool-tool-button span svg {
		width: 12px;
		height: 12px;
	}

	.zs-tool-wrapper .zs-tool-tool-button strong {
		position: static;
		width: auto;
		height: auto;
		max-width: 48px;
		overflow: hidden;
		clip: auto;
		clip-path: none;
		color: inherit;
		font-size: 10px;
		font-weight: 700;
		line-height: 1;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.zs-tool-wrapper .zs-tool-tool-button::after {
		display: none;
	}

	.zs-tool-wrapper .zs-tool-entry-input {
		padding: 6px 8px;
	}

	.zs-tool-wrapper .zs-tool-entry-input textarea {
		height: 80px;
		min-height: 80px;
		max-height: 120px;
		padding: 7px 9px;
		border-radius: 6px;
		font-size: 11px;
		line-height: 1.25;
		resize: vertical;
	}

	.zs-tool-wrapper .zs-tool-entry-input > .zs-tool-primary-button,
	.zs-tool-wrapper .zs-tool-entry-input .zs-tool-primary-button {
		min-height: 28px;
		margin-top: 6px;
		border-radius: 5px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-entry-list {
		padding: 4px 8px 8px;
	}

	.zs-tool-wrapper .zs-tool-entry-main {
		grid-template-columns: 22px minmax(0, 1fr) 24px 24px;
		gap: 4px;
		min-height: 30px;
		padding: 3px 1px;
	}

	.zs-tool-wrapper .zs-tool-entry-swatch {
		width: 13px;
		height: 13px;
	}

	.zs-tool-wrapper .zs-tool-entry-label {
		min-height: 24px;
		padding: 0;
		font-size: 11px;
		font-weight: 600;
	}

	.zs-tool-wrapper .zs-tool-entry-advanced-toggle,
	.zs-tool-wrapper .zs-tool-entry-remove {
		width: 22px;
		height: 22px;
		min-width: 22px;
		min-height: 22px;
		padding: 0;
		border-radius: 5px;
	}

	.zs-tool-wrapper .zs-tool-entry-advanced-toggle::after {
		font-size: 12px;
	}

	.zs-tool-wrapper .zs-tool-entry-remove::before {
		font-size: 12px;
	}

	.zs-tool-wrapper .zs-tool-auto-widget {
		margin: 6px 8px 0;
		padding: 8px;
		border-radius: 8px;
	}
}

.zs-tool-wrapper .zs-tool-entry-actions {
	display: grid;
	grid-template-columns: minmax(0, 50fr) minmax(90px, 32fr) 34px;
	gap: 6px;
	align-items: center;
	margin-top: 7px;
}

.zs-tool-wrapper .zs-tool-entry-actions .zs-tool-primary-button,
.zs-tool-wrapper .zs-tool-entry-actions .zs-tool-secondary-button {
	width: 100%;
	min-width: 0;
	margin: 0;
	justify-content: center;
}

.zs-tool-wrapper .zs-tool-entry-actions .zs-tool-secondary-button {
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-download-sample-button {
	width: 34px;
	min-width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	border: 1px solid var(--zs-border);
	border-radius: 7px;
	background: #fff;
	color: var(--zs-accent);
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-download-sample-button svg {
	width: 16px;
	height: 16px;
}

@container (min-width: 981px) {
	.zs-tool-wrapper .zs-tool-entry-actions {
		grid-template-columns: minmax(0, 50fr) minmax(84px, 32fr) 28px;
		gap: 5px;
		margin-top: 5px;
	}

	.zs-tool-wrapper .zs-tool-entry-actions .zs-tool-primary-button,
	.zs-tool-wrapper .zs-tool-entry-actions .zs-tool-secondary-button {
		min-height: 26px;
		padding: 0 8px;
		border-radius: 5px;
		font-size: 10px;
	}

	.zs-tool-wrapper .zs-tool-download-sample-button {
		width: 28px;
		min-width: 28px;
		height: 26px;
		min-height: 26px;
		border-radius: 5px;
	}

	.zs-tool-wrapper .zs-tool-download-sample-button svg {
		width: 13px;
		height: 13px;
	}
}

/* Final 1.9.9 layout correction: compact controls, stronger wheel, cleaner editor column. */
.zs-tool-wrapper .zs-tool-title-input::placeholder {
	color: #73869b;
	opacity: 1;
}

.zs-tool-wrapper .zs-tool-tool-button[data-zs-action="open-settings"] span {
	background: #edf7ff;
	color: #0f72b8;
}

.zs-tool-wrapper .zs-tool-tool-button-danger {
	border-color: #ffd5d5;
	background: #fffafa;
	color: #b42318;
}

.zs-tool-wrapper .zs-tool-tool-button-danger span {
	background: #fff0f0;
	color: #b42318;
}

.zs-tool-wrapper .zs-tool-advanced-drawer .zs-tool-auto-widget {
	display: flex;
	margin: 0 14px 14px;
	border: 1px solid var(--zs-border);
	border-radius: 14px;
	background: #f8fbff;
	box-shadow: none;
}

.zs-tool-wrapper .zs-tool-entry-input textarea {
	height: auto;
	min-height: 160px;
	max-height: 350px;
	resize: vertical;
}

.zs-tool-wrapper .zs-tool-panel-tools {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.zs-tool-wrapper .zs-tool-tool-button strong {
	max-width: 60px;
}

.zs-tool-wrapper .zs-tool-wheel-card.zs-is-pending .zs-tool-wheel-banner {
	border-color: rgba(15, 114, 184, .22);
	background: #f0f8ff;
	color: #0f72b8;
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
}

@container (min-width: 981px) {
	.zs-tool-wrapper .zs-tool-main,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-main,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-main,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-main {
		min-height: 460px;
	}

	.zs-tool-wrapper .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-wheel-zone,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-wheel-zone {
		min-height: 460px;
		padding: 42px 18px 12px;
	}

	.zs-tool-wrapper .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-side-panel,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-side-panel {
		flex: 0 0 clamp(404px, 27vw, 432px);
		width: clamp(404px, 27vw, 432px);
		max-height: none;
	}

	.zs-tool-wrapper .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-studio .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-focus .zs-tool-topbar,
	.zs-tool-wrapper.zs-layout-classic .zs-tool-topbar {
		top: 10px;
		left: 12px;
		right: auto;
		width: auto;
	}

	.zs-tool-wrapper .zs-tool-identity,
	.zs-tool-wrapper .zs-tool-identity:not(:focus-within),
	.zs-tool-wrapper .zs-tool-identity:focus-within {
		display: flex;
		justify-content: flex-start;
		width: min(292px, 28vw);
		min-width: 238px;
		height: 34px;
		min-height: 34px;
		padding: 4px 8px;
		border: 1px solid rgba(205, 220, 234, .95);
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 8px 18px rgba(25, 54, 92, .1);
	}

	.zs-tool-wrapper .zs-tool-brand-mark {
		display: grid;
		width: 22px;
		height: 22px;
		margin-right: 7px;
	}

	.zs-tool-wrapper .zs-tool-brand-mark::before {
		width: 15px;
		height: 15px;
		border-width: 2px;
	}

	.zs-tool-wrapper .zs-tool-brand-mark::after {
		width: 4px;
		height: 4px;
	}

	.zs-tool-wrapper .zs-tool-brand-mark span {
		top: 3px;
		border-width: 4px;
		border-top-width: 7px;
	}

	.zs-tool-wrapper .zs-tool-identity-copy,
	.zs-tool-wrapper .zs-tool-identity:not(:focus-within) .zs-tool-identity-copy {
		flex: 1 1 auto;
		align-items: flex-start;
		width: auto;
		min-width: 0;
		overflow: hidden;
	}

	.zs-tool-wrapper .zs-tool-title-shell {
		justify-content: flex-start;
		gap: 5px;
		height: 24px;
	}

	.zs-tool-wrapper .zs-tool-title-pencil {
		width: 16px;
		height: 16px;
		color: #1479bd;
	}

	.zs-tool-wrapper .zs-tool-title-input,
	.zs-tool-wrapper .zs-tool-identity:focus-within .zs-tool-title-input {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		opacity: 1;
		pointer-events: auto;
		border-bottom: 1px dotted #9fb0c2;
		color: #31465e;
		font-size: 12px;
		font-weight: 700;
	}

	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 4px;
		padding: 6px 8px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 30px;
		height: 30px;
		padding: 0 4px;
		gap: 3px;
	}

	.zs-tool-wrapper .zs-tool-tool-button strong {
		max-width: 58px;
		font-size: 9px;
	}

	.zs-tool-wrapper .zs-tool-entry-input textarea {
		min-height: 160px;
		max-height: 350px;
	}
}

@container (max-width: 640px) {
	.zs-tool-wrapper .zs-tool-panel-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		padding: 8px 10px;
	}

	.zs-tool-wrapper .zs-tool-tool-button {
		min-height: 34px;
		height: 34px;
	}

	.zs-tool-wrapper .zs-tool-entry-input textarea {
		min-height: 120px;
		max-height: 250px;
	}

	.zs-tool-wrapper .zs-tool-advanced-drawer .zs-tool-auto-widget {
		margin: 0 12px 12px;
	}
}