#hexin-ai-assistant-root {
			position: fixed;
			right: 20px;
			bottom: 20px;
			z-index: 2147482000;
			font-family: "Switzer", "Inter", system-ui, sans-serif;
		}

		#hexin-ai-launcher {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			border: 0;
			border-radius: 999px;
			padding: 14px 18px;
			background: linear-gradient(135deg, #0b0b0b 0%, #232323 100%);
			color: #fff;
			box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
			cursor: pointer;
		}

		.hexin-ai-launcher__icon {
			display: none;
		}

		.hexin-ai-launcher__dot {
			width: 10px;
			height: 10px;
			border-radius: 999px;
			background: #21b30b;
			box-shadow: 0 0 0 6px rgba(33, 179, 11, 0.12);
		}

		.hexin-ai-launcher__label {
			font-size: 14px;
			font-weight: 600;
			letter-spacing: -0.02em;
		}

		#hexin-ai-panel {
			width: min(440px, calc(100vw - 24px));
			height: min(700px, calc(100vh - 120px));
			margin-top: 14px;
			padding: 18px;
			border: 1px solid rgba(0, 0, 0, 0.08);
			border-radius: 28px;
			background: rgba(255, 255, 255, 0.96);
			backdrop-filter: blur(18px);
			box-shadow: 0 30px 70px rgba(0, 0, 0, 0.18);
			display: none;
			flex-direction: column;
			gap: 14px;
		}

		#hexin-ai-panel.is-open {
			display: flex;
		}

		.hexin-ai-panel__header {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 16px;
		}

		.hexin-ai-panel__header h3,
		.hexin-ai-panel__header p {
			margin: 0;
		}

		.hexin-ai-eyebrow {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: #828282;
			margin-bottom: 6px;
		}

		.hexin-ai-panel__header h3 {
			font-size: 22px;
			line-height: 1;
			letter-spacing: -0.03em;
			color: #000;
		}

		.hexin-ai-subtitle {
			margin-top: 8px !important;
			font-size: 13px;
			line-height: 1.45;
			color: #545454;
		}

		#hexin-ai-close,
		.hexin-ai-chip,
		#hexin-ai-mic,
		#hexin-ai-voice,
		#hexin-ai-send {
			border: 0;
			cursor: pointer;
			font: inherit;
		}

		#hexin-ai-close {
			width: 34px;
			height: 34px;
			border-radius: 999px;
			background: #f3f3f3;
			color: #000;
			font-size: 24px;
			line-height: 1;
		}

		.hexin-ai-messages {
			flex: 1;
			overflow: auto;
			padding-right: 4px;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.hexin-ai-message {
			max-width: 88%;
			padding: 12px 14px;
			border-radius: 18px;
			font-size: 14px;
			line-height: 1.5;
			letter-spacing: -0.01em;
			white-space: pre-wrap;
		}

		.hexin-ai-message--assistant {
			align-self: flex-start;
			background: #f4f4f4;
			color: #111;
			border-top-left-radius: 8px;
		}

		.hexin-ai-message--user {
			align-self: flex-end;
			background: #111;
			color: #fff;
			border-top-right-radius: 8px;
		}

		.hexin-ai-message--status {
			align-self: center;
			background: transparent;
			color: #666;
			font-size: 12px;
			padding: 4px 8px;
		}

		.hexin-ai-quick-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}

		.hexin-ai-chip {
			padding: 9px 12px;
			border-radius: 999px;
			background: #f3f3f3;
			color: #111;
			font-size: 12px;
			font-weight: 600;
		}

		.hexin-ai-form {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		#hexin-ai-input {
			width: 100%;
			min-height: 52px;
			max-height: 130px;
			resize: none;
			border: 1px solid rgba(0, 0, 0, 0.08);
			border-radius: 18px;
			padding: 14px;
			font: inherit;
			font-size: 14px;
			line-height: 1.4;
			outline: none;
			background: #fff;
			color: #000;
		}

		.hexin-ai-actions {
			display: flex;
			gap: 8px;
		}

		#hexin-ai-mic,
		#hexin-ai-voice,
		#hexin-ai-send {
			flex: 1;
			border-radius: 14px;
			padding: 11px 12px;
			font-size: 13px;
			font-weight: 700;
		}

		#hexin-ai-mic,
		#hexin-ai-voice {
			background: #f1f1f1;
			color: #000;
		}

		#hexin-ai-mic.is-recording {
			background: #21b30b;
			color: #fff;
		}

		#hexin-ai-send {
			background: #111;
			color: #fff;
		}

		.hexin-ai-footer {
			display: flex;
			justify-content: space-between;
			gap: 12px;
			font-size: 12px;
			flex-wrap: wrap;
		}

		.hexin-ai-footer a {
			color: #111;
			text-decoration: none;
			font-weight: 600;
		}

		.hexin-ai-sr-only {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}

		@media (max-width: 767px) {
			#hexin-ai-assistant-root {
				right: 16px;
				left: auto;
				bottom: 16px;
			}

			#hexin-ai-launcher {
				width: 56px;
				height: 56px;
				border-radius: 50%;
				padding: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				margin-left: auto;
			}

			.hexin-ai-launcher__label {
				display: none;
			}

			.hexin-ai-launcher__icon {
				display: block;
				width: 24px;
				height: 24px;
				color: #fff;
			}

			.hexin-ai-launcher__dot {
				position: absolute;
				top: 4px;
				right: 4px;
				margin: 0;
				z-index: 2;
			}

			#hexin-ai-panel {
				width: calc(100vw - 32px);
				height: min(78vh, 700px);
			}
		}