.giftmuzic-create-app,
.giftmuzic-gift-page,
.giftmuzic-hero,
.giftmuzic-collection,
.giftmuzic-grid {
	border: 1px solid #e7ddd2;
	background: #fffaf5;
	padding: 20px;
	border-radius: 14px;
	margin-bottom: 20px;
	color: #2f2926;
}

.giftmuzic-btn {
	display: inline-block;
	background: var(--et_btn-bg-color, var(--et_active-color, #de2b2b));
	color: var(--et_btn-color, var(--et_white-2-dark, #ffffff));
	padding: 10px 16px;
	border-radius: var(--et_btn-radius, 999px);
	text-decoration: none;
	border: 1px solid var(--et_btn-br-color, transparent);
	cursor: pointer;
}

.giftmuzic-btn-alt {
	background: var(--et_dark-color, #5f4c45);
	color: var(--et_white-2-dark, #ffffff);
}

.giftmuzic-btn-danger {
	background: #a23232;
	color: #ffffff;
	border-color: #8d2525;
}

.giftmuzic-btn-danger:hover,
.giftmuzic-btn-danger:focus {
	background: #7d1f1f;
	color: #ffffff;
	border-color: #701818;
}

.giftmuzic-btn-small {
	padding: 6px 12px;
	font-size: 12px;
}

.giftmuzic-btn:hover,
.giftmuzic-btn:focus {
	background: var(--et_btn-bg-color-hover, var(--et_dark-color, #1f2b3a));
	color: var(--et_btn-color-hover, var(--et_white-2-dark, #ffffff));
	border-color: var(--et_btn-br-color-hover, transparent);
}

.giftmuzic-step-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.giftmuzic-flow-state {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.giftmuzic-flow-chip {
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	border: 1px solid #ddcfc0;
	background: #fff;
	color: #5f4c45;
}

.giftmuzic-flow-chip.ok {
	background: #e5f6ea;
	border-color: #82c59a;
	color: #185931;
}

.giftmuzic-flow-chip.pending {
	background: #fff7e8;
	border-color: #e6c68b;
	color: #7a4b08;
}

.giftmuzic-flow-chip.processing {
	background: #fff3d6;
	border-color: #d8a750;
	color: #7a4b08;
	font-weight: 700;
}

.giftmuzic-inline-status {
	margin-bottom: 10px;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 13px;
	border: 1px solid #ddcfc0;
	background: #fff;
	color: #5f4c45;
}

.giftmuzic-inline-status.success {
	background: #e5f6ea;
	border-color: #82c59a;
	color: #185931;
}

.giftmuzic-inline-status.error {
	background: #fdecee;
	border-color: #eaa2ab;
	color: #8f1b2d;
}

.giftmuzic-upgrade-cta {
	margin: 8px 0 12px;
}

.giftmuzic-upgrade-cta p {
	margin: 0;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid #e6c68b;
	background: #fff7e8;
	color: #7a4b08 !important;
}

.giftmuzic-upgrade-cta .giftmuzic-btn {
	margin-left: 8px;
}

.giftmuzic-progress-wrap {
	margin-bottom: 10px;
}

.giftmuzic-progress-label {
	font-size: 13px;
	color: #5f4c45;
	margin-bottom: 6px;
}

.giftmuzic-progress {
	width: 100%;
	height: 8px;
	background: #eadfce;
	border-radius: 999px;
	overflow: hidden;
}

.giftmuzic-progress span {
	display: block;
	height: 100%;
	width: 0;
	background: #b0402a;
}

.giftmuzic-step-review {
	background: #fff;
	border: 1px dashed #dfcdbb;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}

.giftmuzic-step-chip {
	border: 1px solid #ddcfc0;
	background: #fff;
	color: #5f4c45;
	padding: 6px 10px;
	border-radius: 999px;
	cursor: pointer;
}

.giftmuzic-step-chip.active {
	background: #b0402a;
	color: #fff;
	border-color: #b0402a;
}

.giftmuzic-step-body label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	color: #2f2926;
}

.giftmuzic-step-body input[type="text"],
.giftmuzic-step-body input[type="email"],
.giftmuzic-step-body select,
.giftmuzic-step-body textarea,
.giftmuzic-panel input[type="text"],
.giftmuzic-panel input[type="email"],
.giftmuzic-panel textarea,
.giftmuzic-panel select {
	display: block;
	width: 100%;
	margin-top: 4px;
	padding: 8px 10px;
	border-radius: var(--et_inputs-radius, 8px);
	border: 1px solid var(--et_inputs-border-color, #d9cbc0);
	background: var(--et_inputs-bg-color, #fff);
	position: relative;
	z-index: 3;
	pointer-events: auto;
	color: var(--et_inputs-color, inherit);
}

.giftmuzic-step-body,
.giftmuzic-step-body label {
	position: relative;
	z-index: 2;
}

.giftmuzic-step-body input::placeholder,
.giftmuzic-step-body textarea::placeholder,
.giftmuzic-panel input::placeholder,
.giftmuzic-panel textarea::placeholder {
	color: var(--et_inputs-color, #7a6e67);
	opacity: 1;
}

.giftmuzic-panel summary,
.giftmuzic-panel label,
.giftmuzic-panel p,
.giftmuzic-panel small,
.giftmuzic-step-review,
.giftmuzic-progress-label,
.giftmuzic-inline-status {
	color: #2f2926;
}

.giftmuzic-step-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0;
}

.giftmuzic-step-actions-main .giftmuzic-btn-new-draft {
	margin-left: auto;
}

@media (min-width: 992px) {
	.giftmuzic-step-actions-main .giftmuzic-btn-new-draft {
		margin-left: 56px;
	}
}

.giftmuzic-multi-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 10px;
	max-height: 220px;
	overflow: auto;
	padding: 8px;
	border: 1px solid #d9cbc0;
	border-radius: 8px;
	background: #fff;
	margin-top: 4px;
}

.giftmuzic-multi-option {
	display: block;
	font-weight: 400;
	font-size: 13px;
	margin: 0;
	color: #2f2926;
}

.giftmuzic-multi-option input {
	margin-right: 6px;
}

.giftmuzic-input-help {
	display: block;
	margin-top: 6px;
	color: #6e625b;
	font-size: 12px;
}

.giftmuzic-policy-link {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	font-weight: 700;
	color: #b0402a;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.giftmuzic-policy-link:hover,
.giftmuzic-policy-link:focus {
	color: #7d1f1f;
}

.giftmuzic-poll-meta {
	font-size: 13px;
	color: #5f4c45;
}

.giftmuzic-block-note {
	color: #8f1b2d;
	font-size: 13px;
	font-weight: 600;
}

.giftmuzic-inline-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.giftmuzic-inline-controls small {
	color: #6e625b;
}

.giftmuzic-qaf-section-controls {
	margin-bottom: 12px;
	padding: 8px 10px;
	border: 1px dashed #ddcfc0;
	border-radius: 8px;
	background: #fff;
}

.giftmuzic-qaf-field-controls {
	margin-top: 6px;
}

.giftmuzic-voice-upload-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 6px;
}

.giftmuzic-voice-meta {
	margin: 8px 0 6px;
	font-size: 13px;
	color: #2f2926 !important;
}

.giftmuzic-voice-capability {
	margin: 8px 0 10px;
}

.giftmuzic-voice-capability-note {
	margin: 0;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 13px;
	border: 1px solid #e6c68b;
	background: #fff7e8;
	color: #7a4b08 !important;
}

.giftmuzic-panel {
	background: #fff;
	border: 1px solid #e6d9ca;
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0;
}

[data-giftmuzic-story] {
	color: #2f2926;
	background: #fff;
}

[data-giftmuzic-story]::placeholder {
	color: #7a6e67;
	opacity: 1;
}

.giftmuzic-result-card {
	border: 1px solid #e4d8cb;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 10px 0;
}

.giftmuzic-template-product-panel {
	margin-top: 12px;
	padding: 12px;
	border: 1px solid #dfcdbb;
	border-radius: 10px;
	background: #fff9f3;
}

.giftmuzic-template-product-panel h4 {
	margin: 0 0 6px;
}

.giftmuzic-template-loaded .giftmuzic-panel {
	border-style: solid;
	border-color: #d8c7b7;
	background: linear-gradient(160deg, #fffaf4, #f5ece3);
}

.giftmuzic-template-loaded h3 {
	margin: 0 0 6px;
}

.giftmuzic-template-details {
	margin: 8px 0;
}

.giftmuzic-template-details ul {
	margin: 8px 0 0 16px;
}

.giftmuzic-template-name-note {
	margin: 0 0 10px;
	padding: 8px 10px;
	border: 1px solid #d8c7b7;
	border-radius: 8px;
	background: #fffaf4;
	font-size: 13px;
	color: #2f2926;
}

.giftmuzic-selected-mark {
	color: #185931;
	font-weight: 700;
	margin-left: 6px;
}

.giftmuzic-status-pill {
	display: inline-block;
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.giftmuzic-status-pill.ok {
	background: #e5f6ea;
	color: #185931;
}

.giftmuzic-status-pill.error {
	background: #fdecee;
	color: #8f1b2d;
}

.giftmuzic-status-pill.pending {
	background: #fff7e8;
	color: #7a4b08;
}

.giftmuzic-result-card pre {
	white-space: pre-wrap;
	background: #faf6f2;
	padding: 8px;
	border-radius: 8px;
}

.giftmuzic-compare-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.giftmuzic-card-btn {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	padding: 8px 14px;
	margin: 6px 8px 0 0;
	border-radius: 999px;
	border: 1px solid #b2402b;
	background: linear-gradient(145deg, #c44730 0%, #9f341f 100%);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.2px;
	box-shadow: 0 6px 14px rgba(176, 64, 42, 0.22);
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, border-color 0.15s ease;
}

.giftmuzic-card-btn:hover,
.giftmuzic-card-btn:focus {
	transform: translateY(-1px);
	filter: brightness(1.03);
	box-shadow: 0 10px 20px rgba(176, 64, 42, 0.26);
	color: #fff;
}

.giftmuzic-card-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	filter: none;
	box-shadow: none;
}

.giftmuzic-card-btn.giftmuzic-card-btn-subtle {
	border-color: #d6c6b7;
	background: linear-gradient(160deg, #fffaf6 0%, #f2e8dd 100%);
	color: #4c3c34;
	box-shadow: 0 3px 8px rgba(95, 76, 69, 0.12);
	font-weight: 600;
}

.giftmuzic-card-btn.giftmuzic-card-btn-subtle:hover,
.giftmuzic-card-btn.giftmuzic-card-btn-subtle:focus {
	color: #2f2926;
}

.giftmuzic-select-btn.is-selected {
	border-color: #1c7f48;
	background: linear-gradient(145deg, #219653 0%, #1b7d46 100%);
	box-shadow: 0 8px 18px rgba(28, 127, 72, 0.24);
}

.giftmuzic-select-btn.is-selected::before {
	content: "✓";
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
}

.giftmuzic-select-btn.is-loading {
	opacity: 0.85;
}

.giftmuzic-autofill-suggestion {
	background: #fff;
	border: 1px solid #dfd1c3;
	padding: 8px;
	border-radius: 8px;
	margin-top: 8px;
}

.giftmuzic-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.giftmuzic-card {
	border: 1px solid #e6d9cc;
	background: #fff;
	padding: 12px;
	border-radius: 10px;
}

.giftmuzic-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.giftmuzic-tag {
	background: #f2e8df;
	color: #5f4c45;
	padding: 6px 10px;
	border-radius: 999px;
	text-decoration: none;
}

.giftmuzic-log {
	margin-top: 12px;
	background: #2c2430;
	color: #f6f4f7;
	padding: 12px;
	border-radius: 8px;
	min-height: 120px;
	white-space: pre-wrap;
}

/* Keep create flow readable while inheriting theme typography/colors. */
[data-giftmuzic-create] {
	color: inherit;
}

[data-giftmuzic-create] input[type="text"],
[data-giftmuzic-create] input[type="email"],
[data-giftmuzic-create] textarea,
[data-giftmuzic-create] select,
[data-giftmuzic-create] option {
	color: inherit;
	background: var(--et_inputs-bg-color, #fff);
}

[data-giftmuzic-create] input::placeholder,
[data-giftmuzic-create] textarea::placeholder {
	color: var(--et_inputs-color, #6f625a);
	opacity: 0.8;
}

[data-giftmuzic-create] .giftmuzic-status-pill.ok {
	color: #185931 !important;
}

[data-giftmuzic-create] .giftmuzic-status-pill.error {
	color: #8f1b2d !important;
}

[data-giftmuzic-create] .giftmuzic-status-pill.pending {
	color: #7a4b08 !important;
}

[data-giftmuzic-create] .giftmuzic-log,
[data-giftmuzic-create] .giftmuzic-log * {
	color: #f6f4f7 !important;
}

.giftmuzic-lyric-lock {
	margin: 4px 0 8px;
	font-size: 13px;
	font-weight: 600;
}

.giftmuzic-lyric-lock.on {
	color: #185931 !important;
}

.giftmuzic-lyric-lock.off {
	color: #8f1b2d !important;
}

.giftmuzic-lyric-lock.unknown {
	color: #7a4b08 !important;
}

.giftmuzic-voice-diagnostics-box {
	margin: 8px 0 10px;
	padding: 8px 10px;
	border: 1px dashed #dccdbf;
	border-radius: 8px;
	background: #fff;
}

.giftmuzic-voice-diagnostics {
	margin: 0 0 4px;
	font-size: 13px;
	color: #2f2926 !important;
}

.giftmuzic-voice-diagnostics.unknown {
	color: #7a4b08 !important;
}

.giftmuzic-voice-diagnostics-note {
	margin: 6px 0 0;
	font-size: 12px;
	color: #5f4c45 !important;
}

.giftmuzic-inline-buy-row {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.giftmuzic-inline-buy-btn.button {
	font-size: 12px;
	line-height: 1.2;
	padding: 6px 10px;
	border-radius: 999px;
}

.giftmuzic-reveal-section {
	margin: 10px 0;
}

.giftmuzic-reveal-grid,
.giftmuzic-theme-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.giftmuzic-reveal-card,
.giftmuzic-theme-card {
	border: 1px solid #d8c7b7;
	border-radius: 10px;
	padding: 10px;
	background: #fff;
	text-align: left;
	cursor: pointer;
}

.giftmuzic-reveal-card.active,
.giftmuzic-theme-card.active {
	border-color: #b0402a;
	box-shadow: 0 0 0 2px #f4d6cf;
}

.giftmuzic-reveal-card strong,
.giftmuzic-theme-card strong {
	display: block;
	margin-bottom: 4px;
}

.giftmuzic-reveal-card small,
.giftmuzic-theme-card small {
	display: block;
	font-size: 12px;
	color: #5f4c45;
}

.giftmuzic-theme-chip {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	margin-right: 6px;
}

.giftmuzic-reveal-preview-wrap {
	margin-top: 14px;
	border: 1px solid #dfd0c1;
	border-radius: 12px;
	padding: 12px;
	background: linear-gradient(150deg, #fff9f2, #f8f2eb);
}

.giftmuzic-reveal-preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.giftmuzic-reveal-preview-header h4 {
	margin: 0;
}

.giftmuzic-preview-mode {
	display: flex;
	gap: 6px;
}

.giftmuzic-preview-mode .giftmuzic-btn {
	padding: 6px 10px;
	font-size: 12px;
}

.giftmuzic-preview-mode .giftmuzic-btn.active {
	background: #b0402a;
}

.giftmuzic-reveal-preview-stage {
	margin-top: 10px;
	display: flex;
	justify-content: center;
}

.giftmuzic-reveal-preview-card {
	border: 1px solid #d8c7b7;
	border-radius: 12px;
	background: #fff;
	padding: 16px;
	width: 100%;
	max-width: 520px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.giftmuzic-reveal-preview-kicker {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #7b6050;
}

[data-giftmuzic-reveal-preview-shell].is-mobile .giftmuzic-reveal-preview-card {
	max-width: 300px;
}

[data-giftmuzic-reveal-preview-shell].is-format-cinematic .giftmuzic-reveal-preview-card {
	transform: scale(1.01);
}

[data-giftmuzic-reveal-preview-shell].is-format-soft_fade .giftmuzic-reveal-preview-card {
	opacity: 0.94;
}

[data-giftmuzic-reveal-preview-shell].is-format-spotlight .giftmuzic-reveal-preview-card {
	box-shadow: 0 0 0 9999px #00000010 inset;
}

[data-giftmuzic-reveal-preview-shell].is-format-countdown .giftmuzic-reveal-preview-kicker::after {
	content: " • 03";
	font-weight: 700;
}

.giftmuzic-gift-page .giftmuzic-reveal-gate {
	border: 1px solid #dccbbb;
	border-radius: 12px;
	background: #fff;
	padding: 14px;
	margin: 12px 0;
}

.giftmuzic-gift-page .giftmuzic-reveal-gate[data-state="locked"] .giftmuzic-reveal-player {
	display: none;
}

.giftmuzic-gift-page .giftmuzic-reveal-gate[data-state="open"] .giftmuzic-reveal-gate-panel {
	display: none;
}

.giftmuzic-gift-page .giftmuzic-reveal-gate[data-state="locked"] .giftmuzic-reveal-gate-panel {
	display: block;
}

.giftmuzic-gift-page .giftmuzic-reveal-theme-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	background: #f3e7da;
	color: #5f4c45;
	font-size: 12px;
	margin-right: 6px;
}

@media (max-width: 800px) {
	.giftmuzic-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.giftmuzic-compare-grid {
		grid-template-columns: 1fr;
	}
	.giftmuzic-multi-grid {
		grid-template-columns: 1fr;
	}
	.giftmuzic-reveal-grid,
	.giftmuzic-theme-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.giftmuzic-cards {
		grid-template-columns: 1fr;
	}
}

/* Phase 1 reveal enhancement overrides */
[data-giftmuzic-reveal-preview-shell].is-format-countdown .giftmuzic-reveal-preview-kicker::after {
	content: " - 03";
}

.giftmuzic-reveal-preview-visual {
	border: 1px dashed #dccbbb;
	border-radius: 10px;
	padding: 10px;
	background: #fffdfb;
	margin: 10px 0;
	min-height: 64px;
	position: relative;
	overflow: hidden;
}

.giftmuzic-reveal-preview-element {
	display: none;
	font-size: 13px;
	color: #5f4c45;
}

.giftmuzic-reveal-preview-element[data-preview-element="player_stub"] {
	margin-top: 8px;
	padding: 8px 10px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2d6cb;
	font-weight: 600;
}

.giftmuzic-reveal-preview-visual[data-preview-format="countdown"] [data-preview-element="countdown"],
.giftmuzic-reveal-preview-visual[data-preview-format="cinematic"] [data-preview-element="cinematic"],
.giftmuzic-reveal-preview-visual[data-preview-format="soft_fade"] [data-preview-element="soft_fade"],
.giftmuzic-reveal-preview-visual[data-preview-format="spotlight"] [data-preview-element="spotlight"],
.giftmuzic-reveal-preview-visual[data-preview-format="tap_to_open"] [data-preview-element="tap_to_open"],
.giftmuzic-reveal-preview-visual[data-preview-format="instant_player"] [data-preview-element="instant_player"],
.giftmuzic-reveal-preview-visual[data-preview-format="envelope"] [data-preview-element="envelope"] {
	display: block;
}

.giftmuzic-reveal-preview-visual.is-open [data-preview-element="player_stub"] {
	display: block;
}

.giftmuzic-reveal-preview-visual.is-cinematic {
	background: linear-gradient(170deg, #2a2220, #57443f);
	color: #fff;
}

.giftmuzic-reveal-preview-visual.is-soft-fade {
	opacity: 0.82;
	transition: opacity 0.5s ease;
}

.giftmuzic-reveal-preview-visual.is-spotlight {
	box-shadow: 0 0 0 9999px #0000001e inset;
}

.giftmuzic-reveal-preview-visual.is-envelope::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, transparent 48%, #e8dbcf 49%);
}

.giftmuzic-reveal-root,
.giftmuzic-envelope-root {
	border: 1px solid #dccbbb;
	border-radius: 12px;
	background: #fff;
	padding: 14px;
	margin: 12px 0;
}

.giftmuzic-reveal-root[data-state="locked"] .giftmuzic-reveal-player {
	display: none;
}

.giftmuzic-reveal-root[data-state="open"] .giftmuzic-reveal-stage {
	display: none;
}

.giftmuzic-reveal-root[data-state="locked"] .giftmuzic-reveal-stage {
	display: block;
}

.giftmuzic-reveal-stage {
	display: none;
	border: 1px solid #e7d8cb;
	border-radius: 10px;
	padding: 14px;
	background: #fffaf6;
}

.giftmuzic-reveal-stage h3 {
	margin: 0 0 8px;
}

.giftmuzic-reveal-root[data-format="tap_to_open"] .giftmuzic-stage--tap,
.giftmuzic-reveal-root[data-format="countdown"] .giftmuzic-stage--countdown,
.giftmuzic-reveal-root[data-format="cinematic"] .giftmuzic-stage--cinematic,
.giftmuzic-reveal-root[data-format="soft_fade"] .giftmuzic-stage--soft-fade,
.giftmuzic-reveal-root[data-format="spotlight"] .giftmuzic-stage--spotlight,
.giftmuzic-reveal-root[data-format="envelope"] .giftmuzic-stage--envelope {
	display: block;
}

.giftmuzic-reveal-root[data-format="cinematic"] .giftmuzic-stage--cinematic {
	background: linear-gradient(165deg, #2e2522, #5e4b45);
	color: #fff;
}

.giftmuzic-reveal-root[data-format="cinematic"] [data-giftmuzic-cinematic-line] {
	opacity: 0;
	transform: translateY(6px);
	transition: all 0.35s ease;
}

.giftmuzic-reveal-root[data-format="cinematic"] [data-giftmuzic-cinematic-line].is-active {
	opacity: 1;
	transform: translateY(0);
}

.giftmuzic-reveal-root[data-format="countdown"] .giftmuzic-reveal-counter {
	font-size: 30px;
	font-weight: 700;
	margin: 6px 0 10px;
	letter-spacing: 0.06em;
}

.giftmuzic-reveal-root[data-format="soft_fade"] .giftmuzic-stage--soft-fade {
	background: linear-gradient(160deg, #fffdfc, #f3ece7);
	transition: opacity 0.8s ease;
}

.giftmuzic-reveal-root.is-soft-fade-opening .giftmuzic-stage--soft-fade {
	opacity: 0.35;
}

.giftmuzic-reveal-root[data-format="spotlight"] .giftmuzic-stage--spotlight {
	background: radial-gradient(circle at center, #fff 0%, #f4ede7 44%, #201a18 100%);
}

.giftmuzic-reveal-root.is-spotlight-opening .giftmuzic-stage--spotlight {
	box-shadow: 0 0 0 9999px #0000003a inset;
}

.giftmuzic-envelope-root {
	position: relative;
	overflow: hidden;
}

.giftmuzic-envelope-closed,
.giftmuzic-envelope-open {
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.giftmuzic-envelope-root[data-state="open"] .giftmuzic-envelope-closed {
	display: none;
}

.giftmuzic-envelope-root[data-state="locked"] .giftmuzic-envelope-open {
	display: none;
}

.giftmuzic-envelope-body {
	border: 1px solid #d8c8bb;
	border-radius: 12px;
	padding: 16px;
	background: linear-gradient(160deg, #fff7ef, #f4e7db);
	position: relative;
}

.giftmuzic-envelope-flap {
	width: 0;
	height: 0;
	border-left: 120px solid transparent;
	border-right: 120px solid transparent;
	border-top: 78px solid #ead9cb;
	margin: 0 auto -4px;
	transition: transform 0.45s ease;
	transform-origin: top center;
}

.giftmuzic-envelope-root.is-opening-envelope .giftmuzic-envelope-flap {
	transform: rotateX(65deg);
}

.giftmuzic-envelope-to {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 4px;
}

.giftmuzic-envelope-note {
	color: #675449;
	margin-bottom: 12px;
}

.giftmuzic-envelope-card {
	border: 1px solid #dfcfc0;
	border-radius: 10px;
	padding: 12px;
	background: #fff;
	margin-bottom: 10px;
}
.giftmuzic-reveal-preview-visual.is-tap::after {
	content: "Tap to open";
	font-size: 12px;
	color: #5f4c45;
}

.giftmuzic-reveal-preview-visual.is-open {
	outline: 2px solid #b0402a;
}

/* Premium Phase 1 visual layer */
.giftmuzic-reveal-hero {
	padding: 14px 16px;
	border: 1px solid #e7d7c9;
	border-radius: 14px;
	background: linear-gradient(155deg, #fff9f3, #f6ede4);
	margin-bottom: 12px;
}

.giftmuzic-reveal-eyebrow {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.13em;
	color: #8a6a57;
	margin: 0 0 4px;
	font-weight: 700;
}

.giftmuzic-reveal-hero h1,
.giftmuzic-qr-header h1 {
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 6px;
}

.giftmuzic-reveal-intro {
	color: #654e42;
	margin: 0;
}

.giftmuzic-player-callout {
	margin: 0 0 8px;
	font-size: 14px;
	color: #5f4c45;
}

.giftmuzic-reveal-preview-subcopy {
	font-size: 12px;
	color: #6f5950;
	margin-top: -2px;
}

.giftmuzic-reveal-root,
.giftmuzic-envelope-root {
	box-shadow: 0 10px 22px #00000012;
}

.giftmuzic-reveal-root.is-gate-opening {
	transform: scale(0.995);
	transition: transform 0.25s ease;
}

.giftmuzic-reveal-root[data-format="spotlight"] {
	background: linear-gradient(160deg, #1f1a19, #3b2f2b);
}

.giftmuzic-reveal-root[data-format="spotlight"] .giftmuzic-stage--spotlight h3,
.giftmuzic-reveal-root[data-format="spotlight"] .giftmuzic-stage--spotlight p {
	color: #fff;
}

.giftmuzic-reveal-root[data-format="soft_fade"] .giftmuzic-stage--soft-fade {
	filter: saturate(0.94);
}

.giftmuzic-reveal-root[data-format="tap_to_open"] .giftmuzic-stage--tap {
	background: linear-gradient(160deg, #fffdf9, #f1e8df);
}

.giftmuzic-reveal-root[data-format="countdown"] .giftmuzic-stage--countdown {
	background: linear-gradient(165deg, #fff8f0, #f5e9de);
}

.giftmuzic-reveal-root[data-format="envelope"] .giftmuzic-stage--envelope {
	background: linear-gradient(165deg, #fff7ee, #f3e4d6);
}

.giftmuzic-reveal-preview-visual.is-open {
	outline: 2px solid #b0402a;
}

.giftmuzic-reveal-preview-visual.is-tap::after {
	content: "Tap to open";
	font-size: 12px;
	color: #5f4c45;
}

.giftmuzic-qr-presenter {
	border: 1px solid #dfd0c3;
	border-radius: 14px;
	padding: 14px;
	background: linear-gradient(155deg, #fffaf4, #f4ece3);
}

.giftmuzic-qr-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 8px;
}

.giftmuzic-qr-frame {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	border: 1px solid #d9c8b9;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 20px #00000014;
	margin: 8px 0;
}

.giftmuzic-qr-frame img {
	display: block;
	max-width: 280px;
	height: auto;
}

/* Theme identity intensifiers */
.giftmuzic-theme-timeless_romance,
.giftmuzic-theme-wedding_dream,
.giftmuzic-theme-golden_anniversary {
	background-image: linear-gradient(155deg, #fff6f2, #f4e5dc);
}

.giftmuzic-theme-birthday_spark,
.giftmuzic-theme-celebration_glow,
.giftmuzic-theme-graduation_pride {
	background-image: linear-gradient(155deg, #fff7ef, #ffe9d5);
}

.giftmuzic-theme-tribute_light,
.giftmuzic-theme-healing_hope {
	background-image: linear-gradient(155deg, #f7f9fc, #e8eff7);
}

.giftmuzic-theme-family_heart,
.giftmuzic-theme-best_friend_vibes,
.giftmuzic-theme-baby_blessing {
	background-image: linear-gradient(155deg, #fff8f4, #f2e8e0);
}

.giftmuzic-theme-just_because,
.giftmuzic-theme-grateful_soul {
	background-image: linear-gradient(155deg, #fffdfb, #f3eee8);
}

/* Reduced motion safety */
@media (prefers-reduced-motion: reduce) {
	.giftmuzic-reveal-root *,
	.giftmuzic-envelope-root *,
	.giftmuzic-reveal-preview-wrap *,
	.giftmuzic-reveal-preview-visual {
		animation: none !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0ms !important;
	}
}

@media (max-width: 740px) {
	.giftmuzic-reveal-hero,
	.giftmuzic-qr-presenter,
	.giftmuzic-reveal-root,
	.giftmuzic-envelope-root {
		padding: 12px;
		border-radius: 12px;
	}

	.giftmuzic-reveal-stage {
		padding: 12px;
	}

	.giftmuzic-envelope-flap {
		border-left-width: 96px;
		border-right-width: 96px;
		border-top-width: 64px;
	}

	.giftmuzic-qr-frame img {
		max-width: 230px;
	}
}

.giftmuzic-delivery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.giftmuzic-delivery-grid label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.giftmuzic-delivery-preview {
	background: #fff9f3;
	border: 1px solid #edd8c2;
	border-radius: 14px;
	padding: 14px;
	margin-top: 12px;
}

.giftmuzic-delivery-preview pre {
	white-space: pre-wrap;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #f0e0cf;
}

.giftmuzic-pricing-page,
.giftmuzic-account-subscriptions {
	--giftmuzic-theme-main: var(--et_main-color, #666);
	--giftmuzic-theme-active: var(--et_active-color, #b0402a);
	--giftmuzic-theme-border: var(--et_border-color, #e3e3e3);
	--giftmuzic-theme-muted: var(--et_main-color, #6a6a6a);
	--giftmuzic-theme-card-bg: var(--et_white-2-dark, #fff);
}

.giftmuzic-pricing-page {
	background: linear-gradient(180deg, #fafafa, #f5f5f5);
	border-radius: 18px;
	padding: 26px;
	border: 1px solid var(--giftmuzic-theme-border);
}

.giftmuzic-pricing-header {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 24px;
}

.giftmuzic-pricing-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 700;
	color: var(--giftmuzic-theme-active);
	margin-bottom: 4px;
}

.giftmuzic-pricing-header h2 {
	margin: 0 0 8px;
	line-height: 1.2;
}

.giftmuzic-pricing-section {
	margin-top: 20px;
}

.giftmuzic-pricing-section h3,
.giftmuzic-account-subscriptions-section h4 {
	margin: 0 0 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--giftmuzic-theme-border);
}

.giftmuzic-pricing-grid,
.giftmuzic-account-plan-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.giftmuzic-pricing-card,
.giftmuzic-account-plan-card {
	background: var(--giftmuzic-theme-card-bg);
	border: 1px solid var(--giftmuzic-theme-border);
	border-radius: 14px;
	padding: 16px;
	box-shadow: 0 10px 24px #00000010;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.giftmuzic-pricing-card.is-featured,
.giftmuzic-account-plan-card.is-current {
	background: linear-gradient(165deg, #ffffff, #f8f8f8);
	color: inherit;
	transform: translateY(-4px);
	border-color: var(--giftmuzic-theme-active);
	box-shadow: 0 14px 30px #00000016;
}

.giftmuzic-pricing-plan,
.giftmuzic-account-plan-name {
	margin: 0 0 6px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--giftmuzic-theme-main);
}

.giftmuzic-pricing-price,
.giftmuzic-account-plan-price {
	font-size: 34px;
	line-height: 1.05;
	font-weight: 800;
	margin: 0;
}

.giftmuzic-pricing-price .woocommerce-Price-currencySymbol,
.giftmuzic-account-plan-price .woocommerce-Price-currencySymbol {
	font-size: 19px;
	vertical-align: top;
}

.giftmuzic-pricing-billing,
.giftmuzic-account-plan-billing,
.giftmuzic-account-plan-status {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--giftmuzic-theme-muted);
}

.giftmuzic-account-plan-card.is-current .giftmuzic-account-plan-status {
	color: var(--giftmuzic-theme-active);
	font-weight: 700;
}

.giftmuzic-pricing-benefits,
.giftmuzic-account-plan-benefits {
	margin: 0 0 8px 18px;
	padding: 0;
	display: grid;
	gap: 6px;
}

.giftmuzic-pricing-cta.button,
.giftmuzic-account-plan-card .button {
	display: inline-block;
	text-decoration: none;
	margin-top: auto;
	padding: 10px 16px;
	border-radius: var(--et_btn-radius, 999px);
	font-weight: 700;
	font-size: var(--et_btn-size, 0.9rem);
	line-height: 1.2;
	background-color: var(--et_active-color, #de2b2b) !important;
	border-color: var(--et_active-color, #de2b2b) !important;
	color: var(--et_white-2-dark, #fff) !important;
	transition: all 0.2s ease;
}

.giftmuzic-pricing-cta.button:hover,
.giftmuzic-account-plan-card .button:hover,
.giftmuzic-pricing-cta.button:focus,
.giftmuzic-account-plan-card .button:focus {
	background-color: var(--et_btn-bg-color-hover, var(--et_dark-color, #1f2b3a)) !important;
	border-color: var(--et_btn-br-color-hover, var(--et_dark-color, #1f2b3a)) !important;
	color: var(--et_btn-color-hover, var(--et_white-2-dark, #fff)) !important;
}

.giftmuzic-account-plan-card.is-current .giftmuzic-current-plan-btn,
.giftmuzic-pricing-card.is-featured .giftmuzic-pricing-cta.button {
	box-shadow: 0 0 0 2px #00000012;
}

.giftmuzic-account-subscriptions {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid var(--giftmuzic-theme-border);
	border-radius: 16px;
	background: linear-gradient(180deg, #fafafa, #f5f5f5);
}

.giftmuzic-account-subscriptions-head {
	margin-bottom: 14px;
}

.giftmuzic-account-subscriptions-kicker {
	margin: 0 0 4px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 700;
	color: var(--giftmuzic-theme-active);
}

.giftmuzic-account-subscriptions-head h3 {
	margin: 0 0 8px;
}

.giftmuzic-account-wallet-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border: 1px solid var(--giftmuzic-theme-border);
	border-radius: 12px;
	background: var(--giftmuzic-theme-card-bg);
	margin-bottom: 16px;
}

.giftmuzic-account-wallet-plan {
	margin: 0;
}

.giftmuzic-account-wallet-metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.giftmuzic-account-wallet-metrics span {
	border: 1px solid var(--giftmuzic-theme-border);
	border-radius: 999px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
	background: #fff;
}

.giftmuzic-account-subscriptions-section {
	margin-top: 18px;
}

@media (max-width: 980px) {
	.giftmuzic-pricing-grid,
	.giftmuzic-account-plan-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.giftmuzic-pricing-page,
	.giftmuzic-account-subscriptions {
		padding: 12px;
		border-radius: 12px;
	}

	.giftmuzic-pricing-grid,
	.giftmuzic-account-plan-grid {
		grid-template-columns: 1fr;
	}

	.giftmuzic-pricing-card.is-featured,
	.giftmuzic-account-plan-card.is-current {
		transform: none;
	}

	.giftmuzic-account-wallet-strip {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Premium create flow refresh: visual only, no behavior changes. */
[data-giftmuzic-create] {
	--gmz-bg-0: #09070d;
	--gmz-bg-1: #120d1a;
	--gmz-bg-2: #1e1627;
	--gmz-surface: linear-gradient(165deg, #191222 0%, #120d1c 100%);
	--gmz-surface-soft: linear-gradient(165deg, #20182a 0%, #161023 100%);
	--gmz-surface-elevated: linear-gradient(150deg, #251d31 0%, #181225 100%);
	--gmz-border: #4a385f;
	--gmz-border-soft: #3a2d4d;
	--gmz-accent: #f0c87b;
	--gmz-accent-2: #b17f3d;
	--gmz-accent-glow: #ffd89e;
	--gmz-text: #f5ecff;
	--gmz-text-muted: #c9b7de;
	--gmz-text-faint: #a693be;
	--gmz-success: #52d49f;
	--gmz-warning: #ffca72;
	--gmz-error: #ff879f;
	--gmz-info: #99a6ff;
	--gmz-shadow-1: 0 14px 34px #0000004d;
	--gmz-shadow-2: 0 22px 56px #00000073;
	--gmz-radius-lg: 24px;
	--gmz-radius-md: 18px;
	--gmz-radius-sm: 14px;
	color: var(--gmz-text);
	border: 1px solid var(--gmz-border-soft);
	border-radius: 28px;
	padding: clamp(18px, 2.1vw, 30px);
	background:
		radial-gradient(1200px 560px at 10% -10%, #6e3f9f33 0%, #00000000 45%),
		radial-gradient(780px 460px at 92% 0%, #d9a65724 0%, #00000000 48%),
		linear-gradient(145deg, var(--gmz-bg-0), var(--gmz-bg-1) 42%, var(--gmz-bg-2));
	box-shadow: inset 0 1px 0 #ffffff0a, var(--gmz-shadow-2);
	max-width: 1220px;
	margin: 0 auto 24px;
}

[data-giftmuzic-create] * {
	box-sizing: border-box;
}

[data-giftmuzic-create] h2,
[data-giftmuzic-create] h3,
[data-giftmuzic-create] h4,
[data-giftmuzic-create] summary {
	font-family: "Cinzel", "Cormorant Garamond", "Times New Roman", serif;
	letter-spacing: 0.02em;
	color: #fff5df;
}

[data-giftmuzic-create] p,
[data-giftmuzic-create] small,
[data-giftmuzic-create] label,
[data-giftmuzic-create] li,
[data-giftmuzic-create] strong,
[data-giftmuzic-create] span,
[data-giftmuzic-create] div {
	color: var(--gmz-text);
}

.giftmuzic-create-shell,
.giftmuzic-create-wizard {
	border: 1px solid var(--gmz-border);
	border-radius: var(--gmz-radius-lg);
	padding: clamp(14px, 1.8vw, 24px);
	background: var(--gmz-surface);
	box-shadow: inset 0 1px 0 #ffffff12, var(--gmz-shadow-1);
}

.giftmuzic-create-shell {
	margin-bottom: 14px;
}

.giftmuzic-create-hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding: clamp(14px, 1.9vw, 24px);
	border-radius: 20px;
	border: 1px solid #6d4d8a;
	background:
		linear-gradient(96deg, #ffda9c29 0%, #00000000 35%),
		linear-gradient(160deg, #24192f 0%, #161121 100%);
	margin-bottom: 14px;
	position: relative;
	overflow: hidden;
}

.giftmuzic-create-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, #00000000 0%, #ffe2b7b0 45%, #00000000 100%);
}

.giftmuzic-create-title {
	margin: 0;
	font-size: clamp(28px, 3.2vw, 42px);
	line-height: 1.08;
}

.giftmuzic-create-subtitle {
	margin: 8px 0 0;
	max-width: 800px;
	color: var(--gmz-text-muted);
	font-size: clamp(14px, 1.25vw, 16px);
}

.giftmuzic-create-top-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.giftmuzic-plan-panel-inline,
.giftmuzic-template-loaded .giftmuzic-panel {
	height: 100%;
	border-radius: var(--gmz-radius-md);
	border: 1px solid var(--gmz-border);
	padding: 14px 16px;
	background: var(--gmz-surface-soft);
	box-shadow: inset 0 1px 0 #ffffff12;
}

.giftmuzic-template-loaded .giftmuzic-panel {
	background:
		radial-gradient(420px 280px at 92% 0%, #f0be6f1f 0%, #00000000 56%),
		var(--gmz-surface-elevated);
	border-color: #745582;
}

.giftmuzic-template-name-note {
	background: #1a1324;
	border-color: #4a385f;
	color: #f4e7d2;
}

.giftmuzic-template-details summary {
	cursor: pointer;
	font-size: 13px;
	color: var(--gmz-accent-glow);
}

.giftmuzic-flow-state {
	gap: 10px;
}

.giftmuzic-flow-chip,
.giftmuzic-step-chip,
.giftmuzic-status-pill {
	border-radius: 999px;
	border: 1px solid #5f476f;
	background: linear-gradient(150deg, #241a31 0%, #1a1325 100%);
	color: var(--gmz-text-muted);
	padding: 7px 13px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.giftmuzic-flow-chip.ok,
.giftmuzic-status-pill.ok {
	background: linear-gradient(145deg, #1b3f36 0%, #143028 100%);
	border-color: #3f8d74;
	color: #baf4df !important;
}

.giftmuzic-flow-chip.pending,
.giftmuzic-status-pill.pending {
	background: linear-gradient(145deg, #433318 0%, #2c220f 100%);
	border-color: #9d7d42;
	color: #ffe5b0 !important;
}

.giftmuzic-flow-chip.processing {
	background: linear-gradient(145deg, #50335d 0%, #33203f 100%);
	border-color: #9c69b6;
	color: #f1d6ff;
}

.giftmuzic-inline-status,
.giftmuzic-upgrade-cta p {
	border-radius: var(--gmz-radius-sm);
	padding: 12px 14px;
	border: 1px solid #5b4572;
	background: #1a1325;
	color: var(--gmz-text) !important;
}

.giftmuzic-inline-status.success {
	background: #143328;
	border-color: #33785f;
	color: #bef6df !important;
}

.giftmuzic-inline-status.error {
	background: #3b1823;
	border-color: #a84a63;
	color: #ffc6d2 !important;
}

.giftmuzic-inline-status.info {
	background: #1a1f42;
	border-color: #5763b0;
	color: #ccd4ff !important;
}

.giftmuzic-upgrade-cta .giftmuzic-btn {
	margin-left: 10px;
}

.giftmuzic-progress-wrap {
	padding: 10px 12px;
	border-radius: 14px;
	border: 1px solid var(--gmz-border);
	background: #151020;
	margin-bottom: 14px;
}

.giftmuzic-progress-label {
	color: var(--gmz-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.giftmuzic-progress {
	height: 11px;
	background: #241a33;
	border: 1px solid #3c2b50;
	border-radius: 999px;
}

.giftmuzic-progress span {
	background: linear-gradient(90deg, #8d5cbb 0%, #dcac60 48%, #f7dfad 100%);
	box-shadow: 0 0 14px #f4bf6399;
}

.giftmuzic-step-nav {
	gap: 10px;
	margin-bottom: 14px;
}

.giftmuzic-step-chip {
	min-width: 38px;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.giftmuzic-step-chip.active {
	background: linear-gradient(145deg, #f3c777 0%, #b6813f 100%);
	border-color: #f6d79f;
	color: #241602;
	box-shadow: 0 0 0 1px #f5d9a6, 0 10px 22px #ca9a4f59;
}

.giftmuzic-step-chip:hover {
	transform: translateY(-1px);
}

.giftmuzic-step-body,
.giftmuzic-step-staging .giftmuzic-panel,
.giftmuzic-step-review {
	border-radius: var(--gmz-radius-md);
	border: 1px solid var(--gmz-border);
	background: var(--gmz-surface-soft);
	box-shadow: inset 0 1px 0 #ffffff12;
}

.giftmuzic-step-body {
	padding: clamp(14px, 1.5vw, 20px);
	margin-bottom: 12px;
}

.giftmuzic-step-review {
	border-style: solid;
	padding: 12px 14px;
	color: var(--gmz-text-muted);
}

.giftmuzic-step-body label,
.giftmuzic-panel label {
	color: #ffedcd;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 12px;
}

.giftmuzic-step-body input[type="text"],
.giftmuzic-step-body input[type="email"],
.giftmuzic-step-body input[type="datetime-local"],
.giftmuzic-step-body select,
.giftmuzic-step-body textarea,
.giftmuzic-panel input[type="text"],
.giftmuzic-panel input[type="email"],
.giftmuzic-panel input[type="datetime-local"],
.giftmuzic-panel textarea,
.giftmuzic-panel select {
	padding: 11px 12px;
	border-radius: 12px;
	border: 1px solid #624a7b;
	background: #110c19;
	color: var(--gmz-text);
	box-shadow: inset 0 1px 2px #0000004f;
}

.giftmuzic-step-body input::placeholder,
.giftmuzic-step-body textarea::placeholder,
.giftmuzic-panel input::placeholder,
.giftmuzic-panel textarea::placeholder {
	color: var(--gmz-text-faint);
}

.giftmuzic-step-body input:focus,
.giftmuzic-step-body textarea:focus,
.giftmuzic-step-body select:focus,
.giftmuzic-panel input:focus,
.giftmuzic-panel textarea:focus,
.giftmuzic-panel select:focus,
.giftmuzic-btn:focus-visible,
.giftmuzic-step-chip:focus-visible,
.giftmuzic-card-btn:focus-visible,
.giftmuzic-tag:focus-visible {
	outline: 2px solid #f0c87b;
	outline-offset: 2px;
	border-color: #d4a860;
	box-shadow: 0 0 0 4px #f7cb7d30, inset 0 1px 2px #0000004f;
}

[data-giftmuzic-create] input[type="checkbox"] {
	accent-color: #d9ad62;
}

.giftmuzic-input-help,
.giftmuzic-inline-controls small,
.giftmuzic-voice-diagnostics-note,
.giftmuzic-poll-meta {
	color: var(--gmz-text-faint) !important;
}

.giftmuzic-btn {
	background: linear-gradient(145deg, #f4cb81 0%, #d5a35e 38%, #aa7837 100%);
	border-color: #f3d39e;
	color: #231400;
	box-shadow: 0 10px 18px #bb874c4a;
	padding: 11px 18px;
	font-weight: 800;
	letter-spacing: 0.01em;
	transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}

.giftmuzic-btn-alt {
	background: linear-gradient(145deg, #3a2851 0%, #271a38 100%);
	border-color: #654a85;
	color: #f4ebff;
}

.giftmuzic-btn-danger {
	background: linear-gradient(145deg, #7a2138 0%, #591326 100%);
	border-color: #ae4f69;
	color: #ffe1e9;
}

.giftmuzic-btn:hover,
.giftmuzic-btn:focus {
	transform: translateY(-1px);
	filter: brightness(1.04);
	box-shadow: 0 14px 22px #bb874c66;
}

.giftmuzic-step-actions {
	gap: 10px;
	margin: 16px 0;
}

.giftmuzic-step-staging {
	margin-top: 14px;
}

.giftmuzic-step-staging .giftmuzic-panel {
	margin: 0 0 12px;
	padding: 14px;
}

.giftmuzic-delivery-grid {
	gap: 12px;
}

.giftmuzic-delivery-preview,
[data-giftmuzic-delivery-output],
.giftmuzic-result-card,
.giftmuzic-autofill-suggestion,
.giftmuzic-qaf-section-controls,
.giftmuzic-voice-diagnostics-box,
.giftmuzic-template-product-panel {
	background: #191225;
	border: 1px solid var(--gmz-border);
	border-radius: 14px;
	box-shadow: inset 0 1px 0 #ffffff0f;
}

.giftmuzic-result-card pre,
.giftmuzic-delivery-preview pre,
.giftmuzic-log,
[data-giftmuzic-delivery-output] pre {
	background: #0f0b17;
	border: 1px solid #3e2f53;
	color: #f1e7ff !important;
	border-radius: 12px;
}

.giftmuzic-log {
	margin-top: 14px;
	padding: 14px;
	min-height: 140px;
}

.giftmuzic-card-btn {
	background: linear-gradient(145deg, #f4cb80 0%, #bf8d4f 100%);
	border-color: #f4d6a8;
	color: #231400;
}

.giftmuzic-card-btn.giftmuzic-card-btn-subtle {
	background: linear-gradient(145deg, #2a1f3a 0%, #1d1629 100%);
	border-color: #5a4374;
	color: #e8d7fb;
}

.giftmuzic-select-btn.is-selected {
	background: linear-gradient(145deg, #2f7f64 0%, #1f5a47 100%);
	border-color: #6bcfa9;
	color: #f3fff9;
}

.giftmuzic-status-pill.error {
	background: linear-gradient(145deg, #5d2134 0%, #3c1320 100%);
	border-color: #b44f6b;
	color: #ffc9d7 !important;
}

.giftmuzic-block-note {
	color: #ffb4c5;
}

.giftmuzic-policy-link {
	color: #ffd79d;
}

.giftmuzic-policy-link:hover,
.giftmuzic-policy-link:focus {
	color: #fff0d3;
}

.giftmuzic-tag {
	background: #2a1f3a;
	border: 1px solid #58426f;
	color: #e4d2fb;
}

.giftmuzic-tag:hover,
.giftmuzic-tag:focus {
	background: #37274e;
	color: #f3e9ff;
}

.giftmuzic-create-auth {
	border: 1px solid var(--gmz-border);
	border-radius: 18px;
	padding: 14px;
	background: var(--gmz-surface);
}

@media (max-width: 980px) {
	.giftmuzic-create-top-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	[data-giftmuzic-create] {
		border-radius: 20px;
		padding: 14px;
	}

	.giftmuzic-create-shell,
	.giftmuzic-create-wizard,
	.giftmuzic-step-body {
		border-radius: 16px;
		padding: 12px;
	}

	.giftmuzic-step-actions-main .giftmuzic-btn-new-draft {
		margin-left: 0;
	}

	.giftmuzic-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Reference fidelity pass: align create flow closely to approved mockup composition. */
[data-giftmuzic-create] {
	--gmz-bg-0: #ece7e5;
	--gmz-bg-1: #f3efed;
	--gmz-bg-2: #e7e0dd;
	--gmz-surface: #efebea;
	--gmz-surface-soft: #f4f1f0;
	--gmz-surface-elevated: #ffffff;
	--gmz-border: #e7dfeb;
	--gmz-border-soft: #dfd6ea;
	--gmz-accent: #7d2fe3;
	--gmz-accent-2: #f0b95a;
	--gmz-accent-glow: #a14cff;
	--gmz-text: #2b2452;
	--gmz-text-muted: #5f5787;
	--gmz-text-faint: #7d75a6;
	--gmz-success: #27a87f;
	--gmz-warning: #f0be64;
	--gmz-error: #d15a82;
	--gmz-info: #5f65d4;
	--gmz-shadow-1: 0 18px 44px #40285a1c;
	--gmz-shadow-2: 0 32px 74px #2e1b431f;
	color: var(--gmz-text);
	position: relative;
	border-radius: 18px;
	padding: clamp(24px, 2.2vw, 34px);
	padding-bottom: clamp(84px, 7.2vw, 116px);
	border-color: #ece4f1;
	background:
		radial-gradient(620px 230px at 82% 5%, #f9f5ff 0%, #00000000 70%),
		linear-gradient(180deg, #f2eeed 0%, #efe9e7 78%, #2b1a59 78.2%, #281752 100%);
	overflow: hidden;
}

[data-giftmuzic-create]::before {
	content: "";
	position: absolute;
	right: 26px;
	top: 20px;
	width: min(42vw, 560px);
	height: min(18vw, 240px);
	pointer-events: none;
	background:
		radial-gradient(circle at 24% 35%, #9f4af9 0 2px, #00000000 3px),
		radial-gradient(circle at 73% 30%, #f1be65 0 2px, #00000000 3px),
		radial-gradient(circle at 58% 80%, #f1be65 0 2px, #00000000 3px),
		repeating-radial-gradient(120% 120% at 58% 60%, #00000000 0 7px, #b45af019 7px 9px),
		linear-gradient(100deg, #00000000 8%, #b261ff4f 42%, #f8b86257 82%, #00000000 100%);
	filter: saturate(1.2);
	opacity: 0.9;
}

.giftmuzic-create-shell {
	border: 1px solid #f2ebf8;
	border-radius: 20px;
	background: #f3efed;
	padding: 0;
	box-shadow: none;
	margin-bottom: 12px;
	position: relative;
	z-index: 2;
}

.giftmuzic-create-shell::after {
	content: "";
	display: block;
	height: 12px;
	margin: 8px 12px 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #c896ff 0%, #f4cf89 18%, #ece0f2 18.5%, #ece0f2 100%);
}

.giftmuzic-create-hero {
	border-radius: 20px;
	border: 0;
	background: #f3efed;
	padding: 2px 2px 0;
	margin: 0 0 6px;
}

.giftmuzic-create-title {
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	font-size: clamp(54px, 4.8vw, 72px);
	letter-spacing: -0.01em;
	line-height: 0.98;
	margin: 0 0 8px;
	color: transparent !important;
	background-image: linear-gradient(90deg, #2b2452 0%, #6e2ad3 42%, #f086b9 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.giftmuzic-create-subtitle {
	color: #4f467b;
	font-size: clamp(14px, 1.2vw, 16px);
	margin-top: 4px;
}

.giftmuzic-flow-state {
	gap: 10px;
	padding-top: 2px;
}

.giftmuzic-flow-chip {
	border: 1px solid #e8dff0;
	box-shadow: none;
	padding: 9px 17px;
	font-size: 13px;
	font-weight: 700;
	color: #3d3469;
	background: #efe8f7;
}

.giftmuzic-flow-chip.ok {
	background: #cbeee4;
	border-color: #b0dfd0;
	color: #1e785f !important;
}

.giftmuzic-flow-chip.pending {
	background: #f4e8d7;
	border-color: #edd9be;
	color: #7b5a23 !important;
}

.giftmuzic-flow-chip.processing {
	background: #e8ddf5;
	border-color: #dccdf1;
	color: #6632ba;
}

.giftmuzic-create-top-grid {
	grid-template-columns: 1fr;
	gap: 12px;
	margin: 0;
}

.giftmuzic-plan-panel-inline {
	border: 1px solid #e4dde9;
	background: #f7f5f8;
	border-radius: 18px;
	padding: 18px 20px;
}

.giftmuzic-plan-panel-inline p:first-child strong {
	font-size: 20px;
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	font-weight: 700;
}

.giftmuzic-template-loaded .giftmuzic-panel {
	position: relative;
	overflow: hidden;
	background: linear-gradient(114deg, #3b1584 0%, #2d1367 42%, #271658 100%);
	border: 1px solid #7e43d9;
	border-radius: 22px;
	padding: 26px 24px 14px 180px;
	box-shadow: 0 26px 54px #49258533;
}

.giftmuzic-template-loaded .giftmuzic-panel::before {
	content: "♫";
	position: absolute;
	left: 28px;
	top: 52px;
	width: 86px;
	height: 86px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	font-size: 42px;
	line-height: 1;
	font-weight: 700;
	color: #f9e9ff;
	background: radial-gradient(circle at 26% 22%, #ff95d6 0%, #7f32ef 62%, #5320aa 100%);
	border: 1px solid #b27bff;
	box-shadow: inset 0 1px 0 #ffffff8f, 0 18px 34px #2a0c5550;
}

.giftmuzic-template-loaded .giftmuzic-panel::after {
	content: "";
	position: absolute;
	right: -40px;
	bottom: -38px;
	width: min(54%, 520px);
	height: 72%;
	background:
		repeating-radial-gradient(circle at 20% 60%, #00000000 0 14px, #f4bb7e17 14px 16px),
		linear-gradient(126deg, #00000000 12%, #f7c56f45 44%, #b85cff2e 74%, #00000000 100%);
	opacity: 0.9;
	pointer-events: none;
}

.giftmuzic-template-loaded h3 {
	font-size: clamp(34px, 2.9vw, 46px);
	margin: 0 0 8px;
	color: #f7eac9;
}

.giftmuzic-template-loaded p,
.giftmuzic-template-loaded strong,
.giftmuzic-template-loaded li,
.giftmuzic-template-loaded summary {
	color: #f4ebff !important;
}

.giftmuzic-template-details {
	margin: 10px 0;
}

.giftmuzic-template-details summary {
	font-weight: 700;
	text-decoration: none;
	color: #ffdba1 !important;
}

.giftmuzic-template-name-note {
	background: #31186b;
	border: 1px solid #6033ba;
	color: #e9dbff;
	border-radius: 12px;
}

.giftmuzic-inline-status {
	border-radius: 12px;
	padding: 12px 14px;
}

.giftmuzic-inline-status.success {
	background: #cae6dc;
	border-color: #8ecfb7;
	color: #234e45 !important;
}

.giftmuzic-create-wizard {
	background: #ede7e4;
	border: 0;
	box-shadow: none;
	padding: 8px 0 0;
}

.giftmuzic-progress-wrap {
	padding: 0;
	border: 0;
	background: transparent;
}

.giftmuzic-progress-label {
	color: #2f2758;
	font-size: clamp(30px, 2.7vw, 44px);
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	margin-bottom: 8px;
}

.giftmuzic-progress {
	height: 11px;
	border: 0;
	background: #e6dbe6;
}

.giftmuzic-progress span {
	background: linear-gradient(90deg, #8d39f3 0%, #be75ff 62%, #f1ca86 100%);
	box-shadow: none;
}

.giftmuzic-step-nav {
	gap: 14px;
	margin: 10px 0 14px;
}

.giftmuzic-step-chip {
	min-width: 48px;
	min-height: 48px;
	border: 1px solid #ddd2e7;
	background: #f7f4f7;
	color: #544b80;
	font-size: 20px;
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	font-weight: 700;
}

.giftmuzic-step-chip.active {
	border-color: #bf82ff;
	background: radial-gradient(circle at 25% 20%, #c08cff 0%, #8f3ff4 70%, #6f22d4 100%);
	color: #ffffff;
	box-shadow: 0 10px 20px #7a31d548;
}

.giftmuzic-step-body {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 0;
	margin-bottom: 12px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.giftmuzic-step-body > label,
.giftmuzic-step-body > .giftmuzic-qaf-section-controls,
.giftmuzic-step-body > .giftmuzic-template-name-note {
	background: #f8f6fb;
	border: 1px solid #e2d9ea;
	border-radius: 18px;
	padding: 16px 16px 14px;
	margin: 0;
}

.giftmuzic-step-body > .giftmuzic-qaf-section-controls,
.giftmuzic-step-body > .giftmuzic-template-name-note {
	grid-column: 1 / -1;
}

.giftmuzic-step-body > label:has(textarea),
.giftmuzic-step-body > label:has(.giftmuzic-multi-grid),
.giftmuzic-step-body > .giftmuzic-reveal-section,
.giftmuzic-step-body > .giftmuzic-voice-upload-wrap {
	grid-column: 1 / -1;
}

.giftmuzic-step-body label,
.giftmuzic-panel label {
	color: #2f2758;
	font-size: 16px;
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	font-weight: 700;
}

.giftmuzic-step-body input[type="text"],
.giftmuzic-step-body input[type="email"],
.giftmuzic-step-body input[type="datetime-local"],
.giftmuzic-step-body select,
.giftmuzic-step-body textarea,
.giftmuzic-panel input[type="text"],
.giftmuzic-panel input[type="email"],
.giftmuzic-panel input[type="datetime-local"],
.giftmuzic-panel textarea,
.giftmuzic-panel select {
	border: 1px solid #ddd6e7;
	background: #f2f0f5;
	color: #2e2758;
	border-radius: 14px;
	padding: 14px 15px;
	box-shadow: inset 0 1px 2px #ffffff;
}

.giftmuzic-step-body input::placeholder,
.giftmuzic-step-body textarea::placeholder,
.giftmuzic-panel input::placeholder,
.giftmuzic-panel textarea::placeholder {
	color: #7d74a4;
}

.giftmuzic-step-review {
	background: #f9f7fc;
	border: 1px solid #e3dceb;
	border-radius: 16px;
	color: #352d61;
}

.giftmuzic-step-actions {
	margin-top: 12px;
}

.giftmuzic-step-actions .giftmuzic-btn {
	min-height: 58px;
	padding: 14px 30px;
	font-size: 18px;
	font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
	font-weight: 700;
}

.giftmuzic-step-actions .giftmuzic-btn,
.giftmuzic-step-actions .giftmuzic-btn:hover,
.giftmuzic-step-actions .giftmuzic-btn:focus {
	box-shadow: 0 14px 28px #3a265a2b;
}

.giftmuzic-step-actions-main .giftmuzic-btn:first-child {
	background: #efedf0;
	border-color: #dfd7e7;
	color: #3f356d;
}

.giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-alt {
	background: linear-gradient(100deg, #241650 0%, #3d2570 60%, #5f3f8b 100%);
	border-color: #4d3185;
	color: #ffffff;
}

.giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-danger {
	background: linear-gradient(100deg, #da569f 0%, #b73df0 100%);
	border-color: #cb68f3;
	color: #ffffff;
}

.giftmuzic-qaf-section-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.giftmuzic-qaf-section-controls .giftmuzic-btn {
	min-height: 46px;
	padding: 10px 18px;
	font-size: 14px;
}

.giftmuzic-log {
	background: #201245;
	border: 1px solid #4e3392;
	color: #f5edff !important;
	border-radius: 14px;
}

@media (max-width: 980px) {
	[data-giftmuzic-create] {
		padding-bottom: 74px;
	}

	[data-giftmuzic-create]::before {
		width: 50vw;
		height: 24vw;
		opacity: 0.55;
	}

	.giftmuzic-template-loaded .giftmuzic-panel {
		padding-left: 24px;
	}

	.giftmuzic-template-loaded .giftmuzic-panel::before {
		display: none;
	}

	.giftmuzic-step-body {
		grid-template-columns: 1fr;
	}

	.giftmuzic-step-body > label,
	.giftmuzic-step-body > .giftmuzic-qaf-section-controls,
	.giftmuzic-step-body > .giftmuzic-template-name-note,
	.giftmuzic-step-body > label:has(textarea),
	.giftmuzic-step-body > label:has(.giftmuzic-multi-grid) {
		grid-column: auto;
	}
}

@media (max-width: 760px) {
	.giftmuzic-create-title {
		font-size: clamp(38px, 11vw, 58px);
	}

	.giftmuzic-progress-label {
		font-size: clamp(22px, 8vw, 34px);
	}

	.giftmuzic-step-chip {
		min-width: 40px;
		min-height: 40px;
		font-size: 17px;
	}

	.giftmuzic-step-actions .giftmuzic-btn {
		font-size: 16px;
		min-height: 52px;
	}
}

/* ===== Precision dark luxury override: closer to approved Image 1 ===== */
[data-giftmuzic-create].giftmuzic-create-app {
	--gm-bg-0: #070608;
	--gm-bg-1: #0b0910;
	--gm-surface-1: #100b16;
	--gm-surface-2: #16101d;
	--gm-surface-3: #0d0913;
	--gm-line: rgba(183, 132, 60, 0.38);
	--gm-line-soft: rgba(163, 120, 53, 0.22);
	--gm-gold: #d7a64a;
	--gm-gold-2: #f0cc7a;
	--gm-text: #f5ead6;
	--gm-text-soft: rgba(240, 230, 212, 0.82);
	--gm-muted: rgba(218, 201, 172, 0.62);
	--gm-success: #2b8f64;
	--gm-shadow: 0 26px 70px rgba(0,0,0,0.55);
	max-width: 1180px;
	margin: 26px auto;
	padding: 34px;
	background:
		radial-gradient(circle at 14% 18%, rgba(165,108,39,0.16), transparent 28%),
		radial-gradient(circle at 62% 28%, rgba(222,171,83,0.11), transparent 22%),
		radial-gradient(circle at 88% 22%, rgba(237,180,74,0.09), transparent 15%),
		linear-gradient(145deg, #09070b 0%, #0c0910 48%, #08070a 100%);
	border: 1px solid rgba(160, 115, 49, 0.34);
	border-radius: 34px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), var(--gm-shadow);
	position: relative;
	overflow: hidden;
	color: var(--gm-text);
}

[data-giftmuzic-create].giftmuzic-create-app::before,
[data-giftmuzic-create].giftmuzic-create-app::after {
	content: "";
	position: absolute;
	inset: 16px;
	border-radius: 28px;
	pointer-events: none;
}

[data-giftmuzic-create].giftmuzic-create-app::before {
	border: 1px solid rgba(138, 95, 35, 0.22);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

[data-giftmuzic-create].giftmuzic-create-app::after {
	inset: auto 0 -40px 0;
	height: 220px;
	background:
		radial-gradient(circle at 10% 70%, rgba(215,166,74,0.35), transparent 26%),
		radial-gradient(circle at 90% 10%, rgba(215,166,74,0.18), transparent 22%),
		radial-gradient(circle at 88% 30%, rgba(244,212,136,0.15), transparent 10%);
	opacity: 0.7;
}

[data-giftmuzic-create] .giftmuzic-create-shell,
[data-giftmuzic-create] .giftmuzic-create-wizard {
	background: linear-gradient(180deg, rgba(16,11,22,0.96), rgba(11,8,15,0.98));
	border: 1px solid rgba(146, 104, 40, 0.34);
	border-radius: 28px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 16px 40px rgba(0,0,0,0.38);
	padding: 34px 34px 28px;
	margin: 0 0 16px;
	position: relative;
	overflow: hidden;
}

[data-giftmuzic-create] .giftmuzic-create-shell::before,
[data-giftmuzic-create] .giftmuzic-create-wizard::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent, rgba(212,167,76,0.10), transparent 72%),
		radial-gradient(circle at 88% 22%, rgba(227,185,98,0.12), transparent 20%);
	pointer-events: none;
}

[data-giftmuzic-create] .giftmuzic-create-hero {
	background: linear-gradient(180deg, rgba(35,22,34,0.48), rgba(14,9,18,0.16));
	border: 1px solid rgba(144, 103, 38, 0.36);
	border-radius: 26px;
	padding: 26px 28px 24px;
	margin: 0 0 20px;
	position: relative;
}

[data-giftmuzic-create] .giftmuzic-create-hero::after {
	content: "";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(208,160,71,0), rgba(208,160,71,0.52), rgba(208,160,71,0));
	opacity: 0.65;
}

[data-giftmuzic-create] .giftmuzic-create-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4.6vw, 70px);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: -0.02em;
	margin: 0 0 14px;
	background: linear-gradient(180deg, #f8e7ba 0%, #e7bf71 48%, #bb7f34 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	text-shadow: 0 0 22px rgba(232, 187, 96, 0.12);
}

[data-giftmuzic-create] .giftmuzic-create-subtitle {
	color: var(--gm-text-soft) !important;
	font-size: 15px;
	margin: 0 0 18px;
	max-width: 760px;
}

[data-giftmuzic-create] .giftmuzic-flow-state {
	gap: 12px;
	margin: 0 0 22px;
}

[data-giftmuzic-create] .giftmuzic-flow-chip {
	padding: 9px 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	background: linear-gradient(180deg, rgba(45,33,18,0.85), rgba(25,18,11,0.95));
	border: 1px solid rgba(182, 128, 41, 0.42);
	color: #efdfa8;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 18px rgba(0,0,0,0.3);
}
[data-giftmuzic-create] .giftmuzic-flow-chip.ok {
	background: linear-gradient(180deg, rgba(13,95,72,0.95), rgba(9,62,48,0.95));
	border-color: rgba(74, 169, 129, 0.42);
	color: #d7f3e8 !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.processing {
	background: linear-gradient(180deg, rgba(22,72,110,0.96), rgba(12,41,64,0.96));
	border-color: rgba(77, 139, 197, 0.4);
	color: #ddefff !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.pending {
	background: linear-gradient(180deg, rgba(97,44,35,0.95), rgba(58,23,18,0.95));
	border-color: rgba(199, 108, 86, 0.42);
	color: #ffd5c4 !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel {
	padding-top: 2px;
	max-width: 420px;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel,
[data-giftmuzic-create] .giftmuzic-subscription-panel p,
[data-giftmuzic-create] .giftmuzic-subscription-panel strong,
[data-giftmuzic-create] .giftmuzic-subscription-panel small {
	color: var(--gm-text) !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p {
	margin: 0 0 14px;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:first-child {
	font-size: 18px;
	font-weight: 700;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3) strong {
	font-size: 18px;
}

[data-giftmuzic-create] .giftmuzic-template-loaded {
	margin: 0 0 14px;
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
	padding: 20px 20px 18px;
	min-height: 0;
	border-radius: 22px;
	border: 1px solid rgba(180, 130, 46, 0.5);
	background:
		radial-gradient(circle at 72% 56%, rgba(233,190,96,0.13), transparent 24%),
		radial-gradient(circle at 86% 24%, rgba(237,194,106,0.18), transparent 16%),
		linear-gradient(180deg, rgba(41,31,21,0.28), rgba(16,11,17,0.12)),
		linear-gradient(180deg, #141014 0%, #0c0a0f 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 26px 46px rgba(0,0,0,0.34);
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before,
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
	display: none;
}
[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 3vw, 52px);
	line-height: 1;
	color: #f3cf84 !important;
	margin: 0 0 16px;
}
[data-giftmuzic-create] .giftmuzic-template-loaded p,
[data-giftmuzic-create] .giftmuzic-template-loaded strong,
[data-giftmuzic-create] .giftmuzic-template-loaded li,
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-input-help {
	color: var(--gm-text-soft) !important;
	font-size: 14px;
}
[data-giftmuzic-create] .giftmuzic-template-loaded strong { color: #ffffff !important; }
[data-giftmuzic-create] .giftmuzic-template-details summary { color: #e8be6d !important; }

[data-giftmuzic-create] .giftmuzic-inline-status,
[data-giftmuzic-create] .giftmuzic-upgrade-cta p,
[data-giftmuzic-create] .giftmuzic-step-review {
	background: linear-gradient(180deg, rgba(19,26,20,0.96), rgba(14,18,15,0.96));
	border: 1px solid rgba(99, 141, 107, 0.34);
	border-radius: 12px;
	padding: 12px 14px;
	color: #d6efdb !important;
}

[data-giftmuzic-create] .giftmuzic-progress-wrap {
	margin: 0 0 18px;
}
[data-giftmuzic-create] .giftmuzic-progress-label {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 14px;
	font-weight: 800;
	color: #f4ead4 !important;
	margin-bottom: 12px;
}
[data-giftmuzic-create] .giftmuzic-progress {
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(180deg, #2d193d, #21112d);
	border: 1px solid rgba(112, 66, 138, 0.42);
	overflow: hidden;
}
[data-giftmuzic-create] .giftmuzic-progress span {
	background: linear-gradient(90deg, #f3d38a 0%, #daa240 75%, #8f5920 100%) !important;
	box-shadow: 0 0 18px rgba(229, 185, 88, 0.25);
}
[data-giftmuzic-create] .giftmuzic-step-nav {
	gap: 10px;
	margin: 0 0 16px;
}
[data-giftmuzic-create] .giftmuzic-step-chip {
	width: 42px;
	height: 42px;
	min-width: 42px;
	min-height: 42px;
	padding: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(23,17,30,0.96), rgba(14,10,19,0.96));
	border: 1px solid rgba(116, 81, 46, 0.45);
	color: #f3e7cf;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
[data-giftmuzic-create] .giftmuzic-step-chip.active {
	background: radial-gradient(circle at 26% 24%, #f6df9e 0%, #d3a040 52%, #8a521b 100%) !important;
	border-color: rgba(242, 198, 109, 0.88);
	color: #201106;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.48), 0 0 0 2px rgba(215,166,74,0.18), 0 10px 22px rgba(0,0,0,0.36);
}

[data-giftmuzic-create] .giftmuzic-step-body {
	display: block;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: 0 0 12px;
}
[data-giftmuzic-create] .giftmuzic-step-body > label,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-reveal-section,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-voice-upload-wrap {
	display: block;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0 0 14px;
}

[data-giftmuzic-create] .giftmuzic-qaf-section-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 16px !important;
	border: 1px solid rgba(128, 93, 42, 0.44) !important;
	border-radius: 18px !important;
	background: linear-gradient(180deg, rgba(24,17,31,0.98), rgba(16,11,22,0.98)) !important;
}
[data-giftmuzic-create] .giftmuzic-qaf-section-controls small,
[data-giftmuzic-create] .giftmuzic-input-help,
[data-giftmuzic-create] small {
	color: var(--gm-muted) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body label,
[data-giftmuzic-create] .giftmuzic-panel label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #f1ddac !important;
	margin-bottom: 8px;
}

[data-giftmuzic-create] .giftmuzic-step-body input[type="text"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="email"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-step-body select,
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel input[type="text"],
[data-giftmuzic-create] .giftmuzic-panel input[type="email"],
[data-giftmuzic-create] .giftmuzic-panel input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-panel textarea,
[data-giftmuzic-create] .giftmuzic-panel select,
[data-giftmuzic-create] [data-giftmuzic-story],
[data-giftmuzic-create] textarea,
[data-giftmuzic-create] select,
[data-giftmuzic-create] input[type="text"],
[data-giftmuzic-create] input[type="email"] {
	width: 100%;
	background: linear-gradient(180deg, rgba(12,9,15,0.98), rgba(8,6,11,0.98)) !important;
	border: 1px solid rgba(179, 132, 55, 0.55) !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	min-height: 50px;
	color: #f7efe1 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), inset 0 14px 24px rgba(255,255,255,0.01), 0 0 0 1px rgba(255,214,126,0.02) !important;
	caret-color: #f0cb78;
}
[data-giftmuzic-create] textarea {
	min-height: 136px;
	resize: vertical;
}
[data-giftmuzic-create] input::placeholder,
[data-giftmuzic-create] textarea::placeholder { color: rgba(228, 208, 171, 0.45) !important; }
[data-giftmuzic-create] input:focus,
[data-giftmuzic-create] textarea:focus,
[data-giftmuzic-create] select:focus {
	outline: none;
	border-color: rgba(244, 204, 117, 0.85) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 0 3px rgba(217,166,71,0.12), 0 0 20px rgba(217,166,71,0.08) !important;
}

[data-giftmuzic-create] .giftmuzic-multi-grid,
[data-giftmuzic-create] .giftmuzic-reveal-preview-wrap,
[data-giftmuzic-create] .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-result-card,
[data-giftmuzic-create] .giftmuzic-template-product-panel,
[data-giftmuzic-create] .giftmuzic-autofill-suggestion,
[data-giftmuzic-create] .giftmuzic-voice-diagnostics-box {
	background: linear-gradient(180deg, rgba(19,14,24,0.98), rgba(13,9,17,0.98)) !important;
	border: 1px solid rgba(128, 93, 42, 0.4) !important;
	border-radius: 18px !important;
	color: var(--gm-text-soft) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

[data-giftmuzic-create] .giftmuzic-step-actions {
	gap: 16px;
	margin-top: 16px;
}
[data-giftmuzic-create] .giftmuzic-btn {
	min-height: 52px;
	padding: 12px 24px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	border: 1px solid rgba(152, 110, 44, 0.48);
	background: linear-gradient(180deg, rgba(25,19,18,0.98), rgba(12,10,11,0.98));
	color: #fff6df;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 20px rgba(0,0,0,0.32);
}
[data-giftmuzic-create] .giftmuzic-btn:hover,
[data-giftmuzic-create] .giftmuzic-btn:focus { filter: brightness(1.06); transform: translateY(-1px); }
[data-giftmuzic-create] .giftmuzic-btn.giftmuzic-btn-alt {
	background: linear-gradient(90deg, #2f1b7d 0%, #4d2aa4 48%, #7a3ef0 100%) !important;
	border-color: rgba(142, 96, 255, 0.58) !important;
	color: #ffffff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 22px rgba(69, 39, 129, 0.34), 0 0 0 2px rgba(122,62,240,0.12) !important;
}
[data-giftmuzic-create] .giftmuzic-btn.giftmuzic-btn-danger {
	background: linear-gradient(180deg, rgba(32,25,34,0.98), rgba(15,11,18,0.98)) !important;
	color: #f7e2bd !important;
}
[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn:first-child {
	background: linear-gradient(180deg, rgba(25,21,22,0.98), rgba(10,10,11,0.98)) !important;
	color: #fff3db !important;
}

[data-giftmuzic-create] .giftmuzic-log {
	background: linear-gradient(180deg, rgba(14,10,18,0.98), rgba(9,7,12,0.98));
	border: 1px solid rgba(128, 93, 42, 0.42);
	border-radius: 20px;
	padding: 18px;
	color: #f5eddc !important;
}

@media (max-width: 900px) {
	[data-giftmuzic-create].giftmuzic-create-app { padding: 20px; }
	[data-giftmuzic-create] .giftmuzic-create-shell,
	[data-giftmuzic-create] .giftmuzic-create-wizard { padding: 20px 18px; }
	[data-giftmuzic-create] .giftmuzic-create-title { font-size: clamp(36px, 10vw, 52px); }
	[data-giftmuzic-create] .giftmuzic-qaf-section-controls { flex-direction: column; align-items: stretch; }
}

/* === Premium reference-tracing pass v3 === */
[data-giftmuzic-create] {
	--gm-bg: #070409;
	--gm-bg-2: #120814;
	--gm-card: rgba(14, 8, 18, 0.95);
	--gm-card-soft: rgba(22, 12, 26, 0.9);
	--gm-line: rgba(188, 122, 38, 0.42);
	--gm-line-soft: rgba(120, 76, 30, 0.24);
	--gm-gold: #d7ae58;
	--gm-gold-2: #f0cf84;
	--gm-text: #f6efe5;
	--gm-muted: rgba(244, 233, 215, 0.78);
	--gm-green: #0d7556;
	--gm-green-2: #1ca173;
	--gm-red: #9f4528;
	--gm-red-2: #ba6948;
	--gm-blue: #1c547a;
	--gm-blue-2: #2d7aa9;
	max-width: 1320px;
	margin: 28px auto;
	padding: 18px;
	border-radius: 34px;
	background:
		radial-gradient(circle at 58% 18%, rgba(190, 138, 60, 0.20), transparent 23%),
		radial-gradient(circle at 15% 80%, rgba(171, 102, 29, 0.12), transparent 25%),
		linear-gradient(180deg, rgba(20, 10, 28, 0.98), rgba(8, 4, 12, 0.99));
	box-shadow:
		0 26px 70px rgba(0, 0, 0, 0.34),
		inset 0 0 0 1px rgba(207, 140, 44, 0.18),
		inset 0 0 0 2px rgba(62, 29, 80, 0.42);
	position: relative;
	overflow: hidden;
}

[data-giftmuzic-create]::before,
[data-giftmuzic-create]::after {
	content: "";
	position: absolute;
	pointer-events: none;
	inset: 10px;
	border-radius: 28px;
	border: 1px solid rgba(169, 103, 33, 0.28);
}

[data-giftmuzic-create]::after {
	inset: 28px;
	border-color: rgba(104, 50, 141, 0.32);
	box-shadow: inset 0 0 40px rgba(166, 106, 28, 0.06);
}

[data-giftmuzic-create] .giftmuzic-create-shell,
[data-giftmuzic-create] .giftmuzic-create-shell-inner,
[data-giftmuzic-create] .giftmuzic-create-wizard {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

[data-giftmuzic-create] .giftmuzic-create-hero {
	position: relative;
	padding: 22px 28px 26px !important;
	margin: 10px 18px 14px !important;
	min-height: 235px;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(109, 69, 44, 0.28), rgba(11, 5, 17, 0.12) 32%, rgba(8, 3, 12, 0.04) 100%),
		linear-gradient(180deg, rgba(18, 9, 23, 0.86), rgba(10, 5, 14, 0.92));
	border: 1px solid rgba(139, 82, 31, 0.38) !important;
	box-shadow:
		inset 0 0 0 1px rgba(88, 43, 116, 0.34),
		0 18px 44px rgba(0, 0, 0, 0.22);
}

[data-giftmuzic-create] .giftmuzic-create-hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 48%;
	background: radial-gradient(circle at 12% 20%, rgba(230, 188, 121, 0.12), transparent 55%);
	pointer-events: none;
}

[data-giftmuzic-create] .giftmuzic-create-hero::after {
	content: "" !important;
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 30px;
	height: 1px;
	background: linear-gradient(90deg, rgba(145, 90, 36, 0.12), rgba(145, 90, 36, 0.7), rgba(145, 90, 36, 0.12));
}

[data-giftmuzic-create] .giftmuzic-create-title {
	margin: 0 0 14px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 6vw, 74px) !important;
	line-height: 0.94 !important;
	letter-spacing: -0.03em !important;
	font-weight: 700 !important;
	color: var(--gm-gold-2) !important;
	text-shadow: 0 1px 0 rgba(255, 236, 200, 0.08), 0 10px 28px rgba(157, 91, 29, 0.16);
	max-width: 760px;
}

[data-giftmuzic-create] .giftmuzic-create-subtitle {
	margin: 0 0 20px !important;
	max-width: 760px;
	font-size: 18px !important;
	line-height: 1.5 !important;
	color: var(--gm-muted) !important;
}

[data-giftmuzic-create] .giftmuzic-flow-state {
	gap: 14px !important;
	margin: 0 0 24px !important;
}

[data-giftmuzic-create] .giftmuzic-flow-chip {
	padding: 12px 18px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 10px 20px rgba(0,0,0,0.18);
}
[data-giftmuzic-create] .giftmuzic-flow-chip.ok {
	background: linear-gradient(180deg, rgba(13, 111, 83, 0.96), rgba(7, 76, 56, 0.96)) !important;
	color: #f1fff9 !important;
	border-color: rgba(54, 199, 152, 0.38) !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.pending {
	background: linear-gradient(180deg, rgba(86, 54, 16, 0.92), rgba(61, 40, 12, 0.96)) !important;
	color: #f3dab0 !important;
	border-color: rgba(214, 166, 80, 0.30) !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.processing {
	background: linear-gradient(180deg, rgba(30, 76, 105, 0.94), rgba(18, 55, 78, 0.98)) !important;
	color: #ecf7ff !important;
	border-color: rgba(92, 153, 196, 0.35) !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel {
	max-width: 420px;
	position: relative;
	z-index: 1;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-inline {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: var(--gm-text) !important;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-inline p {
	margin: 0 0 14px !important;
	color: var(--gm-muted) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-inline p:first-child {
	font-size: 17px !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-inline strong {
	color: var(--gm-text) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded {
	display: block;
	margin: 0 18px 14px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
	position: relative;
	overflow: hidden;
	padding: 22px 22px 18px !important;
	border-radius: 22px !important;
	background:
		linear-gradient(180deg, rgba(30, 20, 23, 0.16), rgba(0,0,0,0) 24%),
		linear-gradient(180deg, rgba(17, 11, 17, 0.96), rgba(10, 7, 11, 0.96)) !important;
	border: 1px solid rgba(201, 143, 61, 0.50) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 220, 164, 0.05),
		0 22px 38px rgba(0, 0, 0, 0.22);
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, rgba(160,95,32,0), rgba(238,194,109,0.92), rgba(160,95,32,0));
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
	content: "";
	position: absolute;
	right: -60px;
	top: 22px;
	width: 44%;
	height: 86%;
	background:
		radial-gradient(circle at 60% 54%, rgba(255, 207, 120, 0.26), transparent 33%),
		radial-gradient(circle at 68% 58%, rgba(255, 195, 95, 0.18), transparent 48%),
		linear-gradient(170deg, transparent 28%, rgba(240, 198, 103, 0.26) 44%, rgba(255,255,255,0.02) 56%, transparent 68%);
	opacity: 0.9;
	pointer-events: none;
}

[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 14px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(30px, 4vw, 50px) !important;
	line-height: 1 !important;
	color: var(--gm-gold-2) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded p,
[data-giftmuzic-create] .giftmuzic-template-loaded strong,
[data-giftmuzic-create] .giftmuzic-template-loaded li,
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-input-help {
	position: relative;
	z-index: 1;
	color: var(--gm-muted) !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded strong { color: #ffffff !important; }

[data-giftmuzic-create] .giftmuzic-inline-status,
[data-giftmuzic-create] .giftmuzic-upgrade-cta {
	margin: 0 18px 14px !important;
}

[data-giftmuzic-create] .giftmuzic-inline-status {
	padding: 12px 16px !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, rgba(19, 41, 28, 0.95), rgba(10, 24, 17, 0.95)) !important;
	color: #eaf7ef !important;
	border: 1px solid rgba(64, 153, 103, 0.36) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 10px 16px rgba(0,0,0,0.18);
}
[data-giftmuzic-create] .giftmuzic-inline-status.error {
	background: linear-gradient(180deg, rgba(62, 20, 20, 0.95), rgba(30, 9, 9, 0.95)) !important;
	color: #ffe7e5 !important;
	border-color: rgba(192, 88, 69, 0.4) !important;
}
[data-giftmuzic-create] .giftmuzic-inline-status.info,
[data-giftmuzic-create] .giftmuzic-inline-status.success {
	color: #edf7ef !important;
}

[data-giftmuzic-create] .giftmuzic-upgrade-cta p {
	background: linear-gradient(180deg, rgba(49, 35, 10, 0.92), rgba(30, 19, 6, 0.96)) !important;
	color: #f3ddb1 !important;
	border-color: rgba(202, 150, 62, 0.36) !important;
	border-radius: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-create-wizard {
	position: relative;
	margin: 0 18px 16px !important;
	padding: 0 10px 18px !important;
}

[data-giftmuzic-create] .giftmuzic-progress-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 12px 0 10px !important;
}

[data-giftmuzic-create] .giftmuzic-progress-label {
	min-width: max-content;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em !important;
	text-transform: none !important;
	color: #f5efe7 !important;
}

[data-giftmuzic-create] .giftmuzic-progress {
	flex: 1;
	height: 3px !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, rgba(110, 72, 28, 0.18), rgba(162, 116, 47, 0.55), rgba(110, 72, 28, 0.18)) !important;
	overflow: visible !important;
}

[data-giftmuzic-create] .giftmuzic-progress > span {
	height: 3px !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #b94d28, #dca34f, #f1d78d) !important;
	box-shadow: 0 0 14px rgba(224, 176, 85, 0.25);
}

[data-giftmuzic-create] .giftmuzic-step-nav {
	gap: 12px !important;
	margin: 10px 0 18px !important;
}

[data-giftmuzic-create] .giftmuzic-step-chip {
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(180deg, rgba(21, 12, 31, 0.98), rgba(14, 9, 18, 0.98)) !important;
	border: 1px solid rgba(146, 97, 43, 0.40) !important;
	color: #f2e8d8 !important;
	font-size: 21px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	box-shadow: 0 8px 18px rgba(0,0,0,0.22), inset 0 0 0 1px rgba(118, 68, 156, 0.2);
}

[data-giftmuzic-create] .giftmuzic-step-chip.active {
	background: radial-gradient(circle at 35% 30%, #f4d58f, #d79c40 60%, #8e4b1f 100%) !important;
	color: #2d1407 !important;
	border-color: rgba(255, 223, 146, 0.65) !important;
	box-shadow: 0 0 0 2px rgba(127, 76, 20, 0.26), 0 12px 24px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.45) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body,
[data-giftmuzic-create] .giftmuzic-step-review {
	position: relative;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--gm-text) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body > label,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] {
	background: linear-gradient(180deg, rgba(19, 12, 22, 0.92), rgba(8, 5, 12, 0.96)) !important;
	border: 1px solid rgba(151, 103, 47, 0.34) !important;
	border-radius: 22px !important;
	padding: 18px 18px !important;
	box-shadow: inset 0 0 0 1px rgba(122, 64, 167, 0.16), 0 16px 32px rgba(0,0,0,0.18);
	margin-bottom: 16px !important;
}

[data-giftmuzic-create] .giftmuzic-qaf-section-controls {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 16px !important;
}

[data-giftmuzic-create] .giftmuzic-qaf-section-controls small,
[data-giftmuzic-create] .giftmuzic-inline-controls small,
[data-giftmuzic-create] .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-review,
[data-giftmuzic-create] .giftmuzic-step-body small {
	color: rgba(242, 233, 219, 0.65) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body label,
[data-giftmuzic-create] .giftmuzic-panel label {
	margin-bottom: 10px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	color: #f1dfba !important;
}

[data-giftmuzic-create] .giftmuzic-step-body input[type="text"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="email"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-step-body select,
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel input[type="text"],
[data-giftmuzic-create] .giftmuzic-panel input[type="email"],
[data-giftmuzic-create] .giftmuzic-panel input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-panel textarea,
[data-giftmuzic-create] .giftmuzic-panel select {
	width: 100% !important;
	padding: 14px 16px !important;
	min-height: 54px;
	border-radius: 14px !important;
	background: linear-gradient(180deg, rgba(7, 5, 11, 0.98), rgba(13, 10, 19, 0.98)) !important;
	border: 1px solid rgba(179, 125, 46, 0.55) !important;
	color: #fff8ec !important;
	box-shadow: inset 0 0 0 1px rgba(120, 62, 163, 0.12), inset 0 8px 16px rgba(0,0,0,0.28) !important;
	appearance: none;
}

[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel textarea {
	min-height: 126px;
	resize: vertical;
}

[data-giftmuzic-create] .giftmuzic-step-body input::placeholder,
[data-giftmuzic-create] .giftmuzic-step-body textarea::placeholder,
[data-giftmuzic-create] .giftmuzic-panel input::placeholder,
[data-giftmuzic-create] .giftmuzic-panel textarea::placeholder {
	color: rgba(243, 232, 211, 0.48) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body input:focus,
[data-giftmuzic-create] .giftmuzic-step-body textarea:focus,
[data-giftmuzic-create] .giftmuzic-step-body select:focus,
[data-giftmuzic-create] .giftmuzic-panel input:focus,
[data-giftmuzic-create] .giftmuzic-panel textarea:focus,
[data-giftmuzic-create] .giftmuzic-panel select:focus {
	outline: none !important;
	border-color: rgba(255, 208, 118, 0.82) !important;
	box-shadow: 0 0 0 3px rgba(190, 142, 61, 0.16), inset 0 8px 16px rgba(0,0,0,0.3) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions {
	gap: 16px !important;
	margin: 16px 0 0 !important;
}

[data-giftmuzic-create] .giftmuzic-btn {
	min-width: 146px;
	padding: 16px 28px !important;
	border-radius: 999px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	background: linear-gradient(180deg, rgba(21, 14, 24, 0.98), rgba(8, 5, 11, 0.98)) !important;
	border: 1px solid rgba(197, 145, 69, 0.46) !important;
	color: #f7edd8 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 12px 22px rgba(0,0,0,0.24) !important;
}

[data-giftmuzic-create] .giftmuzic-btn:hover,
[data-giftmuzic-create] .giftmuzic-btn:focus {
	transform: translateY(-1px);
	background: linear-gradient(180deg, rgba(27, 18, 31, 1), rgba(10, 6, 14, 1)) !important;
	color: #fff4df !important;
}

[data-giftmuzic-create] .giftmuzic-btn-alt {
	background: linear-gradient(180deg, #f0cc79, #d89e33 58%, #9b571f) !important;
	color: #2c1507 !important;
	border-color: rgba(255, 220, 146, 0.66) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.48), 0 16px 28px rgba(0,0,0,0.28), 0 0 0 2px rgba(143, 82, 22, 0.18) !important;
}

[data-giftmuzic-create] .giftmuzic-btn-danger {
	background: linear-gradient(180deg, rgba(48, 24, 52, 0.98), rgba(18, 8, 22, 0.98)) !important;
	border-color: rgba(182, 106, 210, 0.4) !important;
	color: #f6e9ff !important;
}

[data-giftmuzic-create] .giftmuzic-btn-small {
	padding: 12px 20px !important;
	min-width: 0;
	font-size: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-log {
	margin: 16px 18px 0 !important;
	padding: 14px 16px !important;
	border-radius: 14px !important;
	background: rgba(6, 5, 10, 0.82) !important;
	border: 1px solid rgba(144, 97, 44, 0.24) !important;
	color: #dfd2ba !important;
}

@media (max-width: 900px) {
	[data-giftmuzic-create] { padding: 14px; border-radius: 24px; }
	[data-giftmuzic-create]::after { inset: 18px; }
	[data-giftmuzic-create] .giftmuzic-create-hero,
	[data-giftmuzic-create] .giftmuzic-template-loaded,
	[data-giftmuzic-create] .giftmuzic-inline-status,
	[data-giftmuzic-create] .giftmuzic-upgrade-cta,
	[data-giftmuzic-create] .giftmuzic-create-wizard,
	[data-giftmuzic-create] .giftmuzic-log { margin-left: 10px !important; margin-right: 10px !important; }
	[data-giftmuzic-create] .giftmuzic-progress-wrap { display: block; }
	[data-giftmuzic-create] .giftmuzic-progress-label { margin-bottom: 10px; }
	[data-giftmuzic-create] .giftmuzic-qaf-section-controls { flex-direction: column !important; align-items: stretch !important; }
}

/* ===== Image 1 light premium retarget ===== */
[data-giftmuzic-create].giftmuzic-create-app {
  --gm-cream: #f7f1ee;
  --gm-cream-2: #fbf7f6;
  --gm-cream-3: #efe7e4;
  --gm-ink: #332760;
  --gm-ink-2: #4b3b83;
  --gm-muted-2: #6a6184;
  --gm-purple: #7f3ef0;
  --gm-purple-2: #5e2dc8;
  --gm-pink: #e25acb;
  --gm-gold-soft: #f0c87f;
  --gm-green-soft: #dff4ec;
  --gm-green-text: #257f65;
  --gm-chip-gold: #f8edcf;
  --gm-chip-gold-text: #916127;
  --gm-chip-violet: #efe5fb;
  --gm-card-shadow: 0 18px 40px rgba(92, 61, 124, 0.08);
  background: radial-gradient(circle at top right, rgba(245, 212, 133, 0.18), transparent 28%), linear-gradient(180deg, #faf6f3 0%, #f8f1ed 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 34px !important;
  padding: 28px 28px 10px !important;
  color: var(--gm-ink) !important;
}

[data-giftmuzic-create].giftmuzic-create-app::before,
[data-giftmuzic-create].giftmuzic-create-app::after {
  display: none !important;
}

[data-giftmuzic-create] .giftmuzic-create-shell,
[data-giftmuzic-create] .giftmuzic-create-shell-inner,
[data-giftmuzic-create] .giftmuzic-create-wizard {
  background: transparent !important;
}

[data-giftmuzic-create] .giftmuzic-create-hero {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

[data-giftmuzic-create] .giftmuzic-create-hero::before,
[data-giftmuzic-create] .giftmuzic-create-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

[data-giftmuzic-create] .giftmuzic-create-hero::before {
  top: -4px;
  right: 0;
  width: min(42vw, 540px);
  height: 230px;
  background:
    radial-gradient(circle at 78% 12%, rgba(244, 212, 136, 0.8), rgba(244, 212, 136, 0.08) 4%, transparent 7%),
    radial-gradient(circle at 58% 38%, rgba(127, 62, 240, 0.95), rgba(127, 62, 240, 0.08) 6%, transparent 10%),
    radial-gradient(circle at 71% 56%, rgba(226, 90, 203, 0.82), rgba(226, 90, 203, 0.08) 5%, transparent 10%),
    radial-gradient(circle at 90% 54%, rgba(240, 200, 127, 0.9), rgba(240, 200, 127, 0.1) 4%, transparent 8%),
    radial-gradient(circle at 48% 14%, rgba(127, 62, 240, 0.88), rgba(127, 62, 240, 0.08) 4%, transparent 8%),
    repeating-radial-gradient(ellipse at 62% 48%, rgba(160, 103, 245, 0.5) 0 2px, transparent 2px 12px),
    linear-gradient(90deg, transparent 0 20%, rgba(164, 102, 245, 0.18) 35%, rgba(225, 93, 203, 0.2) 55%, rgba(240, 200, 127, 0.2) 80%, transparent 100%);
  opacity: 0.9;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000);
}

[data-giftmuzic-create] .giftmuzic-create-hero::after {
  top: 80px;
  right: 74px;
  width: min(38vw, 510px);
  height: 140px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, transparent 40%, rgba(160, 104, 244, 0.22) 42%, transparent 44%),
    linear-gradient(180deg, transparent 52%, rgba(213, 116, 210, 0.2) 54%, transparent 56%),
    linear-gradient(180deg, transparent 64%, rgba(242, 191, 122, 0.2) 66%, transparent 68%);
  transform: skewX(-16deg);
  opacity: 0.85;
}

[data-giftmuzic-create] .giftmuzic-create-title {
  margin: 0 0 10px !important;
  max-width: 760px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(52px, 6.7vw, 82px) !important;
  line-height: 0.95 !important;
  font-weight: 700 !important;
  letter-spacing: -0.045em !important;
  color: #35256a !important;
  background: linear-gradient(90deg, #30215f 0%, #39298c 28%, #8747f0 58%, #e36acc 82%, #f0be72 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

[data-giftmuzic-create] .giftmuzic-create-subtitle {
  max-width: 640px !important;
  margin: 0 0 18px !important;
  color: #5f5678 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

[data-giftmuzic-create] .giftmuzic-flow-state {
  gap: 12px !important;
  margin: 0 0 16px !important;
}

[data-giftmuzic-create] .giftmuzic-flow-chip {
  padding: 12px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(129, 104, 157, 0.14) !important;
  background: #f5efee !important;
  color: #534471 !important;
  box-shadow: none !important;
  font-size: 13px !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.ok {
  background: var(--gm-green-soft) !important;
  color: var(--gm-green-text) !important;
  border-color: rgba(37, 127, 101, 0.16) !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.pending {
  background: var(--gm-chip-gold) !important;
  color: var(--gm-chip-gold-text) !important;
  border-color: rgba(145, 97, 39, 0.14) !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip.processing {
  background: #ece2fb !important;
  color: #7d3ff0 !important;
  border-color: rgba(127, 62, 240, 0.18) !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel {
  max-width: 570px !important;
  position: relative;
  z-index: 2;
}
[data-giftmuzic-create] .giftmuzic-plan-panel-inline {
  padding: 18px 22px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(250,244,248,0.96)) !important;
  border: 1px solid rgba(129, 104, 157, 0.10) !important;
  box-shadow: var(--gm-card-shadow) !important;
}
[data-giftmuzic-create] .giftmuzic-plan-panel-inline p {
  margin: 0 0 10px !important;
  color: #61587a !important;
  font-size: 15px !important;
}
[data-giftmuzic-create] .giftmuzic-plan-panel-inline p:first-child {
  color: #3b2d73 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
[data-giftmuzic-create] .giftmuzic-plan-panel-inline p:nth-child(3) strong {
  color: #312263 !important;
  font-size: 17px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded {
  margin: 0 0 16px !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 28px 38px 28px 160px !important;
  border-radius: 26px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 90% 88%, rgba(255, 148, 112, 0.8), transparent 10%),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,0.18), transparent 1.2%),
    radial-gradient(circle at 92% 30%, rgba(255, 218, 133, 0.9), transparent 0.9%),
    radial-gradient(circle at 84% 52%, rgba(255, 218, 133, 0.9), transparent 0.9%),
    linear-gradient(110deg, rgba(26,8,75,0.97) 0%, rgba(61,23,139,0.97) 54%, rgba(151,63,167,0.95) 84%, rgba(242,145,111,0.95) 100%) !important;
  box-shadow: 0 18px 44px rgba(76, 37, 134, 0.22) !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
  content: "♫";
  position: absolute;
  left: 42px;
  top: 54px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 48px;
  color: rgba(255,255,255,0.95);
  background: radial-gradient(circle at 35% 30%, #de78ff, #8a48ff 58%, #5125c7 100%);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35), 0 12px 24px rgba(32, 13, 83, 0.28);
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
  content: "";
  position: absolute;
  inset: auto 0 0 auto;
  width: 48%;
  height: 100%;
  background:
    radial-gradient(circle at 80% 35%, rgba(255, 214, 120, 0.95), transparent 1%),
    radial-gradient(circle at 72% 52%, rgba(255, 214, 120, 0.95), transparent 1%),
    radial-gradient(circle at 86% 64%, rgba(255, 214, 120, 0.95), transparent 1%),
    linear-gradient(180deg, transparent 10%, rgba(255,255,255,0.0) 30%),
    repeating-radial-gradient(circle at 80% 52%, rgba(249, 191, 118, 0.22) 0 2px, transparent 2px 26px),
    linear-gradient(10deg, transparent 56%, rgba(255, 190, 110, 0.55) 59%, rgba(249, 141, 102, 0.0) 64%);
  opacity: 0.95;
}
[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 16px !important;
  color: #f6d38b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1 !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded p,
[data-giftmuzic-create] .giftmuzic-template-loaded li,
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-input-help {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,0.88) !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded strong { color: #ffffff !important; }
[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(2),
[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(3) {
  max-width: 460px;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(8px);
}
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded a {
  color: #ffd97b !important;
  font-weight: 700 !important;
}

[data-giftmuzic-create] .giftmuzic-inline-status,
[data-giftmuzic-create] .giftmuzic-upgrade-cta,
[data-giftmuzic-create] .giftmuzic-create-wizard,
[data-giftmuzic-create] .giftmuzic-log {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[data-giftmuzic-create] .giftmuzic-inline-status {
  padding: 14px 18px !important;
  border-radius: 14px !important;
  background: #e5f4ea !important;
  color: #2b7b63 !important;
  border: 1px solid rgba(37, 127, 101, 0.16) !important;
  box-shadow: none !important;
}
[data-giftmuzic-create] .giftmuzic-inline-status::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border-radius: 50%;
  background: #2f9b79;
  color: #fff;
  font-size: 13px;
  vertical-align: middle;
}
[data-giftmuzic-create] .giftmuzic-inline-status.error::before { content: "!"; background: #c95b5b; }

[data-giftmuzic-create] .giftmuzic-create-wizard {
  margin-top: 10px !important;
  padding: 0 0 24px !important;
  background: transparent !important;
}
[data-giftmuzic-create] .giftmuzic-progress-wrap {
  display: block !important;
  margin: 0 0 12px !important;
}
[data-giftmuzic-create] .giftmuzic-progress-label {
  margin: 0 0 10px !important;
  color: #332a5e !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
[data-giftmuzic-create] .giftmuzic-progress {
  height: 8px !important;
  background: #f1e7e4 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
[data-giftmuzic-create] .giftmuzic-progress > span {
  height: 100% !important;
  background: linear-gradient(90deg, #8d3ef0 0%, #d66adb 68%, #efc56d 100%) !important;
  box-shadow: none !important;
}
[data-giftmuzic-create] .giftmuzic-step-nav {
  gap: 14px !important;
  margin: 0 0 18px !important;
}
[data-giftmuzic-create] .giftmuzic-step-chip {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #675f84 !important;
  border: 1px solid rgba(120, 104, 153, 0.16) !important;
  box-shadow: 0 10px 24px rgba(92,61,124,0.06) !important;
  font-size: 18px !important;
  font-family: inherit !important;
}
[data-giftmuzic-create] .giftmuzic-step-chip.active {
  background: radial-gradient(circle at 35% 30%, #b464ff, #7f3ef0 64%, #5b22cb 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(127,62,240,0.28) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body,
[data-giftmuzic-create] .giftmuzic-step-review {
  background: transparent !important;
  color: var(--gm-ink) !important;
}
[data-giftmuzic-create] .giftmuzic-step-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px !important;
}
[data-giftmuzic-create] .giftmuzic-step-body > label,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] {
  background: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(252,247,247,0.96)) !important;
  border: 1px solid rgba(126, 108, 153, 0.10) !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  box-shadow: var(--gm-card-shadow) !important;
  margin: 0 !important;
}
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > label:has(textarea),
[data-giftmuzic-create] .giftmuzic-step-body > label:has(.giftmuzic-multi-grid),
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] {
  grid-column: 1 / -1;
}
[data-giftmuzic-create] .giftmuzic-qaf-section-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.76), rgba(250,245,248,0.9)) !important;
}
[data-giftmuzic-create] .giftmuzic-step-body label,
[data-giftmuzic-create] .giftmuzic-panel label {
  color: #413470 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
[data-giftmuzic-create] .giftmuzic-qaf-section-controls small,
[data-giftmuzic-create] .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body small {
  color: #8a809f !important;
}
[data-giftmuzic-create] .giftmuzic-step-body input[type="text"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="email"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-step-body select,
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel input[type="text"],
[data-giftmuzic-create] .giftmuzic-panel input[type="email"],
[data-giftmuzic-create] .giftmuzic-panel input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-panel textarea,
[data-giftmuzic-create] .giftmuzic-panel select {
  min-height: 52px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(127, 108, 154, 0.18) !important;
  background: #ffffff !important;
  color: #332760 !important;
  box-shadow: inset 0 1px 2px rgba(77, 47, 114, 0.04) !important;
}
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel textarea { min-height: 128px !important; }
[data-giftmuzic-create] .giftmuzic-step-body input::placeholder,
[data-giftmuzic-create] .giftmuzic-step-body textarea::placeholder,
[data-giftmuzic-create] .giftmuzic-panel input::placeholder,
[data-giftmuzic-create] .giftmuzic-panel textarea::placeholder {
  color: #938ba7 !important;
}
[data-giftmuzic-create] .giftmuzic-step-body input:focus,
[data-giftmuzic-create] .giftmuzic-step-body textarea:focus,
[data-giftmuzic-create] .giftmuzic-step-body select:focus,
[data-giftmuzic-create] .giftmuzic-panel input:focus,
[data-giftmuzic-create] .giftmuzic-panel textarea:focus,
[data-giftmuzic-create] .giftmuzic-panel select:focus {
  border-color: rgba(127, 62, 240, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(127, 62, 240, 0.10) !important;
}

[data-giftmuzic-create] .giftmuzic-step-review {
  margin: 16px 0 !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(126, 108, 153, 0.10) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(250,245,248,0.96)) !important;
  box-shadow: var(--gm-card-shadow) !important;
  color: #43356d !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions {
  gap: 18px !important;
  margin: 16px 0 0 !important;
}
[data-giftmuzic-create] .giftmuzic-btn {
  min-width: 138px !important;
  padding: 16px 30px !important;
  border-radius: 999px !important;
  background: #fcfbfc !important;
  color: #4d3f76 !important;
  border: 1px solid rgba(126,108,153,0.14) !important;
  box-shadow: 0 12px 26px rgba(92,61,124,0.08) !important;
}
[data-giftmuzic-create] .giftmuzic-btn:hover,
[data-giftmuzic-create] .giftmuzic-btn:focus {
  transform: translateY(-1px);
  background: #ffffff !important;
}
[data-giftmuzic-create] .giftmuzic-btn-alt {
  background: linear-gradient(90deg, #2f1b7d 0%, #4d2aa4 45%, #7a3ef0 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
[data-giftmuzic-create] .giftmuzic-btn-danger {
  background: linear-gradient(90deg, #c64fb1 0%, #d95ad0 56%, #9d52ff 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

[data-giftmuzic-create] .giftmuzic-log {
  background: #fff !important;
  color: #5f5678 !important;
  border: 1px solid rgba(126,108,153,0.10) !important;
  box-shadow: var(--gm-card-shadow) !important;
}

[data-giftmuzic-create] .giftmuzic-create-app-bottom-wave {
  display: none;
}
[data-giftmuzic-create].giftmuzic-create-app {
  background-image:
    linear-gradient(180deg, rgba(250,246,243,1) 0%, rgba(248,241,237,1) 100%),
    linear-gradient(90deg, transparent 0%, transparent 100%);
}
[data-giftmuzic-create].giftmuzic-create-app {
  position: relative;
}
[data-giftmuzic-create].giftmuzic-create-app::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 86px;
  pointer-events: none;
  background:
    radial-gradient(120% 140% at 50% -30%, rgba(255, 225, 162, 0.95) 0 18%, transparent 19%),
    linear-gradient(90deg, #28105f 0%, #3d1778 38%, #5823aa 68%, #8f46d0 100%);
  clip-path: ellipse(75% 100% at 50% 100%);
  opacity: 0.98;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
}

@media (max-width: 980px) {
  [data-giftmuzic-create].giftmuzic-create-app {
    padding: 22px 18px 14px !important;
    border-radius: 24px !important;
  }
  [data-giftmuzic-create] .giftmuzic-create-hero::before,
  [data-giftmuzic-create] .giftmuzic-create-hero::after { opacity: 0.45; }
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
    padding: 28px 24px 24px !important;
    min-height: 0;
  }
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
    position: relative;
    left: auto; top: auto; margin: 0 0 18px; width: 78px; height: 78px; font-size: 40px;
  }
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
    width: 56%;
    opacity: 0.5;
  }
  [data-giftmuzic-create] .giftmuzic-step-body {
    grid-template-columns: 1fr !important;
  }
}


/* === Image1 closeness pass v5 === */
[data-giftmuzic-create] {
  --gm-bg: #f8f2ef;
  --gm-surface: #ffffff;
  --gm-surface-2: #f7f2f5;
  --gm-border: #eadfe7;
  --gm-text: #2f2765;
  --gm-muted: #675f8e;
  --gm-purple: #5c28d7;
  --gm-purple-2: #8e3df0;
  --gm-pink: #df59cf;
  --gm-gold: #f1c56a;
  --gm-mint: #dff6ea;
  --gm-shadow: 0 10px 28px rgba(93,54,143,.08);
  color: var(--gm-text);
}
[data-giftmuzic-create] .giftmuzic-create-app,
[data-giftmuzic-create] .giftmuzic-create-shell,
[data-giftmuzic-create] .giftmuzic-create-shell-inner {
  background: linear-gradient(180deg,#fbf6f2 0%,#f7f1ee 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 30px !important;
}
[data-giftmuzic-create] .giftmuzic-create-shell { padding: 26px 26px 0 !important; }
[data-giftmuzic-create] .giftmuzic-create-shell-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0 30px !important;
  position: relative;
}
[data-giftmuzic-create] .giftmuzic-create-shell::before,
[data-giftmuzic-create] .giftmuzic-create-shell::after,
[data-giftmuzic-create] .giftmuzic-create-hero::before { display:none !important; }
[data-giftmuzic-create] .giftmuzic-create-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 560px) 1fr;
  grid-template-areas:
    "copy art"
    "flow art"
    "sub art";
  align-items: start;
  column-gap: 28px;
  row-gap: 16px;
  min-height: 255px;
  padding: 8px 6px 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  overflow: visible;
}
[data-giftmuzic-create] .giftmuzic-create-hero-copy { grid-area: copy; }
[data-giftmuzic-create] .giftmuzic-flow-state { grid-area: flow; margin: 0 0 4px !important; }
[data-giftmuzic-create] .giftmuzic-subscription-panel { grid-area: sub; }
[data-giftmuzic-create] .giftmuzic-create-hero::after {
  content: "";
  grid-area: art;
  align-self: stretch;
  justify-self: stretch;
  min-height: 210px;
  border-radius: 28px;
  background-image:
    radial-gradient(circle at 76% 46%, rgba(246,194,96,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 62% 26%, rgba(193,101,248,.8) 0 3px, transparent 4px),
    radial-gradient(circle at 50% 62%, rgba(255,179,114,.65) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 76%, rgba(252,201,115,.55) 0 2px, transparent 3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 280'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='.42' stop-color='%23d16af6' stop-opacity='.85'/%3E%3Cstop offset='.72' stop-color='%23f18cdb' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23f7ce71' stop-opacity='.82'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M90 136 C175 48 255 238 340 136 S505 55 610 126 S712 166 735 126' stroke-width='5'/%3E%3Cpath d='M86 146 C171 58 251 248 336 146 S501 65 606 136 S708 176 731 136' stroke-width='4.3' opacity='.9'/%3E%3Cpath d='M82 156 C167 68 247 258 332 156 S497 75 602 146 S704 186 727 146' stroke-width='3.6' opacity='.8'/%3E%3Cpath d='M78 166 C163 78 243 268 328 166 S493 85 598 156 S700 196 723 156' stroke-width='3.1' opacity='.7'/%3E%3Cpath d='M74 176 C159 88 239 278 324 176 S489 95 594 166 S696 206 719 166' stroke-width='2.6' opacity='.6'/%3E%3Cpath d='M70 186 C155 98 235 288 320 186 S485 105 590 176 S692 216 715 176' stroke-width='2.1' opacity='.45'/%3E%3C/g%3E%3Cg fill='%23b34dff'%3E%3Cpath d='M477 86 l14 -24 l14 24 h-11 v27 h-6 v-27z' opacity='.85'/%3E%3Ccircle cx='390' cy='108' r='5' opacity='.82'/%3E%3Ccircle cx='420' cy='86' r='4' opacity='.75'/%3E%3C/g%3E%3Cg fill='%23f5c867'%3E%3Ccircle cx='585' cy='214' r='7' opacity='.8'/%3E%3Ccircle cx='628' cy='153' r='5' opacity='.7'/%3E%3Cpath d='M682 124 l9 -15 l9 15 h-7 v17 h-4 v-17z' opacity='.8'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center,center,center,center, center right;
  background-size: auto,auto,auto,auto, 100% 100%;
  opacity: .96;
}
[data-giftmuzic-create] .giftmuzic-create-title {
  margin: 0 0 8px !important;
  max-width: 560px;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(56px, 6.1vw, 84px) !important;
  line-height: .92 !important;
  letter-spacing: -0.04em;
  font-weight: 700 !important;
  color: transparent !important;
  background: linear-gradient(90deg,#332872 0%,#4d2b96 33%,#ac4bef 67%,#ef76cb 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
[data-giftmuzic-create] .giftmuzic-create-subtitle {
  max-width: 620px;
  margin: 0;
  font-size: 17px !important;
  line-height: 1.5 !important;
  color: #584f84 !important;
}
[data-giftmuzic-create] .giftmuzic-flow-chip {
  padding: 10px 18px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 1px solid #e5d8c8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}
[data-giftmuzic-create] .giftmuzic-flow-chip.ok { background: #dff4ea !important; color:#2a9372 !important; border-color:#bfe7d4 !important; }
[data-giftmuzic-create] .giftmuzic-flow-chip.pending { background: #f7ead8 !important; color:#c26d31 !important; border-color:#edd8b8 !important; }
[data-giftmuzic-create] .giftmuzic-flow-chip.processing { background: #eddff7 !important; color:#8b37d8 !important; border-color:#e4d1f3 !important; }
[data-giftmuzic-create] .giftmuzic-subscription-panel {
  max-width: 540px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:first-child {
  margin: 0 0 16px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #332a68 !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(2) {
  margin: 0 0 18px !important;
  color: #6d658e !important;
  font-size: 13px !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 14px !important;
  padding: 18px 22px 18px 64px !important;
  min-height: 72px;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #efe5ed !important;
  box-shadow: var(--gm-shadow);
  position: relative;
  color: #44386c !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3)::before {
  content: "✦";
  position: absolute;
  left: 18px; top: 16px;
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  background: linear-gradient(180deg,#ffd98d,#f0ae45);
  box-shadow: 0 0 0 3px #fff2cf, 0 10px 18px rgba(248,185,78,.25);
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(4) {
  margin: 0 !important;
  color: #5b527c !important;
  font-size: 14px !important;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:last-child {
  margin: 14px 0 0 !important;
  color: #3ba975 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding-left: 18px;
  position: relative;
}
[data-giftmuzic-create] .giftmuzic-subscription-panel p:last-child::before {
  content: "";
  position: absolute; left: 0; top: .55em;
  width: 8px; height: 8px; border-radius: 50%; background: #2fc58f;
}
[data-giftmuzic-create] .giftmuzic-template-loaded { margin-top: 10px !important; }
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
  position: relative;
  overflow: hidden;
  padding: 36px 42px 28px 160px !important;
  border-radius: 24px !important;
  border: 0 !important;
  background: linear-gradient(90deg,#2a0f77 0%,#4218a4 55%,#a54fb5 86%,#f39a7d 100%) !important;
  box-shadow: 0 22px 44px rgba(89,42,132,.18) !important;
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
  content: "♫";
  position: absolute;
  left: 42px; top: 56px;
  width: 72px; height: 72px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 38px; color:#fff;
  background: radial-gradient(circle at 30% 30%,#ff9ce9,#a343f4 62%,#6e27d5 100%);
  box-shadow: 0 0 0 2px rgba(255,255,255,.28), 0 16px 30px rgba(98,41,174,.35);
  z-index: 2;
}
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 88% 24%, rgba(255,236,166,.9) 0 2px, transparent 4px),
    radial-gradient(circle at 84% 34%, rgba(255,239,178,.8) 0 3px, transparent 5px),
    radial-gradient(circle at 77% 54%, rgba(255,214,107,.7) 0 3px, transparent 4px),
    radial-gradient(220px 160px at 98% 100%, rgba(255,164,123,.75), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop stop-color='%23f59a65' stop-opacity='0'/%3E%3Cstop offset='.2' stop-color='%23f0b96c' stop-opacity='.18'/%3E%3Cstop offset='.45' stop-color='%23ffe17a' stop-opacity='.9'/%3E%3Cstop offset='.72' stop-color='%23f092b8' stop-opacity='.58'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23a)' stroke-linecap='round'%3E%3Cpath d='M760 258 C850 220 925 210 1000 243 S1130 317 1185 276' stroke-width='4'/%3E%3Cpath d='M736 281 C836 239 914 232 997 264 S1124 338 1183 296' stroke-width='3' opacity='.8'/%3E%3Cpath d='M710 303 C816 258 905 254 998 286 S1120 360 1180 316' stroke-width='2.3' opacity='.55'/%3E%3C/g%3E%3Cg fill='%23f5cd6d'%3E%3Cpath d='M1040 230 l10 -16 l10 16 h-8 v20 h-4 v-20z' opacity='.85'/%3E%3Cpath d='M1106 276 l8 -13 l8 13 h-6 v16 h-4 v-16z' opacity='.72'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center,center,center,center, right center;
  background-size: auto,auto,auto,auto, cover;
  pointer-events:none;
}
[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
  margin: 0 0 16px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 34px !important;
  color: #ffe79b !important;
  letter-spacing: -.02em;
  position: relative; z-index: 1;
}
[data-giftmuzic-create] .giftmuzic-template-loaded p,
[data-giftmuzic-create] .giftmuzic-template-loaded li,
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-input-help {
  color: rgba(255,255,255,.92) !important;
  position: relative; z-index: 1;
}
[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(2),
[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(3) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 12px 0 4px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(115,79,201,.48) !important;
  width: min(480px, 62%);
}
[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded a {
  color: #ffdf8a !important;
  font-weight: 700 !important;
}
[data-giftmuzic-create] .giftmuzic-inline-status {
  min-height: 48px;
  display:flex; align-items:center;
  margin: 18px 0 14px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  background: #e0f0e6 !important;
  border: 1px solid #b8dfca !important;
  color: #397f64 !important;
}
[data-giftmuzic-create] .giftmuzic-inline-status:empty { display:none !important; }
[data-giftmuzic-create] .giftmuzic-progress-wrap { margin: 0 0 10px !important; }
[data-giftmuzic-create] .giftmuzic-progress-label {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #372f6b !important;
  margin-bottom: 10px !important;
}
[data-giftmuzic-create] .giftmuzic-progress {
  height: 7px !important;
  background: linear-gradient(90deg,#f0d9d3 0%, #f0e0d4 100%) !important;
  border-radius: 999px !important;
  overflow:hidden;
}
[data-giftmuzic-create] .giftmuzic-progress span {
  background: linear-gradient(90deg,#8d3cf0 0%,#c65dee 34%,#f1c561 100%) !important;
  box-shadow: 0 0 16px rgba(184,84,240,.25);
}
[data-giftmuzic-create] .giftmuzic-step-nav {
  gap: 14px !important;
  margin: 10px 0 18px !important;
}
[data-giftmuzic-create] .giftmuzic-step-chip {
  width: 38px; height: 38px;
  padding: 0 !important;
  display:grid; place-items:center;
  border-radius: 50% !important;
  font-weight: 700 !important;
  background: #fff !important;
  border: 1px solid #e7dfe7 !important;
  color: #7a7396 !important;
  box-shadow: none !important;
}
[data-giftmuzic-create] .giftmuzic-step-chip.active {
  background: linear-gradient(180deg,#b84cff 0%,#8f3bf0 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(161,78,240,.33) !important;
}
[data-giftmuzic-create] .giftmuzic-create-wizard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
[data-giftmuzic-create] .giftmuzic-step-body,
[data-giftmuzic-create] .giftmuzic-step-review {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}
[data-giftmuzic-create] .giftmuzic-step-body > label,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] {
  margin: 0 !important;
  padding: 16px 18px 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid #ece4ec !important;
  box-shadow: var(--gm-shadow) !important;
}
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > label:has(textarea),
[data-giftmuzic-create] .giftmuzic-step-body > label:has(.giftmuzic-multi-grid),
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] { grid-column: 1 / -1; }
[data-giftmuzic-create] .giftmuzic-step-body label,
[data-giftmuzic-create] .giftmuzic-step-review,
[data-giftmuzic-create] .giftmuzic-step-body small {
  color: #4b4376 !important;
}
[data-giftmuzic-create] .giftmuzic-step-body label { font-size: 14px !important; font-weight:700 !important; margin-bottom: 10px !important; }
[data-giftmuzic-create] .giftmuzic-step-body input[type="text"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="email"],
[data-giftmuzic-create] .giftmuzic-step-body input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-step-body select,
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel input[type="text"],
[data-giftmuzic-create] .giftmuzic-panel input[type="email"],
[data-giftmuzic-create] .giftmuzic-panel input[type="datetime-local"],
[data-giftmuzic-create] .giftmuzic-panel select,
[data-giftmuzic-create] .giftmuzic-panel textarea {
  min-height: 50px;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid #ddd7e6 !important;
  color: #40376f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
[data-giftmuzic-create] .giftmuzic-step-body textarea,
[data-giftmuzic-create] .giftmuzic-panel textarea { min-height: 120px; }
[data-giftmuzic-create] .giftmuzic-step-body input::placeholder,
[data-giftmuzic-create] .giftmuzic-step-body textarea::placeholder { color: #9f9ab9 !important; }
[data-giftmuzic-create] .giftmuzic-step-body input:focus,
[data-giftmuzic-create] .giftmuzic-step-body textarea:focus,
[data-giftmuzic-create] .giftmuzic-step-body select:focus,
[data-giftmuzic-create] .giftmuzic-panel input:focus,
[data-giftmuzic-create] .giftmuzic-panel textarea:focus,
[data-giftmuzic-create] .giftmuzic-panel select:focus {
  outline: none !important;
  border-color: #c377ed !important;
  box-shadow: 0 0 0 4px rgba(195,119,237,.16) !important;
}
[data-giftmuzic-create] .giftmuzic-step-review {
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  min-height: 58px;
  font-size: 15px !important;
}
[data-giftmuzic-create] .giftmuzic-step-review::before {
  content:"✦";
  margin-right: 12px;
  color:#f0c25f;
}
[data-giftmuzic-create] .giftmuzic-step-review > *:last-child { margin-left:auto; }
[data-giftmuzic-create] .giftmuzic-step-actions-main {
  gap: 18px !important;
  margin: 18px 0 26px !important;
}
[data-giftmuzic-create] .giftmuzic-btn {
  min-width: 130px;
  min-height: 56px;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 18px rgba(34,20,69,.14);
}
[data-giftmuzic-create] .giftmuzic-btn:not(.giftmuzic-btn-alt):not(.giftmuzic-btn-danger) {
  background: linear-gradient(180deg,#151018,#221624) !important;
  color: #fff !important;
}
[data-giftmuzic-create] .giftmuzic-btn-alt {
  background: linear-gradient(180deg,#2d156f 0%, #25124e 100%) !important;
  color:#fff !important;
}
[data-giftmuzic-create] .giftmuzic-btn-danger {
  background: linear-gradient(90deg,#b54ac4 0%,#e858d2 54%,#c56cff 100%) !important;
  color:#fff !important;
  margin-left: 0 !important;
}
[data-giftmuzic-create] .giftmuzic-btn:hover { transform: translateY(-1px); }
[data-giftmuzic-create] .giftmuzic-log {
  margin-top: 18px;
  min-height: 120px;
  border-radius: 20px;
  background:#fff;
  border:1px solid #eee4eb;
}
[data-giftmuzic-create] .giftmuzic-create-shell-inner::after {
  content:"";
  display:block;
  height: 88px;
  margin-top: 18px;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  background:
    radial-gradient(120% 90px at 50% 125%, #7a3ceb 0%, #52209b 46%, #371869 80%, transparent 81%) bottom center / 100% 100% no-repeat,
    linear-gradient(180deg, transparent 0%, transparent 40%, rgba(131,70,232,.08) 40%, rgba(131,70,232,.08) 100%);
}
@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-create-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "flow" "art" "sub";
    min-height: auto;
  }
  [data-giftmuzic-create] .giftmuzic-create-hero::after { min-height: 170px; }
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
    padding: 132px 24px 24px !important;
  }
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before { top: 28px; left: 24px; }
  [data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(2),
  [data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(3) { width: 100%; }
  [data-giftmuzic-create] .giftmuzic-step-body,
  [data-giftmuzic-create] .giftmuzic-step-review { grid-template-columns: 1fr !important; }
}

/* === Image1 closeness pass v7 === */
[data-giftmuzic-create] {
  --gm-shell-max: 1272px;
  --gm-soft-shadow: 0 14px 34px rgba(88, 56, 126, 0.07);
  --gm-soft-shadow-lg: 0 20px 44px rgba(88, 56, 126, 0.08);
}

[data-giftmuzic-create] .giftmuzic-create-shell-inner {
  max-width: var(--gm-shell-max);
}

[data-giftmuzic-create] .giftmuzic-create-hero {
  grid-template-columns: minmax(0, 610px) 1fr;
  column-gap: 22px;
  min-height: 272px;
  padding: 4px 2px 6px !important;
  margin-bottom: 6px !important;
}

[data-giftmuzic-create] .giftmuzic-create-hero::after {
  min-height: 250px;
  background-size: auto, auto, auto, auto, 108% 108%;
  background-position: 78% 50%, 62% 26%, 50% 62%, 70% 76%, right center;
  opacity: 1;
}

[data-giftmuzic-create] .giftmuzic-create-title {
  max-width: 520px;
  font-size: clamp(52px, 5.6vw, 76px) !important;
  line-height: 0.91 !important;
  margin-bottom: 10px !important;
}

[data-giftmuzic-create] .giftmuzic-create-subtitle {
  max-width: 620px;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
}

[data-giftmuzic-create] .giftmuzic-flow-state {
  gap: 12px !important;
  margin: 2px 0 14px !important;
}

[data-giftmuzic-create] .giftmuzic-flow-chip {
  padding: 10px 16px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel {
  max-width: 560px;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel,
[data-giftmuzic-create] .giftmuzic-subscription-panel p,
[data-giftmuzic-create] .giftmuzic-subscription-panel strong,
[data-giftmuzic-create] .giftmuzic-subscription-panel small {
  background: transparent !important;
  box-shadow: none !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:first-child {
  margin-bottom: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(2) {
  margin-bottom: 16px !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3) {
  width: 100%;
  max-width: 492px;
  min-height: 74px;
  margin: 0 0 12px !important;
  padding: 19px 22px 19px 62px !important;
  border-radius: 18px !important;
  border: 1px solid #ece2eb !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(250,245,248,0.95)) !important;
  box-shadow: 0 10px 28px rgba(88, 56, 126, 0.08) !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3)::before {
  left: 17px;
  top: 19px;
  width: 28px;
  height: 28px;
  font-size: 14px;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(4) {
  max-width: 520px;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #5d557e !important;
}

[data-giftmuzic-create] .giftmuzic-subscription-panel p:last-child {
  margin-top: 10px !important;
  font-size: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded {
  margin: 6px 0 18px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
  min-height: 274px;
  padding: 30px 38px 26px 156px !important;
  border-radius: 24px !important;
  box-shadow: var(--gm-soft-shadow-lg) !important;
  background:
    radial-gradient(circle at 88% 84%, rgba(244, 155, 116, 0.86), transparent 12%),
    radial-gradient(circle at 86% 22%, rgba(255,255,255,0.22), transparent 1%),
    radial-gradient(circle at 92% 32%, rgba(255, 220, 138, 0.92), transparent 1%),
    radial-gradient(circle at 84% 54%, rgba(255, 220, 138, 0.92), transparent 1%),
    linear-gradient(108deg, #2d117d 0%, #4120a4 55%, #8c43d5 84%, #f29a7a 100%) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
  left: 44px;
  top: 44px;
  width: 88px;
  height: 88px;
  font-size: 44px;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
  width: 46%;
  background:
    radial-gradient(circle at 81% 36%, rgba(255, 214, 120, 0.92), transparent 1%),
    radial-gradient(circle at 73% 53%, rgba(255, 214, 120, 0.92), transparent 1%),
    radial-gradient(circle at 87% 65%, rgba(255, 214, 120, 0.92), transparent 1%),
    linear-gradient(180deg, transparent 10%, rgba(255,255,255,0) 30%),
    repeating-radial-gradient(circle at 80% 52%, rgba(249, 191, 118, 0.22) 0 2px, transparent 2px 24px),
    linear-gradient(8deg, transparent 56%, rgba(255, 191, 110, 0.70) 60%, rgba(249, 141, 102, 0) 64%);
}

[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
  font-size: clamp(32px, 3.8vw, 52px) !important;
  margin-bottom: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded p:first-of-type {
  max-width: 720px;
  margin-bottom: 12px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(2),
[data-giftmuzic-create] .giftmuzic-template-loaded p:nth-of-type(3) {
  max-width: 470px;
  margin-bottom: 14px !important;
  padding: 10px 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.11) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded summary,
[data-giftmuzic-create] .giftmuzic-template-loaded a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

[data-giftmuzic-create] .giftmuzic-template-loaded summary::after,
[data-giftmuzic-create] .giftmuzic-template-loaded a::after {
  content: "→";
  font-size: 15px;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-inline-status {
  min-height: 56px;
  border-radius: 12px !important;
  padding: 16px 18px !important;
}

[data-giftmuzic-create] .giftmuzic-progress-wrap {
  margin-bottom: 10px !important;
}

[data-giftmuzic-create] .giftmuzic-progress-label {
  margin-bottom: 8px !important;
  font-size: 17px !important;
}

[data-giftmuzic-create] .giftmuzic-progress {
  height: 6px !important;
}

[data-giftmuzic-create] .giftmuzic-step-nav {
  gap: 12px !important;
  margin-bottom: 20px !important;
}

[data-giftmuzic-create] .giftmuzic-step-chip {
  width: 42px !important;
  height: 42px !important;
  font-size: 17px !important;
  box-shadow: none !important;
}

[data-giftmuzic-create] .giftmuzic-step-chip.active {
  box-shadow: 0 10px 24px rgba(127,62,240,0.22) !important;
}

[data-giftmuzic-create] .giftmuzic-step-body {
  gap: 14px !important;
}

[data-giftmuzic-create] .giftmuzic-step-body > label,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-qaf-section-controls,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-template-name-note,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-panel,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-input-help,
[data-giftmuzic-create] .giftmuzic-step-body > .giftmuzic-delivery-preview,
[data-giftmuzic-create] .giftmuzic-step-body > [data-giftmuzic-delivery-output] {
  border-radius: 18px !important;
  padding: 15px 16px !important;
  box-shadow: var(--gm-soft-shadow) !important;
}

[data-giftmuzic-create] .giftmuzic-step-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 70px;
  margin: 16px 0 12px !important;
  padding: 18px 20px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

[data-giftmuzic-create] .giftmuzic-step-review::before {
  content: "✦";
  color: #f0bf60;
  font-size: 18px;
  margin-right: 8px;
}

[data-giftmuzic-create] .giftmuzic-step-review > *:last-child {
  margin-left: auto;
}

[data-giftmuzic-create] .giftmuzic-step-actions {
  gap: 18px !important;
  align-items: center;
}

[data-giftmuzic-create] .giftmuzic-btn {
  min-width: 128px !important;
  padding: 16px 26px !important;
  border-radius: 22px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 20px rgba(88, 56, 126, 0.08) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn:first-child {
  background: #fffdfd !important;
  color: #4d3f76 !important;
  border-color: #ece3ea !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-alt {
  min-width: 166px !important;
  background: linear-gradient(90deg, #2b1b77 0%, #442592 45%, #6f35da 100%) !important;
  box-shadow: 0 12px 26px rgba(89, 48, 154, 0.18) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-alt::after {
  content: "→";
  margin-left: 12px;
  font-size: 16px;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-danger {
  min-width: 190px !important;
  background: linear-gradient(90deg, #ca55b5 0%, #e062d2 58%, #a456ff 100%) !important;
  box-shadow: 0 12px 26px rgba(194, 88, 199, 0.20) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-danger::after {
  content: "✦";
  margin-left: 12px;
  font-size: 14px;
}

[data-giftmuzic-create].giftmuzic-create-app::after {
  bottom: 0;
  height: 78px;
  background:
    linear-gradient(90deg, #2a1164 0%, #3e177b 40%, #5a23ae 74%, #9e55d4 100%),
    linear-gradient(180deg, transparent, transparent);
  clip-path: path('M0,58 C210,42 378,40 540,46 C700,52 875,60 1030,54 C1168,48 1260,40 1280,40 L1280,78 L0,78 Z');
  opacity: .98;
}

@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-create-hero {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "art"
      "flow"
      "sub";
    row-gap: 14px;
  }

  [data-giftmuzic-create] .giftmuzic-create-hero::after {
    min-height: 180px;
  }

  [data-giftmuzic-create] .giftmuzic-subscription-panel p:nth-child(3) {
    max-width: none;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
    padding: 28px 22px 24px !important;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 0 18px;
  }
}

/* === Subscription panel refresh to match reference card === */
[data-giftmuzic-create] .giftmuzic-subscription-panel {
  width: 100%;
  max-width: 980px;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-inline {
  display: grid;
  gap: 14px;
  padding: 16px 20px;
  border: 1px solid #efe9f3;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(70, 44, 109, 0.05);
}

[data-giftmuzic-create] .giftmuzic-plan-panel-title-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  color: #2f2966;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-title-row::before {
  content: "\2665";
  color: #4c2f8c;
  font-size: 1em;
  transform: translateY(-1px);
}

[data-giftmuzic-create] .giftmuzic-plan-panel-title-label {
  color: #ebdfcc;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-title-value {
  color: #2f2966;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-meta-row {
  color: #746b93;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-card {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 14px 20px 14px 76px;
  border: 1px solid #ebe3ef;
  border-radius: 18px;
  background: #ffffff;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-card::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 30%, #fff2cf 0 24%, transparent 25%),
    radial-gradient(circle at 35% 35%, #ffe7ab 0 60%, #ffc75d 61% 100%);
  box-shadow: 0 8px 16px rgba(255, 194, 80, 0.28);
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-card::after {
  content: "\2726";
  position: absolute;
  top: 22px;
  left: 30px;
  color: #fff9ea;
  font-size: 14px;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-title {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  color: #2f2966;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-value {
  color: #48387a;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-credit-note,
[data-giftmuzic-create] .giftmuzic-plan-panel-trial-note {
  color: #5e5679;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-state-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2b6a48;
  font-size: 12px;
  font-weight: 700;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-state-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22b573;
  box-shadow: 0 0 0 2px rgba(34, 181, 115, 0.14);
}

[data-giftmuzic-create] .giftmuzic-plan-panel-state-row.is-inactive {
  color: #7f6070;
}

[data-giftmuzic-create] .giftmuzic-plan-panel-state-row.is-inactive .giftmuzic-plan-panel-state-dot {
  background: #b17a95;
  box-shadow: 0 0 0 3px rgba(177, 122, 149, 0.16);
}

@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-plan-panel-inline {
    gap: 12px;
    padding: 14px 14px;
    border-radius: 18px;
  }

  [data-giftmuzic-create] .giftmuzic-plan-panel-title-row {
    flex-wrap: wrap;
    font-size: 15px;
    gap: 8px;
  }

  [data-giftmuzic-create] .giftmuzic-plan-panel-credit-card {
    padding: 12px 12px 12px 58px;
    border-radius: 14px;
  }

  [data-giftmuzic-create] .giftmuzic-plan-panel-credit-card::before {
    top: 12px;
    left: 14px;
    width: 30px;
    height: 30px;
  }

  [data-giftmuzic-create] .giftmuzic-plan-panel-credit-card::after {
    top: 20px;
    left: 22px;
    font-size: 12px;
  }

  [data-giftmuzic-create] .giftmuzic-plan-panel-credit-title {
    flex-wrap: wrap;
    font-size: 17px;
    gap: 8px;
  }
}

/* === Template loaded visual match pass (preserve current typography scale) === */
[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
  position: relative;
  overflow: hidden;
  padding: 20px 26px 18px 108px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(820px 360px at 108% 104%, rgba(240, 132, 121, 0.62) 0%, rgba(240, 132, 121, 0.00) 56%),
    radial-gradient(540px 250px at 91% 66%, rgba(178, 85, 255, 0.33) 0%, rgba(178, 85, 255, 0.00) 62%),
    linear-gradient(112deg, #2d117d 0%, #3d1a93 54%, #7a40c8 83%, #b771b6 100%) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
  content: "\266B" !important;
  display: grid !important;
  place-items: center !important;
  top: 20px !important;
  left: 22px !important;
  right: auto !important;
  width: 62px !important;
  height: 62px !important;
  font-size: 32px !important;
  color: #f6edff !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 173, 210, 0.82), rgba(255, 173, 210, 0) 42%),
    linear-gradient(135deg, #7a2ed0 0%, #9a41e7 66%, #c66bf1 100%) !important;
  box-shadow: 0 10px 24px rgba(27, 9, 73, 0.35), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 83% 22%, rgba(255, 222, 140, 0.82) 0 0.22%, transparent 0.50%),
    radial-gradient(circle at 91% 18%, rgba(255, 222, 140, 0.78) 0 0.20%, transparent 0.46%),
    radial-gradient(circle at 95% 31%, rgba(255, 222, 140, 0.74) 0 0.18%, transparent 0.42%),
    radial-gradient(90% 44% at 78% 56%, transparent 63%, rgba(255, 198, 109, 0.34) 64%, transparent 65%),
    radial-gradient(92% 50% at 80% 54%, transparent 66%, rgba(255, 166, 98, 0.26) 67%, transparent 68%),
    radial-gradient(94% 56% at 82% 52%, transparent 69%, rgba(255, 255, 255, 0.10) 70%, transparent 71%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  mask-image: linear-gradient(90deg, transparent 52%, #000 66%);
  -webkit-mask-image: linear-gradient(90deg, transparent 52%, #000 66%);
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-title-accent {
  color: #f0dc95;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-title-main {
  color: #f8f4ff !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded h3 {
  color: #f8f4ff !important;
  margin-right: 0 !important;
  font-size: clamp(24px, 2.3vw, 42px) !important;
  line-height: 1.05 !important;
  margin-bottom: 8px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded p,
[data-giftmuzic-create] .giftmuzic-template-loaded li,
[data-giftmuzic-create] .giftmuzic-template-loaded summary {
  color: rgba(239, 232, 255, 0.95) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-intro {
  margin-bottom: 10px !important;
  margin-right: 0 !important;
  color: rgba(247, 243, 255, 0.92) !important;
  max-width: 860px;
  font-size: 10px !important;
  line-height: 1.32 !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-width: min(100%, 620px);
  margin: 0 0 8px !important;
  padding: 6px 12px 6px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #f2efff !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex: 0 0 auto;
  background: radial-gradient(circle at 34% 30%, #fff4cb 0 36%, #f2c35d 66%, #cb8f29 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill-icon-template::before {
  content: "\00A3";
  color: #4c2f84;
  font-size: 11px;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill-icon-direction::before {
  content: "\272A";
  color: #4c2f84;
  font-size: 9px;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-details {
  margin: 10px 0 10px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill strong {
  color: #ffffff !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill span {
  color: #f4eeff !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-details summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f0dc95 !important;
  font-size: 12px !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-details summary::-webkit-details-marker {
  display: none;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-details summary::after {
  content: "\2192";
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-details[open] ul {
  margin: 8px 0 0;
  padding-left: 20px;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-safety-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px !important;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(239, 232, 255, 0.98) !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-safety-note span {
  color: rgba(239, 232, 255, 0.98) !important;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-safety-icon {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-safety-icon::before {
  content: "\26E8";
  color: #e8d181;
  font-size: 11px;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art {
  position: absolute;
  top: 0;
  right: 0;
  width: 44%;
  height: 100%;
  pointer-events: none;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art::before {
  content: "";
  position: absolute;
  inset: 16% 0 16% 14%;
  background:
    radial-gradient(95% 48% at 0% 66%, transparent 64%, rgba(255, 205, 116, 0.62) 65%, transparent 66%),
    radial-gradient(95% 52% at 0% 68%, transparent 67%, rgba(255, 170, 102, 0.45) 68%, transparent 69%),
    radial-gradient(95% 56% at 0% 70%, transparent 70%, rgba(255, 255, 255, 0.18) 71%, transparent 72%);
  opacity: 0.78;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art-note {
  position: absolute;
  color: #ffcf72;
  text-shadow: 0 0 12px rgba(255, 198, 104, 0.35);
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art-note-a {
  top: 29%;
  left: 57%;
  font-size: 26px;
}

[data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art-note-b {
  top: 39%;
  left: 83%;
  font-size: 30px;
}

@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel {
    padding: 14px 12px 14px 64px !important;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-panel::before {
    top: 18px !important;
    left: 16px !important;
    right: auto !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 20px !important;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art {
    width: 40%;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art-note-a {
    font-size: 18px;
    top: 33%;
    left: 54%;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-art-note-b {
    font-size: 20px;
    top: 42%;
    left: 78%;
  }

  [data-giftmuzic-create] .giftmuzic-template-loaded .giftmuzic-template-pill {
    min-width: 100%;
    border-radius: 14px !important;
  }
}

/* === Step review bar match (white rounded status row) === */
[data-giftmuzic-create] .giftmuzic-step-review {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  margin: 12px 0 10px !important;
  padding: 16px 22px !important;
  border: 1px solid #ede6f1 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(72, 46, 116, 0.06) !important;
  color: #3d346d !important;
}

[data-giftmuzic-create] .giftmuzic-step-review::before {
  content: "\2726";
  color: #f2be57;
  font-family: "Times New Roman", Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-right: 4px;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-message {
  flex: 1 1 auto;
  min-width: 0;
  color: #4a4377;
  font-size: 14px;
  line-height: 1.3;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-message strong {
  color: #2d275e;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-balance {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: #2f2862;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-balance strong {
  color: #2f2862;
  font-weight: 800;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-balance-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex: 0 0 auto;
  position: relative;
  background:
    radial-gradient(circle at 32% 30%, #fff2ce 0 28%, transparent 30%),
    radial-gradient(circle at 38% 36%, #ffe0a2 0 62%, #f2b947 63% 100%);
  box-shadow: 0 2px 8px rgba(242, 185, 71, 0.35);
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-balance-icon::after {
  content: "\2726";
  position: absolute;
  top: 4px;
  left: 6px;
  color: #fff8e5;
  font-size: 10px;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-reveal {
  width: 100%;
  margin-top: 4px;
  color: #6a618f;
  font-size: 11px;
  line-height: 1.3;
}

@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-step-review {
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 14px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-review::before {
    font-size: 16px;
    margin-right: 2px;
  }

  [data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-message {
    font-size: 13px;
  }

  [data-giftmuzic-create] .giftmuzic-step-review .giftmuzic-review-balance {
    margin-left: 0;
    font-size: 12px;
  }
}

/* === Main action buttons match === */
[data-giftmuzic-create] .giftmuzic-step-actions-main {
  gap: 14px !important;
  margin: 14px 0 18px !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  min-width: 190px !important;
  padding: 12px 30px !important;
  border-radius: 28px !important;
  border: 1px solid transparent !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn:first-child {
  min-width: 182px !important;
  background: #ffffff !important;
  border-color: #ede5f2 !important;
  color: #3f356d !important;
  box-shadow: 0 3px 10px rgba(67, 46, 103, 0.06) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-alt {
  min-width: 250px !important;
  background: linear-gradient(90deg, #2b1b77 0%, #432691 52%, #6f35da 100%) !important;
  color: #f8f5ff !important;
  box-shadow: 0 8px 18px rgba(73, 42, 136, 0.22) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-alt::after {
  content: "\2192";
  margin-left: 10px;
  font-size: 16px;
  color: #f8f5ff;
  line-height: 1;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-danger {
  min-width: 270px !important;
  background: linear-gradient(90deg, #ca55b5 0%, #df5dcf 50%, #a457f5 100%) !important;
  color: #fff8ff !important;
  box-shadow: 0 8px 18px rgba(198, 84, 190, 0.23) !important;
}

[data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn.giftmuzic-btn-danger::after {
  content: "\2726";
  margin-left: 10px;
  font-size: 14px;
  color: #fff0ff;
  line-height: 1;
}

@media (max-width: 980px) {
  [data-giftmuzic-create] .giftmuzic-step-actions-main {
    gap: 10px !important;
    margin: 10px 0 14px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-actions-main .giftmuzic-btn {
    min-width: 100% !important;
    min-height: 48px !important;
    padding: 10px 18px !important;
    font-size: 16px !important;
    border-radius: 22px !important;
  }
}

/* remove duplicated decorative top strip; keep the main bottom wave only */
[data-giftmuzic-create] .giftmuzic-create-shell-inner::after {
  display: none !important;
}

/* ensure current step heading/progress label is fully visible (no top clipping) */
[data-giftmuzic-create] .giftmuzic-progress-wrap {
  overflow: visible !important;
  padding-top: 12px !important;
}

[data-giftmuzic-create] .giftmuzic-progress-label {
  display: block !important;
  overflow: visible !important;
  margin-top: 4px !important;
  margin-bottom: 10px !important;
  padding-top: 4px !important;
  line-height: 1.3 !important;
}

/* tune hero heading scale so "Create Your Gift Song" renders cleanly */
[data-giftmuzic-create] .giftmuzic-create-title {
  max-width: 700px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.04 !important;
  margin-bottom: 8px !important;
  color: #3f2a90 !important;
  -webkit-text-stroke: 1px rgba(255, 245, 255, 0.55);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35),
    0 3px 8px rgba(80, 41, 144, 0.16);
}

/* keep step wording below chips highly readable on light background */
[data-giftmuzic-create] .giftmuzic-progress-label {
  color: #2d255f !important;
  font-weight: 800 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.72),
    0 2px 6px rgba(44, 34, 84, 0.12) !important;
  background: rgba(255, 255, 255, 0.32) !important;
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 10px !important;
}

/* exact step title under chips: "Step X: ..." */
[data-giftmuzic-create] .giftmuzic-step-stage-heading {
  grid-column: 1 / -1;
  margin: 4px 0 10px !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-heading h3 {
  margin: 0 0 4px !important;
  color: #2b245b !important;
  font-size: clamp(14px, 1.35vw, 24px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-heading .giftmuzic-input-help {
  color: #5c537e !important;
}

/* improve visibility for template consent wording on dark panel */
[data-giftmuzic-create] .giftmuzic-template-product-panel label {
  color: #ffffff !important;
}

[data-giftmuzic-create] .giftmuzic-template-product-panel input[type="checkbox"] {
  accent-color: #f2be57;
}

/* improve visibility for options inside dark multi-select panels */
[data-giftmuzic-create] .giftmuzic-multi-option {
  color: #ffffff !important;
}

[data-giftmuzic-create] .giftmuzic-step-body .giftmuzic-multi-grid .giftmuzic-multi-option,
[data-giftmuzic-create] .giftmuzic-step-body .giftmuzic-multi-grid .giftmuzic-multi-option span {
  color: #ffffff !important;
}

/* single mobile step-chip layout (prevents 8/9 clipping and keeps all aligned) */
@media (max-width: 640px) {
  [data-giftmuzic-create] .giftmuzic-step-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(34px, 1fr)) !important;
    grid-auto-rows: 36px !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-items: center !important;
    align-items: center !important;
    margin: 8px 0 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-chip,
  [data-giftmuzic-create] .giftmuzic-step-chip.active {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
  }
}

/* normalize staged steps so steps 7-9 inherit the same body/card contract as the earlier steps */
[data-giftmuzic-create] .giftmuzic-step-stage-shell {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell > .giftmuzic-stage-mounted {
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell > .giftmuzic-stage-mounted,
[data-giftmuzic-create] .giftmuzic-step-stage-shell > .giftmuzic-stage-mounted > *,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-delivery-grid,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-step-actions,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-inline-controls {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 640px) {
  [data-giftmuzic-create] .giftmuzic-step-stage-shell {
    padding-inline: 14px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-btn,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell select,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell input,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* fix step 8 music result cards on mobile so generated variants shrink like step 7 lyric cards */
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-compare-grid,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card {
  overflow: hidden;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card h4,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card p,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card small,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] .giftmuzic-result-card a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-variants-list] audio {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}


/* fix step 9 reveal preview header overflow on mobile so preview tabs stay inside the card */
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-wrap,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-header,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-preview-mode,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-stage,
[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-header {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-preview-mode {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-preview-mode .giftmuzic-btn {
  min-width: 0 !important;
}

@media (max-width: 640px) {
  [data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-wrap {
    overflow: hidden !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-reveal-preview-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-preview-mode {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell .giftmuzic-preview-mode .giftmuzic-btn {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* readability refresh for step 8 black result cards to match approved sample */
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card {
  color: #d8d2ef !important;
  padding: 18px 20px 16px !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card h4 {
  margin: 0 0 12px !important;
  color: #f4efe8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-selected-mark {
  color: #7c73ff !important;
  font-family: inherit !important;
  font-size: 0.92em !important;
  font-weight: 700 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card > p,
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-lyric-lock,
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-block-note {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card > p {
  color: #b8b2df !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card > p:first-of-type {
  color: #aeb7ff !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-status-pill.ok {
  background: rgba(25, 106, 77, 0.72) !important;
  border: 1px solid #2ecc8a !important;
  color: #7fe58d !important;
  box-shadow: none !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-status-pill.error {
  background: rgba(108, 33, 52, 0.72) !important;
  border: 1px solid #da6f87 !important;
  color: #ffc4d2 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-lyric-lock,
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics-note,
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-block-note {
  color: #f1b44e !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics-box {
  margin: 14px 0 12px !important;
  padding: 14px 14px 10px !important;
  border: 1px solid rgba(166, 123, 63, 0.42) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(11, 8, 17, 0.94), rgba(15, 10, 22, 0.98)) !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics,
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics strong {
  color: #9c9eff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics + .giftmuzic-voice-diagnostics {
  color: #7fe0b1 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics + .giftmuzic-voice-diagnostics {
  color: #6cd19f !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics + .giftmuzic-voice-diagnostics::after {
  content: "";
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-wrap {
  margin-top: 10px !important;
  overflow-x: auto !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table thead th {
  padding: 10px 12px 12px !important;
  border-bottom: 1px solid rgba(255, 248, 236, 0.72) !important;
  color: #e9e4f6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table th:nth-child(3),
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table th:nth-child(4) {
  color: #83df8e !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td {
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(130, 97, 164, 0.12) !important;
  color: #cfc8e7 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  vertical-align: top !important;
  overflow-wrap: anywhere !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td:first-child {
  color: #c5bedf !important;
  width: 19% !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td:nth-child(2) {
  color: #aab6ff !important;
  width: 48% !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td:nth-child(3),
[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td:nth-child(4) {
  color: #7de08d !important;
  width: 16.5% !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card audio {
  margin-top: 10px !important;
}

[data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-card-btn {
  margin-top: 14px !important;
}

@media (max-width: 640px) {
  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card {
    padding: 16px 14px 14px !important;
  }

  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card h4 {
    font-size: 18px !important;
  }

  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card > p,
  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-lyric-lock,
  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-block-note,
  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-voice-diagnostics {
    font-size: 14px !important;
  }

  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table thead th,
  [data-giftmuzic-create] [data-giftmuzic-variants-list] .giftmuzic-result-card .giftmuzic-preference-match-table tbody td {
    font-size: 13px !important;
    padding: 10px 8px !important;
  }
}

/* mobile/readability fix for delivery preview and output cards */
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] *,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] {
  overflow: hidden !important;
  color: #2f2758 !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] strong,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] span,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] strong,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] span,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] div {
  color: #2f2758 !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p:first-child,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p:first-child {
  color: #3a2c73 !important;
  font-weight: 700 !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] a,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] a {
  color: #5d2ee6 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] pre,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] pre {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] img,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 640px) {
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] {
    padding: 14px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] strong,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] strong {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] div,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] div,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] span,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] span {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }
}


/* delivery preview/output mobile readability + overflow fix */
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] {
  background: #fffdfb !important;
  border: 1px solid rgba(103, 77, 155, 0.18) !important;
  color: #2f2758 !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview]:empty,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output]:empty {
  display: none !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] *,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] * {
  color: #2f2758 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] div,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] span,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] div,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] span,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] strong,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] strong {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] a,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] a {
  color: #5d2ee6 !important;
  text-decoration: underline !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] pre,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] pre {
  background: #f8f4ff !important;
  border: 1px solid rgba(103, 77, 155, 0.18) !important;
  color: #2f2758 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] img,
[data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 640px) {
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview],
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] {
    padding: 14px !important;
  }

  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] p,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] a,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] strong,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] strong,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-preview] span,
  [data-giftmuzic-create] .giftmuzic-step-stage-shell [data-giftmuzic-delivery-output] span {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* Readability fix: success message text on green status background. */
[data-giftmuzic-create] .giftmuzic-inline-status.success {
  color: #111111 !important;
}

/* Rich compact selector for Reveal format + Theme (mobile-friendly, keeps notes/colors). */
[data-giftmuzic-create] .giftmuzic-rich-select {
  border: 1px solid rgba(83, 68, 130, 0.2);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
[data-giftmuzic-create] .giftmuzic-rich-select + .giftmuzic-rich-select {
  margin-top: 10px;
}
[data-giftmuzic-create] .giftmuzic-rich-select > summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
}
[data-giftmuzic-create] .giftmuzic-rich-select > summary::-webkit-details-marker {
  display: none;
}
[data-giftmuzic-create] .giftmuzic-rich-select-trigger {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[data-giftmuzic-create] .giftmuzic-rich-select-title {
  color: #5a5580;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
[data-giftmuzic-create] .giftmuzic-rich-select-current-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-giftmuzic-create] .giftmuzic-rich-select-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1px solid rgba(34, 34, 34, 0.2);
  flex: 0 0 12px;
}
[data-giftmuzic-create] .giftmuzic-rich-select-trigger strong {
  color: #2e2a59;
  font-size: 20px;
  line-height: 1.2;
}
[data-giftmuzic-create] .giftmuzic-rich-select-trigger small {
  color: #5f5a86;
  font-size: 16px;
  line-height: 1.35;
}
[data-giftmuzic-create] .giftmuzic-rich-select-menu {
  border-top: 1px solid rgba(83, 68, 130, 0.15);
  max-height: 320px;
  overflow: auto;
  background: #fcfbff;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(83, 68, 130, 0.12);
  background: transparent;
  text-align: left;
  padding: 12px 14px;
  cursor: pointer;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option:last-child {
  border-bottom: 0;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option strong {
  color: #2e2a59;
  font-size: 18px;
  line-height: 1.2;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option small {
  display: block;
  color: #5f5a86;
  font-size: 15px;
  line-height: 1.35;
}
[data-giftmuzic-create] .giftmuzic-rich-select-option.active {
  background: #f4f0ff;
  box-shadow: inset 0 0 0 1px rgba(132, 78, 226, 0.2);
}
[data-giftmuzic-create] .giftmuzic-rich-select-option:hover {
  background: #f9f6ff;
}