.svp-portal-page .entry-title,
.svp-portal-page .page-title { display: none !important; }

.svp-app-shell {
	--svp-text: #152033;
	--svp-muted: #667085;
	--svp-surface: #fff;
	--svp-background: #f4f7fb;
	--svp-border: #e4e7ec;
	--svp-danger: #b42318;
	box-sizing: border-box;
	width: min(1180px, 100%);
	min-height: min(760px, calc(100vh - 40px));
	margin: 16px auto 80px;
	border: 1px solid var(--svp-border);
	border-radius: 26px;
	background: var(--svp-background);
	color: var(--svp-text);
	font-family: inherit;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(16, 24, 40, .10);
}
.svp-app-shell * { box-sizing: border-box; }
.svp-app-header {
	position: sticky; top: 0; z-index: 20;
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
	min-height: 74px; padding: 10px clamp(14px, 3vw, 28px);
	background: color-mix(in srgb, var(--svp-primary) 94%, #fff);
	color: #fff; box-shadow: 0 8px 30px rgba(16, 24, 40, .12);
}
.svp-header-side { display: flex; align-items: center; }
.svp-header-side--end { justify-content: flex-end; }
.svp-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; text-decoration: none; font-weight: 800; min-width: 0; }
.svp-brand span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.svp-logo { width: 48px; height: 48px; border-radius: 14px; object-fit: contain; background: #fff; padding: 4px; }
.svp-main-link { display: inline-flex; align-items: center; gap: 6px; color: #fff !important; text-decoration: none; font-weight: 750; }
.svp-main-link > span:first-child { font-size: 30px; line-height: 1; }
.svp-language { display: inline-flex; padding: 3px; border-radius: 12px; background: rgba(255,255,255,.16); }
.svp-language button { border: 0; min-width: 38px; height: 34px; border-radius: 9px; background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.svp-language button[aria-pressed="true"] { background: #fff; color: var(--svp-primary); }
.svp-app-main { padding: clamp(16px, 4vw, 40px); }
.svp-page-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 24px; }
.svp-page-heading h1 { margin: 4px 0 0; font-size: clamp(27px, 5vw, 42px); line-height: 1.12; }
.svp-kicker { display: block; color: var(--svp-primary); font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.svp-welcome { color: var(--svp-muted); margin: 0; }
.svp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.svp-card { display: flex; flex-direction: column; gap: 9px; min-height: 160px; padding: 22px; border: 1px solid var(--svp-border); border-radius: 21px; background: var(--svp-surface); color: inherit !important; text-decoration: none; box-shadow: 0 10px 28px rgba(16,24,40,.06); }
.svp-card--active { border-color: color-mix(in srgb, var(--svp-primary) 30%, white); transition: transform .2s ease, box-shadow .2s ease; }
.svp-card--active:hover, .svp-card--active:focus { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(16,24,40,.11); }
.svp-card--disabled { opacity: .55; }
.svp-card-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: var(--svp-primary); color: #fff; font-size: 22px; }
.svp-card strong { font-size: 19px; }
.svp-card span:last-child, .svp-help { color: var(--svp-muted); }
.svp-text-link { color: var(--svp-primary) !important; font-weight: 800; text-decoration: none; }
.svp-panel, .svp-notice { padding: clamp(18px, 4vw, 32px); border: 1px solid var(--svp-border); border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(16,24,40,.06); }
.svp-panel + .svp-panel { margin-top: 18px; }
.svp-panel-heading { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 22px; }
.svp-panel-heading h2 { margin: 0; font-size: clamp(21px, 4vw, 28px); }
.svp-panel-heading p { margin: 5px 0 0; color: var(--svp-muted); }
.svp-number { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 13px; background: var(--svp-primary); color: #fff; font-weight: 900; }
.svp-search-form label { display: block; margin-bottom: 8px; font-weight: 800; }
.svp-search-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.svp-search-row input { width: 100%; min-height: 50px; padding: 10px 14px; border: 1px solid #cfd5df; border-radius: 14px; background: #fff; color: var(--svp-text); font: inherit; }
.svp-search-row input:focus { outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); border-color: var(--svp-primary); }
.svp-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 20px; border: 0; border-radius: 14px; background: var(--svp-primary); color: #fff !important; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.svp-button:disabled { opacity: .5; cursor: not-allowed; }
.svp-button--secondary { background: color-mix(in srgb, var(--svp-primary) 12%, white); color: var(--svp-primary) !important; border: 1px solid color-mix(in srgb, var(--svp-primary) 24%, white); }
.svp-button--ghost { background: transparent; color: var(--svp-primary) !important; border: 1px solid var(--svp-border); }
.svp-scan-actions, .svp-submit-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.svp-scanner { position: relative; max-width: 620px; margin: 18px auto 0; border-radius: 20px; overflow: hidden; background: #101828; color: #fff; }
.svp-scanner video { display: block; width: 100%; min-height: 280px; object-fit: cover; }
.svp-scanner-frame { position: absolute; inset: 26% 10%; border: 3px solid var(--svp-accent); border-radius: 15px; box-shadow: 0 0 0 100vmax rgba(0,0,0,.26); }
.svp-scanner p { position: absolute; left: 12px; right: 12px; bottom: 8px; margin: 0; padding: 8px 12px; border-radius: 11px; background: rgba(0,0,0,.58); text-align: center; }
.svp-icon-button { position: absolute; top: 10px; right: 10px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff; font-size: 26px; cursor: pointer; }
.svp-results { display: grid; gap: 10px; margin-top: 18px; }
.svp-product-result, .svp-selected-product { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 13px; padding: 12px; border: 1px solid var(--svp-border); border-radius: 16px; background: #f8fafc; }
.svp-product-result img, .svp-selected-product img { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; background: #fff; }
.svp-product-result h3, .svp-selected-product h3 { margin: 0 0 4px; font-size: 16px; }
.svp-product-meta { color: var(--svp-muted); font-size: 13px; }
.svp-photo-button { display: grid; place-items: center; gap: 4px; min-height: 140px; margin-top: 18px; border: 2px dashed color-mix(in srgb, var(--svp-primary) 38%, #d0d5dd); border-radius: 20px; background: color-mix(in srgb, var(--svp-primary) 4%, #fff); color: var(--svp-primary); text-align: center; cursor: pointer; }
.svp-photo-button > span { font-size: 34px; }
.svp-photo-button small { color: var(--svp-muted); }
.svp-photo-previews { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.svp-photo-preview { position: relative; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #eef2f6; }
.svp-photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.svp-photo-preview button { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(0,0,0,.68); color: #fff; cursor: pointer; }
.svp-status { margin-top: 14px; padding: 0; color: var(--svp-muted); }
.svp-status--success, .svp-status--error, .svp-status--info { padding: 12px 14px; border-radius: 12px; }
.svp-status--success { background: #ecfdf3; color: #027a48; }
.svp-status--error { background: #fef3f2; color: var(--svp-danger); }
.svp-status--info { background: #eff8ff; color: #175cd3; }
.svp-notice { max-width: 680px; margin: 20px auto; text-align: center; }
.svp-notice p { color: var(--svp-muted); }
.svp-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[dir="rtl"] .svp-main-link > span:first-child { transform: rotate(180deg); }
[dir="rtl"] .svp-icon-button, [dir="rtl"] .svp-photo-preview button { right: auto; left: 10px; }
[dir="rtl"] .svp-photo-preview button { left: 6px; }

@media (max-width: 760px) {
	.svp-app-shell { margin: 0 auto 68px; min-height: 100vh; border-width: 0; border-radius: 0; box-shadow: none; }
	.svp-app-header { grid-template-columns: auto 1fr auto; min-height: 66px; padding: 8px 10px; }
	.svp-brand { justify-content: center; }
	.svp-brand span { display: none; }
	.svp-logo { width: 44px; height: 44px; }
	.svp-main-link > span:last-child { display: none; }
	.svp-app-main { padding: 14px 10px 28px; }
	.svp-page-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
	.svp-grid { grid-template-columns: 1fr; }
	.svp-card { min-height: 136px; }
	.svp-search-row { grid-template-columns: 1fr; }
	.svp-search-row .svp-button { width: 100%; }
	.svp-product-result, .svp-selected-product { grid-template-columns: 56px 1fr; }
	.svp-product-result .svp-button { grid-column: 1 / -1; width: 100%; }
	.svp-product-result img, .svp-selected-product img { width: 56px; height: 56px; }
	.svp-photo-previews { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.svp-submit-row .svp-button { flex: 1 1 100%; }
}

/* Product media manager */
.svp-product-media {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 16px;
	margin-top: 18px;
}
.svp-media-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--svp-border);
	border-radius: 18px;
	background: var(--svp-surface);
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(16,24,40,.06);
}
.svp-media-image { position: relative; aspect-ratio: 1 / 1; background: #f7f8fa; overflow: hidden; }
.svp-media-image img { width: 100%; height: 100%; object-fit: contain; display: block; }
.svp-media-badge {
	position: absolute; inset-inline-start: 10px; top: 10px; padding: 5px 9px; border-radius: 999px;
	background: rgba(21,32,51,.82); color: #fff; font-size: 12px; font-weight: 700;
}
.svp-media-badge--featured { background: var(--svp-primary); }
.svp-media-badge--gallery { background: #175cd3; }
.svp-media-badge--pending { background: #b54708; }
.svp-media-info { padding: 12px 14px 8px; display: grid; gap: 4px; min-width: 0; }
.svp-media-info strong { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.svp-media-info small { color: var(--svp-muted); }
.svp-media-actions { padding: 8px 12px 14px; display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.svp-mini-button {
	appearance: none; border: 1px solid var(--svp-border); border-radius: 10px; background: #fff; color: var(--svp-text);
	padding: 7px 9px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer;
}
.svp-mini-button:hover { border-color: var(--svp-primary); color: var(--svp-primary); }
.svp-mini-button:disabled { opacity: .55; cursor: wait; }
.svp-mini-button--danger { color: var(--svp-danger); }
.svp-empty-media { grid-column: 1 / -1; padding: 24px; border: 1px dashed var(--svp-border); border-radius: 16px; color: var(--svp-muted); text-align: center; }
@media (max-width: 600px) {
	.svp-product-media { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.svp-media-actions { padding: 7px; gap: 5px; }
	.svp-mini-button { width: 100%; padding: 7px 5px; font-size: 11px; }
	.svp-media-info { padding: 8px; }
}

/* v0.4 internal image processing */
.svp-media-badge--processed { background: #7f56d9; }
.svp-media-card--processed { border-color: color-mix(in srgb, #7f56d9 38%, var(--svp-border)); }
.svp-mini-button--magic { background: color-mix(in srgb, #7f56d9 10%, #fff); border-color: color-mix(in srgb, #7f56d9 32%, #fff); color: #6941c6; }
.svp-media-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--svp-border); }
.svp-media-comparison > div { position: relative; min-width: 0; background: #f7f8fa; }
.svp-media-comparison small { position: absolute; z-index: 2; inset-inline-start: 7px; top: 7px; padding: 4px 7px; border-radius: 999px; background: rgba(21,32,51,.76); color: #fff; font-size: 10px; font-weight: 800; }
.svp-media-comparison img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }

/* v0.4.2 internal media queue */
.svp-job-state {
	margin-top: 8px;
	padding: 7px 9px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.35;
}
.svp-job-state--queued { background: #f2f4f7; color: #344054; }
.svp-job-state--processing { background: #eef4ff; color: #3538cd; }
.svp-job-state--failed { background: #fef3f2; color: #b42318; }

/* v0.4.5 simplified product workspace */
body.svp-portal-page {
	margin: 0 !important;
	background: #f4f7fb !important;
}
body.svp-portal-page #masthead,
body.svp-portal-page #colophon,
body.svp-portal-page .site-header,
body.svp-portal-page .site-footer,
body.svp-portal-page .header-main,
body.svp-portal-page .footer-main,
body.svp-portal-page .page-header,
body.svp-portal-page .breadcrumb,
body.svp-portal-page .breadcrumbs { display: none !important; }
body.svp-portal-page .site,
body.svp-portal-page .site-content,
body.svp-portal-page .content-area,
body.svp-portal-page .site-main,
body.svp-portal-page .entry-content,
body.svp-portal-page .wp-site-blocks,
body.svp-portal-page .wp-block-group,
body.svp-portal-page .container,
body.svp-portal-page .content-wrapper {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding-inline: 0 !important;
}
body.svp-portal-page .entry-content > .svp-app-shell { max-width: none !important; }
.svp-portal-page .svp-app-shell {
	width: 100%;
	max-width: 1180px;
}

.svp-worker-overview {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
	padding: 15px 17px;
	border: 1px solid #d0d5dd;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(16,24,40,.05);
}
.svp-worker-overview__main { display: flex; align-items: flex-start; gap: 11px; min-width: 0; }
.svp-worker-overview__main strong { display: block; font-size: 14px; line-height: 1.4; }
.svp-worker-overview__main p { margin: 3px 0 0; color: var(--svp-muted); font-size: 12px; }
.svp-worker-dot { flex: 0 0 11px; width: 11px; height: 11px; margin-top: 5px; border-radius: 50%; background: #98a2b3; box-shadow: 0 0 0 4px rgba(152,162,179,.14); }
.svp-worker-overview--working .svp-worker-dot,
.svp-worker-overview--online .svp-worker-dot { background: #2e90fa; box-shadow: 0 0 0 4px rgba(46,144,250,.14); }
.svp-worker-overview--safe { border-color: #abefc6; background: #ecfdf3; }
.svp-worker-overview--safe .svp-worker-dot { background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.14); }
.svp-worker-overview--warning { border-color: #fedf89; background: #fffaeb; }
.svp-worker-overview--warning .svp-worker-dot { background: #f79009; box-shadow: 0 0 0 4px rgba(247,144,9,.14); }
.svp-worker-overview--error { border-color: #fecdca; background: #fef3f2; }
.svp-worker-overview--error .svp-worker-dot { background: #f04438; box-shadow: 0 0 0 4px rgba(240,68,56,.14); }
.svp-worker-counts { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.svp-worker-counts span { padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.78); border: 1px solid rgba(16,24,40,.08); color: #475467; font-size: 11px; white-space: nowrap; }
.svp-worker-counts b { color: #101828; }

.svp-product-media { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.svp-media-card { padding: 12px; gap: 10px; overflow: visible; }
.svp-media-card-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.svp-media-card-heading strong { font-size: 14px; }
.svp-media-card-heading span { color: var(--svp-muted); font-size: 11px; }
.svp-version-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 12px; background: #f2f4f7; }
.svp-version-tabs button { min-height: 36px; border: 0; border-radius: 9px; background: transparent; color: #475467; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.svp-version-tabs button[aria-pressed="true"] { background: #fff; color: var(--svp-primary); box-shadow: 0 2px 8px rgba(16,24,40,.08); }
.svp-media-card .svp-media-image { border: 1px solid var(--svp-border); border-radius: 14px; }
.svp-media-card .svp-media-badge + .svp-media-badge { top: 42px; }
.svp-version-state { padding: 8px 10px; border-radius: 10px; background: #f2f4f7; color: #475467; font-size: 11px; font-weight: 750; }
.svp-version-state--ready { background: #ecfdf3; color: #027a48; }
.svp-media-card .svp-job-state { margin-top: 0; }
.svp-media-card .svp-media-actions { padding: 0; }
.svp-mini-button--primary { border-color: var(--svp-primary); background: var(--svp-primary); color: #fff; }
.svp-mini-button--primary:hover { color: #fff; opacity: .92; }

.svp-current-description { margin-bottom: 16px; padding: 13px 15px; border: 1px solid var(--svp-border); border-radius: 14px; background: #f8fafc; }
.svp-current-description strong { display: block; margin-bottom: 6px; font-size: 13px; }
.svp-current-description p { max-height: 150px; margin: 0; overflow: auto; color: var(--svp-muted); font-size: 13px; line-height: 1.6; }
.svp-description-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.svp-description-grid label { display: grid; gap: 7px; font-weight: 800; }
.svp-description-grid textarea { width: 100%; min-height: 170px; resize: vertical; padding: 12px 13px; border: 1px solid #cfd5df; border-radius: 14px; background: #fff; color: var(--svp-text); font: inherit; line-height: 1.6; }
.svp-description-grid textarea:focus { outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); border-color: var(--svp-primary); }

@media (max-width: 760px) {
	.svp-app-shell { width: 100%; max-width: none; margin: 0; }
	.svp-app-main { padding: 12px 9px 30px; }
	.svp-page-heading { margin-bottom: 14px; }
	.svp-page-heading h1 { font-size: 26px; }
	.svp-panel { padding: 15px 12px; border-radius: 17px; }
	.svp-panel-heading { margin-bottom: 15px; }
	.svp-panel-heading h2 { font-size: 20px; }
	.svp-panel-heading p { font-size: 13px; }
	.svp-worker-overview { align-items: stretch; flex-direction: column; padding: 13px; }
	.svp-worker-counts { justify-content: flex-start; }
	.svp-product-media { grid-template-columns: 1fr; gap: 12px; }
	.svp-media-card { border-radius: 16px; }
	.svp-media-card .svp-media-actions { display: grid; grid-template-columns: 1fr 1fr; }
	.svp-media-card .svp-mini-button { width: 100%; min-height: 40px; font-size: 12px; }
	.svp-media-card .svp-mini-button--magic,
	.svp-media-card .svp-mini-button--primary,
	.svp-media-card .svp-mini-button--danger { grid-column: 1 / -1; }
	.svp-description-grid { grid-template-columns: 1fr; }
}

.svp-active-jobs {
	flex: 1 0 100%;
	width: 100%;
	margin-top: 4px;
	padding-top: 12px;
	border-top: 1px solid rgba(16,24,40,.1);
}
.svp-active-jobs > strong { display: block; margin-bottom: 8px; font-size: 12px; }
.svp-active-job {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid rgba(16,24,40,.07);
}
.svp-active-job:first-of-type { border-top: 0; }
.svp-active-job__image { width: 46px; height: 46px; overflow: hidden; border-radius: 10px; background: #fff; border: 1px solid rgba(16,24,40,.08); }
.svp-active-job__image img { width: 100%; height: 100%; object-fit: cover; }
.svp-active-job__details { min-width: 0; display: grid; gap: 2px; }
.svp-active-job__details b,
.svp-active-job__details span,
.svp-active-job__details small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.svp-active-job__details b { font-size: 12px; }
.svp-active-job__details span,
.svp-active-job__details small { color: var(--svp-muted); font-size: 10px; }

@media (max-width: 520px) {
	.svp-active-job { grid-template-columns: 42px minmax(0, 1fr); }
	.svp-active-job .svp-mini-button { grid-column: 1 / -1; width: 100%; }
}

.svp-worker-controls {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 10px;
}
.svp-worker-controls .svp-mini-button {
	min-height: 36px;
	padding: 7px 12px;
}
.svp-worker-controls .svp-mini-button:disabled {
	cursor: not-allowed;
	opacity: .55;
}
@media (max-width: 520px) {
	.svp-worker-controls { display: grid; grid-template-columns: 1fr 1fr; }
	.svp-worker-controls .svp-mini-button { width: 100%; }
}


/* v0.6.0 product details editor */
.svp-details-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.svp-field { display: grid; gap: 7px; min-width: 0; font-weight: 800; }
.svp-field--wide { grid-column: 1 / -1; }
.svp-field input[type="text"],
.svp-field input[type="number"],
.svp-field select {
	width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #cfd5df; border-radius: 13px;
	background: #fff; color: var(--svp-text); font: inherit;
}
.svp-field input:focus, .svp-field select:focus { outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); border-color: var(--svp-primary); }
.svp-field input:disabled, .svp-field select:disabled { background: #f2f4f7; color: #667085; cursor: not-allowed; }
.svp-checkbox-field { display: flex; align-items: center; gap: 9px; align-self: end; min-height: 48px; padding: 10px 12px; border: 1px solid var(--svp-border); border-radius: 13px; background: #f8fafc; }
.svp-checkbox-field input { width: 20px; height: 20px; }
.svp-money-field { display: grid; grid-template-columns: auto 1fr; align-items: center; border: 1px solid #cfd5df; border-radius: 13px; overflow: hidden; }
.svp-money-field > span { padding-inline: 12px; color: var(--svp-muted); font-weight: 900; }
.svp-money-field input { border: 0 !important; border-inline-start: 1px solid #e4e7ec !important; border-radius: 0 !important; }
.svp-category-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-height: 260px; overflow: auto; padding: 10px; border: 1px solid var(--svp-border); border-radius: 14px; background: #f8fafc; }
.svp-category-options label { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 7px 9px; padding-inline-start: calc(9px + var(--svp-category-depth, 0) * 14px); border-radius: 9px; background: #fff; font-weight: 650; }
.svp-category-options input { width: 18px; height: 18px; flex: 0 0 auto; }
.svp-readonly-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.svp-readonly-grid > div { min-width: 0; padding: 11px 12px; border: 1px solid var(--svp-border); border-radius: 12px; background: #f8fafc; }
.svp-readonly-grid span { display: block; margin-bottom: 4px; color: var(--svp-muted); font-size: 11px; font-weight: 800; }
.svp-readonly-grid strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
@media (max-width: 680px) {
	.svp-details-grid { grid-template-columns: 1fr; }
	.svp-field--wide, .svp-readonly-grid { grid-column: auto; }
	.svp-category-options { grid-template-columns: 1fr; }
	.svp-readonly-grid { grid-template-columns: 1fr; }
}


/* v0.7.0 product-first studio and horizontal media gallery */
.svp-product-editor { padding-bottom: 0; overflow: hidden; }
.svp-selected-product--hero { margin-bottom: 18px; grid-template-columns: 76px minmax(0,1fr); border: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--svp-primary) 9%, #fff), #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--svp-primary) 17%, var(--svp-border)); }
.svp-selected-product--hero img { width: 76px; height: 76px; border-radius: 17px; }
.svp-selected-product--hero h3 { font-size: 20px; }
.svp-editor-sections { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.svp-editor-card { min-width: 0; padding: 17px; border: 1px solid var(--svp-border); border-radius: 18px; background: #fbfcfe; }
.svp-editor-card--wide { grid-column: 1 / -1; }
.svp-editor-card__heading { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; }
.svp-editor-card__heading h3 { margin: 0; font-size: 17px; }
.svp-editor-card__heading p { margin: 3px 0 0; color: var(--svp-muted); font-size: 12px; }
.svp-editor-icon { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 11px; background: color-mix(in srgb, var(--svp-primary) 11%, #fff); color: var(--svp-primary); font-weight: 900; }
.svp-field textarea { width: 100%; min-height: 92px; resize: vertical; padding: 11px 12px; border: 1px solid #cfd5df; border-radius: 13px; background: #fff; color: var(--svp-text); font: inherit; line-height: 1.55; }
.svp-field textarea:focus { outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); border-color: var(--svp-primary); }
.svp-field textarea:disabled { background: #f2f4f7; color: #667085; }
.svp-unit-field { display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid #cfd5df; border-radius: 13px; overflow: hidden; background: #fff; }
.svp-unit-field input { border: 0 !important; border-radius: 0 !important; }
.svp-unit-field span { padding-inline: 11px; color: var(--svp-muted); font-weight: 850; border-inline-start: 1px solid var(--svp-border); }
.svp-multi-select { position: relative; }
.svp-multi-select > summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 48px; padding: 10px 12px; border: 1px solid #cfd5df; border-radius: 13px; background: #fff; cursor: pointer; list-style: none; font-weight: 650; }
.svp-multi-select > summary::-webkit-details-marker { display: none; }
.svp-multi-select[open] > summary { border-color: var(--svp-primary); outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); }
.svp-multi-select__popover { position: absolute; z-index: 30; inset-inline: 0; top: calc(100% + 8px); padding: 10px; border: 1px solid var(--svp-border); border-radius: 15px; background: #fff; box-shadow: 0 18px 45px rgba(16,24,40,.16); }
.svp-multi-select__popover > input { width: 100%; min-height: 42px; margin-bottom: 8px; padding: 9px 11px; border: 1px solid #cfd5df; border-radius: 11px; font: inherit; }
.svp-multi-select .svp-category-options { max-height: 280px; grid-template-columns: 1fr; border: 0; padding: 0; background: transparent; }
.svp-editor-savebar { position: sticky; bottom: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 22px calc(-1 * clamp(18px, 4vw, 32px)) 0; padding: 15px clamp(18px, 4vw, 32px); border-top: 1px solid var(--svp-border); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.svp-editor-savebar > div { display: grid; gap: 3px; }
.svp-editor-savebar span { color: var(--svp-muted); font-size: 12px; }
.svp-readonly-grid--four { grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 15px; }
.svp-status--warning { padding: 12px 14px; border-radius: 12px; background: #fffaeb; color: #b54708; }

.svp-collapsible-panel { padding: 0; overflow: hidden; }
.svp-panel-toggle { display: grid; grid-template-columns: 40px minmax(0,1fr) auto 28px; align-items: center; gap: 14px; width: 100%; padding: clamp(18px,4vw,28px); border: 0; background: #fff; color: var(--svp-text); text-align: start; cursor: pointer; }
.svp-panel-toggle:hover { background: #fbfcfe; }
.svp-panel-toggle__copy { display: grid; gap: 4px; }
.svp-panel-toggle__copy strong { font-size: clamp(20px,4vw,27px); }
.svp-panel-toggle__copy small { color: var(--svp-muted); font-size: 13px; }
.svp-count-badge { display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 10px; border-radius: 999px; background: color-mix(in srgb, var(--svp-primary) 10%, #fff); color: var(--svp-primary); font-weight: 900; }
.svp-panel-toggle__chevron { font-size: 24px; transition: transform .2s ease; }
.svp-panel-toggle[aria-expanded="true"] .svp-panel-toggle__chevron { transform: rotate(180deg); }
.svp-collapsible-content { padding: 0 clamp(18px,4vw,28px) clamp(18px,4vw,28px); border-top: 1px solid var(--svp-border); }
.svp-carousel-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 15px 0 10px; }
.svp-carousel-buttons { display: flex; gap: 8px; }
.svp-carousel-button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--svp-border); border-radius: 50%; background: #fff; color: var(--svp-primary); font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(16,24,40,.06); }
.svp-carousel-button:hover { border-color: var(--svp-primary); }
.svp-product-media--carousel { display: flex !important; grid-template-columns: none !important; gap: 14px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scroll-padding-inline: 4px; padding: 4px 4px 12px; scrollbar-width: thin; }
.svp-product-media--carousel .svp-media-card { flex: 0 0 min(340px, 88vw); scroll-snap-align: center; }

@media (max-width: 760px) {
	.svp-editor-sections { grid-template-columns: 1fr; }
	.svp-editor-card--wide { grid-column: auto; }
	.svp-readonly-grid--four { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.svp-editor-savebar { align-items: stretch; flex-direction: column; }
	.svp-editor-savebar .svp-button { width: 100%; }
	.svp-panel-toggle { grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; }
	.svp-panel-toggle__chevron { display: none; }
	.svp-panel-toggle__copy small { font-size: 12px; }
	.svp-carousel-toolbar { align-items: flex-end; }
	.svp-product-media--carousel .svp-media-card { flex-basis: 88vw; }
}
@media (max-width: 460px) {
	.svp-readonly-grid--four { grid-template-columns: 1fr; }
	.svp-editor-card { padding: 14px 12px; }
	.svp-selected-product--hero { grid-template-columns: 62px minmax(0,1fr); }
	.svp-selected-product--hero img { width: 62px; height: 62px; }
}


/* v0.8.1 single-worker bilingual AI product-copy assistant */
.svp-ai-copy-panel { overflow: hidden; }
.svp-ai-copy-controls { display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0, 1.58fr); gap: 14px; padding: 18px; border: 1px solid color-mix(in srgb, var(--svp-primary) 18%, var(--svp-border)); border-radius: 18px; background: linear-gradient(135deg, color-mix(in srgb, var(--svp-primary) 6%, #fff), #fff); }
.svp-ai-copy-controls .svp-field--wide { grid-column: auto; }
.svp-ai-copy-controls select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cfd5df; border-radius: 13px; background: #fff; color: var(--svp-text); font: inherit; }
.svp-ai-copy-generate { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.svp-button--magic { border: 0; background: linear-gradient(135deg, var(--svp-primary), color-mix(in srgb, var(--svp-primary) 58%, #7558ff)); color: #fff; box-shadow: 0 10px 24px color-mix(in srgb, var(--svp-primary) 24%, transparent); }
.svp-button--magic:hover { transform: translateY(-1px); filter: brightness(1.03); }
.svp-button--magic:disabled { transform: none; filter: grayscale(.2); box-shadow: none; }
.svp-ai-copy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.svp-ai-language-card { display: grid; align-content: start; gap: 13px; min-width: 0; padding: 18px; border: 1px solid var(--svp-border); border-radius: 19px; background: #fff; box-shadow: 0 8px 26px rgba(16,24,40,.055); }
.svp-ai-language-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--svp-border); }
.svp-ai-language-card__heading strong { font-size: 18px; }
.svp-ai-language-card__heading span { display: grid; place-items: center; min-width: 35px; height: 28px; padding: 0 8px; border-radius: 999px; background: color-mix(in srgb, var(--svp-primary) 10%, #fff); color: var(--svp-primary); font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.svp-ai-language-card label { display: grid; gap: 7px; font-weight: 800; font-size: 12px; }
.svp-ai-language-card input,
.svp-ai-language-card textarea { width: 100%; padding: 11px 12px; border: 1px solid #cfd5df; border-radius: 13px; background: #fff; color: var(--svp-text); font: inherit; line-height: 1.6; resize: vertical; }
.svp-ai-language-card input:focus,
.svp-ai-language-card textarea:focus { outline: 3px solid color-mix(in srgb, var(--svp-primary) 18%, transparent); border-color: var(--svp-primary); }
.svp-ai-language-card .svp-button { justify-self: stretch; }
.svp-ai-copy-warnings { margin-top: 16px; padding: 14px 16px; border: 1px solid #fedf89; border-radius: 15px; background: #fffaeb; color: #7a2e0e; }
.svp-ai-copy-warnings strong { display: block; margin-bottom: 7px; }
.svp-ai-copy-warnings ul { margin: 0; padding-inline-start: 20px; }
.svp-ai-copy-warnings li + li { margin-top: 5px; }
.svp-ai-attributes { margin-top: 16px; padding: 15px 16px; border: 1px solid color-mix(in srgb, var(--svp-primary) 16%, var(--svp-border)); border-radius: 15px; background: color-mix(in srgb, var(--svp-primary) 4%, #fff); }
.svp-ai-attributes > strong { display: block; margin-bottom: 10px; }
.svp-ai-attribute-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.svp-ai-attribute-chips span { display: inline-flex; align-items: center; gap: 4px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--svp-primary) 16%, var(--svp-border)); border-radius: 999px; background: #fff; font-size: 12px; }
.svp-ai-copy-panel .svp-current-description { margin-top: 16px; }
@media (max-width: 820px) {
	.svp-ai-copy-controls,
	.svp-ai-copy-grid { grid-template-columns: 1fr; }
	.svp-ai-copy-controls .svp-field--wide,
	.svp-ai-copy-generate { grid-column: auto; }
}
@media (max-width: 520px) {
	.svp-ai-copy-controls,
	.svp-ai-language-card { padding: 14px; border-radius: 15px; }
	.svp-ai-copy-generate .svp-button { width: 100%; }
}

.svp-engine-statuses {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.svp-engine-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 8px;
	border: 1px solid rgba(16,24,40,.1);
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}
.svp-engine-status::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #98a2b3;
}
.svp-engine-status--ready::before { background: #12b76a; }
.svp-engine-status--warming::before,
.svp-engine-status--waiting::before { background: #f79009; }
.svp-engine-status--error::before { background: #f04438; }
.svp-engine-status--disabled,
.svp-engine-status--offline { color: #667085; }


.svp-variations-panel .svp-editor-card{margin-bottom:18px}
.svp-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.svp-attributes-list,.svp-variation-cards{display:grid;gap:14px}
.svp-attribute-row,.svp-variation-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;background:#fff;box-shadow:0 4px 14px rgba(17,24,39,.04)}
.svp-attribute-row{display:grid;grid-template-columns:1.2fr 2fr repeat(2,minmax(160px,1fr)) auto;gap:12px;align-items:start}
.svp-attribute-row .svp-icon-button{align-self:center}
.svp-variation-card__header{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.svp-variation-card__media{width:58px;height:58px;border-radius:14px;overflow:hidden;background:#f5f7fb;display:flex;align-items:center;justify-content:center;flex:0 0 58px}
.svp-variation-card__media img{width:100%;height:100%;object-fit:cover}
.svp-button--ghost{background:transparent;border:1px solid rgba(0,0,0,.12);color:inherit}
@media (max-width: 860px){.svp-attribute-row{grid-template-columns:1fr}.svp-inline-actions{flex-direction:column;align-items:stretch}}

/* v0.9.2 ShamnaHub React-style compact product workspace */
.svp-app-shell {
	--svp-app-radius: 22px;
	--svp-app-shadow: 0 12px 36px rgba(16,24,40,.08);
	max-width: 1280px;
	background:
		radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--svp-primary) 8%, transparent), transparent 30%),
		#f5f7fb;
}
.svp-app-main { padding-top: clamp(14px, 2.4vw, 26px); }
.svp-studio > .svp-page-heading { margin-bottom: 14px; }
.svp-studio > .svp-page-heading h1 { font-size: clamp(25px, 3vw, 36px); }
.svp-worker-overview {
	min-height: 0;
	padding: 12px 16px;
	border-radius: 18px;
	box-shadow: 0 6px 18px rgba(16,24,40,.045);
}
.svp-worker-overview__main p { display: none; }
.svp-lookup-panel { max-width: 880px; margin-inline: auto; }

.svp-product-workspace {
	position: sticky;
	top: 82px;
	z-index: 18;
	margin: 14px 0 16px;
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--svp-primary) 14%, var(--svp-border));
	border-radius: 24px;
	background: rgba(245,247,251,.92);
	backdrop-filter: blur(18px);
	box-shadow: 0 12px 32px rgba(16,24,40,.09);
}
.svp-product-context-card {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 5px 7px 10px;
}
.svp-product-context-card .svp-selected-product {
	grid-template-columns: 54px minmax(0,1fr);
	padding: 5px;
	border: 0;
	background: transparent;
}
.svp-product-context-card .svp-selected-product img { width: 54px; height: 54px; border-radius: 16px; }
.svp-product-context-card .svp-selected-product h3 { font-size: 16px; }
.svp-context-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 42px;
	padding: 8px 13px;
	border: 1px solid color-mix(in srgb, var(--svp-primary) 18%, var(--svp-border));
	border-radius: 14px;
	background: #fff;
	color: var(--svp-primary);
	font: inherit;
	font-size: 12px;
	font-weight: 850;
	cursor: pointer;
}
.svp-context-action > span:first-child { font-size: 19px; }
.svp-workspace-tabs {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 6px;
	padding: 5px;
	border-radius: 18px;
	background: #e9edf4;
}
.svp-workspace-tab {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 8px 12px;
	border: 0;
	border-radius: 14px;
	background: transparent;
	color: #586174;
	font: inherit;
	font-size: 13px;
	font-weight: 850;
	cursor: pointer;
	transition: .18s ease;
}
.svp-workspace-tab.is-active {
	background: #fff;
	color: var(--svp-primary);
	box-shadow: 0 5px 16px rgba(16,24,40,.09);
}
.svp-tab-icon {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--svp-primary) 10%, #fff);
	color: var(--svp-primary);
	font-size: 15px;
}
.svp-workspace-tab.is-active .svp-tab-icon { background: var(--svp-primary); color: #fff; }
.svp-tab-count {
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding-inline: 6px;
	border-radius: 999px;
	background: rgba(102,112,133,.12);
	font-size: 10px;
}
.svp-workspace-tab.is-active .svp-tab-count { background: color-mix(in srgb, var(--svp-primary) 12%, #fff); }

.svp-product-workspace + .svp-panel,
.svp-product-workspace ~ .svp-panel { margin-top: 0; }
.svp-product-editor,
.svp-variations-panel,
.svp-ai-copy-panel,
.svp-collapsible-panel,
#svp-photo-panel {
	border-radius: 24px;
	box-shadow: var(--svp-app-shadow);
}
.svp-panel-heading { margin-bottom: 14px; }
.svp-panel-heading .svp-number { display: none; }
.svp-panel-heading h2 { font-size: clamp(21px,2.4vw,27px); }

.svp-section-tabs {
	display: flex;
	gap: 7px;
	overflow-x: auto;
	padding: 4px;
	margin: 8px 0 16px;
	border-radius: 15px;
	background: #f0f3f8;
	scrollbar-width: none;
}
.svp-section-tabs::-webkit-scrollbar { display: none; }
.svp-section-tab {
	flex: 1 0 auto;
	min-height: 40px;
	padding: 8px 14px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: var(--svp-muted);
	font: inherit;
	font-size: 12px;
	font-weight: 850;
	cursor: pointer;
}
.svp-section-tab.is-active {
	background: #fff;
	color: var(--svp-primary);
	box-shadow: 0 4px 12px rgba(16,24,40,.08);
}
.svp-editor-sections--tabbed {
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
}
.svp-editor-sections--tabbed .svp-editor-card {
	margin: 0;
	padding: 18px;
	border-radius: 18px;
	box-shadow: none;
	background: linear-gradient(180deg,#fff,#fbfcfe);
}
.svp-editor-sections--tabbed [data-detail-section="basic"],
.svp-editor-sections--tabbed [data-detail-section="shipping"],
.svp-editor-sections--tabbed [data-detail-section="organization"] { grid-column: 1 / -1; }
.svp-editor-card__heading { margin-bottom: 12px; }
.svp-editor-card__heading p { display: none; }
.svp-readonly-grid--four {
	margin-top: 12px;
	padding: 10px;
	border: 1px solid var(--svp-border);
	border-radius: 16px;
	background: #f8fafc;
}
.svp-editor-savebar {
	margin-top: 14px;
	border-radius: 0 0 22px 22px;
}

.svp-variations-panel { padding: clamp(16px,2.5vw,24px); }
.svp-variations-panel .svp-panel-heading { margin-bottom: 10px; }
.svp-variations-panel #svp-variations-app { display: grid; gap: 10px; }
.svp-tool-drawer {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 18px !important;
	box-shadow: none !important;
}
.svp-tool-drawer > summary {
	display: grid;
	grid-template-columns: 40px minmax(0,1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 66px;
	padding: 12px 14px;
	list-style: none;
	cursor: pointer;
	background: linear-gradient(135deg,#fff,color-mix(in srgb,var(--svp-primary) 3%,#fff));
}
.svp-tool-drawer > summary::-webkit-details-marker { display:none; }
.svp-tool-drawer__copy { display: grid; gap: 3px; }
.svp-tool-drawer__copy strong { font-size: 15px; }
.svp-tool-drawer__copy small { color: var(--svp-muted); font-size: 11px; }
.svp-tool-drawer__chevron { font-size: 20px; transition: transform .18s ease; }
.svp-tool-drawer[open] .svp-tool-drawer__chevron { transform: rotate(180deg); }
.svp-tool-drawer__body { padding: 14px; border-top: 1px solid var(--svp-border); }
.svp-attribute-row {
	grid-template-columns: minmax(150px,.75fr) minmax(240px,1.5fr) auto auto 38px;
	padding: 12px;
	border-radius: 15px;
	box-shadow: none;
	background: #f9fafc;
}
.svp-attribute-row .svp-icon-button {
	position: static;
	width: 36px;
	height: 36px;
	background: #fff;
	color: var(--svp-danger);
	border: 1px solid var(--svp-border);
	font-size: 19px;
}
.svp-variations-browser { margin: 0 !important; padding: 0 !important; overflow: hidden; box-shadow: none !important; }
.svp-variations-browser__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	padding: 15px;
	border-bottom: 1px solid var(--svp-border);
	background: #fff;
}
.svp-variations-browser__head h3 { margin: 0; font-size: 18px; }
.svp-variations-browser__head p { margin: 3px 0 0; color: var(--svp-muted); font-size: 12px; }
.svp-variation-filterbar { display: flex; gap: 8px; }
.svp-variation-filterbar input,
.svp-variation-filterbar select {
	min-height: 42px;
	padding: 8px 11px;
	border: 1px solid #d7dce5;
	border-radius: 13px;
	background: #f8fafc;
	color: var(--svp-text);
	font: inherit;
	font-size: 12px;
}
.svp-variation-filterbar input { min-width: 210px; }
.svp-variation-cards {
	gap: 0;
	max-height: min(65vh,720px);
	overflow-y: auto;
	scrollbar-width: thin;
	background: #fff;
}
.svp-variation-card {
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--svp-border);
	border-radius: 0;
	box-shadow: none;
}
.svp-variation-card:last-child { border-bottom: 0; }
.svp-variation-summary {
	display: grid;
	grid-template-columns: 52px minmax(150px,1.2fr) minmax(90px,.5fr) auto auto 24px;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 76px;
	padding: 10px 14px;
	border: 0;
	background: #fff;
	color: var(--svp-text);
	text-align: start;
	font: inherit;
	cursor: pointer;
}
.svp-variation-summary:hover,
.svp-variation-card.is-open .svp-variation-summary { background: color-mix(in srgb,var(--svp-primary) 3.5%,#fff); }
.svp-variation-summary__copy { display: grid; gap: 4px; min-width: 0; }
.svp-variation-summary__copy strong,
.svp-variation-summary__copy small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.svp-variation-summary__copy small { color: var(--svp-muted); font-size: 11px; }
.svp-variation-card__media { width: 50px; height: 50px; border-radius: 14px; }
.svp-variation-price { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.svp-price-old { color: var(--svp-muted); font-size: 11px; text-decoration: line-through; }
.svp-stock-pill,.svp-enabled-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}
.svp-stock-pill.is-in { background:#ecfdf3; color:#027a48; }
.svp-stock-pill.is-out { background:#fef3f2; color:#b42318; }
.svp-stock-pill.is-backorder { background:#fffaeb; color:#b54708; }
.svp-enabled-pill.is-enabled { background:#eef4ff; color:#3538cd; }
.svp-enabled-pill.is-disabled { background:#f2f4f7; color:#667085; }
.svp-row-chevron { font-size: 20px; color: var(--svp-muted); transition: transform .18s ease; }
.svp-variation-summary[aria-expanded="true"] .svp-row-chevron { transform: rotate(180deg); }
.svp-variation-body {
	padding: 16px;
	border-top: 1px dashed color-mix(in srgb,var(--svp-primary) 18%,var(--svp-border));
	background: #fbfcfe;
}
.svp-variation-actions { justify-content: flex-end; }

#svp-media-panel,#svp-photo-panel { margin-top: 0; }
#svp-photo-panel { margin-top: 10px; }
.svp-collapsible-panel .svp-panel-toggle { min-height: 76px; }

@media (max-width: 820px) {
	.svp-product-workspace { top: 70px; }
	.svp-product-context-card { grid-template-columns: minmax(0,1fr) auto; }
	.svp-context-action > span:last-child { display:none; }
	.svp-workspace-tab { flex-direction: column; gap: 3px; min-height: 54px; padding: 5px; font-size: 10px; }
	.svp-tab-icon { width: 26px; height: 26px; }
	.svp-tab-count { position: absolute; top: 4px; inset-inline-end: 8px; min-width: 18px; height: 18px; }
	.svp-editor-sections--tabbed { grid-template-columns: 1fr; }
	.svp-editor-sections--tabbed [data-detail-section] { grid-column: auto; }
	.svp-attribute-row { grid-template-columns: 1fr; }
	.svp-attribute-row .svp-icon-button { justify-self: end; }
	.svp-variations-browser__head { align-items: stretch; flex-direction: column; }
	.svp-variation-filterbar { display:grid; grid-template-columns:1fr auto; }
	.svp-variation-filterbar input { min-width:0; width:100%; }
	.svp-variation-summary { grid-template-columns: 48px minmax(0,1fr) auto 22px; gap: 9px; }
	.svp-variation-summary .svp-stock-pill,
	.svp-variation-summary .svp-enabled-pill { display:none; }
	.svp-variation-price { justify-self:end; }
	.svp-ai-copy-grid { display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; }
	.svp-ai-language-card { flex:0 0 min(88vw,560px); scroll-snap-align:center; }
}

@media (max-width: 760px) {
	.svp-app-main { padding-bottom: 96px; }
	.svp-product-workspace {
		position: static;
		padding: 8px;
		border-radius: 20px;
		backdrop-filter:none;
	}
	.svp-product-context-card { padding-bottom: 5px; }
	.svp-workspace-tabs {
		position: fixed;
		z-index: 80;
		left: 8px;
		right: 8px;
		bottom: max(8px,env(safe-area-inset-bottom));
		grid-template-columns: repeat(4,1fr);
		padding: 6px;
		border: 1px solid rgba(255,255,255,.7);
		border-radius: 20px;
		background: rgba(248,250,252,.94);
		backdrop-filter: blur(18px);
		box-shadow: 0 14px 38px rgba(16,24,40,.22);
	}
	.svp-product-editor,.svp-variations-panel,.svp-ai-copy-panel,.svp-collapsible-panel,#svp-photo-panel { border-radius: 20px; padding: 15px 12px; }
	.svp-collapsible-panel { padding:0; }
	.svp-section-tabs { margin-inline:-2px; }
	.svp-editor-savebar { margin-inline:-12px; margin-bottom:-15px; padding:12px; border-radius:0 0 20px 20px; }
	.svp-readonly-grid--four { display:flex; overflow-x:auto; gap:8px; }
	.svp-readonly-grid--four > div { flex:0 0 150px; }
	.svp-variation-cards { max-height: 58vh; }
	.svp-variation-summary { min-height:70px; padding:9px 10px; }
	.svp-variation-card__media { width:46px; height:46px; }
	.svp-variation-body { padding:12px 10px; }
}

@media (max-width: 460px) {
	.svp-product-context-card .svp-selected-product { grid-template-columns:48px minmax(0,1fr); }
	.svp-product-context-card .svp-selected-product img { width:48px; height:48px; }
	.svp-context-action { width:40px; min-height:40px; padding:0; justify-content:center; }
	.svp-tool-drawer > summary { grid-template-columns:36px minmax(0,1fr) auto; padding:10px; }
	.svp-tool-drawer__copy small { display:none; }
	.svp-variation-filterbar { grid-template-columns:1fr; }
	.svp-variation-summary { grid-template-columns:44px minmax(0,1fr) 22px; }
	.svp-variation-price { display:none; }
	.svp-variation-summary__copy strong { font-size:13px; }
}

/* v0.10.0 guided create-product flow */
.svp-create-product-launch{margin-inline-start:auto;white-space:nowrap}
.svp-create-product-panel{padding:0!important;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.svp-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--svp-primary) 9%,#fff),#fff 58%,color-mix(in srgb,var(--svp-accent) 8%,#fff));border-bottom:1px solid rgba(16,24,40,.07)}
.svp-create-head h2{margin:3px 0 6px;font-size:clamp(22px,3vw,30px)}
.svp-create-head p{margin:0;max-width:720px;color:#667085}
.svp-create-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 22px;background:#fff;border-bottom:1px solid rgba(16,24,40,.07)}
.svp-create-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:14px;background:#f2f4f7;color:#667085;font:inherit;font-weight:800;cursor:pointer}
.svp-create-steps button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(16,24,40,.08);font-size:12px}
.svp-create-steps button.is-active{background:color-mix(in srgb,var(--svp-primary) 11%,#fff);color:var(--svp-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--svp-primary) 18%,transparent)}
.svp-create-steps button.is-active span{background:var(--svp-primary);color:#fff}
.svp-create-product-panel>.svp-status{margin:14px 22px 0}
.svp-create-body{padding:18px 22px;min-height:315px}
.svp-create-section{animation:svpCreateIn .18s ease-out}
@keyframes svpCreateIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.svp-duplicate-check{display:flex;align-items:flex-start;gap:14px;margin-top:16px}
.svp-duplicate-results{display:grid;gap:8px;flex:1;min-width:0}
.svp-duplicate-heading{padding:9px 12px;border-radius:12px;background:#eef6ff;color:#175cd3;font-weight:800}
.svp-duplicate-heading.is-blocking{background:#fff1f0;color:#b42318}
.svp-duplicate-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}
.svp-duplicate-card.is-blocking{border-color:#fda29b;background:#fffafa}
.svp-duplicate-card div{display:grid;gap:3px;min-width:0}
.svp-duplicate-card strong,.svp-duplicate-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svp-duplicate-card span{font-size:12px;color:#667085}
.svp-create-category-options{max-height:190px;overflow:auto;border:1px solid #e4e7ec;border-radius:14px;background:#fff;padding:8px}
.svp-create-category-options label{padding-inline-start:calc(10px + var(--svp-category-depth,0)*16px)}
.svp-create-commerce-note{margin-bottom:14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--svp-accent) 12%,#fff);color:#5b4600;font-weight:700}
.svp-create-review-card{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--svp-primary) 10%,#fff),#fff);border:1px solid color-mix(in srgb,var(--svp-primary) 16%,#e4e7ec)}
.svp-create-review-card h3{margin:0 0 4px}.svp-create-review-card p{margin:0;color:#667085}
.svp-create-review-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--svp-primary);color:#fff;font-size:22px;font-weight:900}
.svp-create-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.svp-create-review-summary>div{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e4e7ec}
.svp-create-review-summary span{font-size:12px;color:#667085}.svp-create-review-summary b{overflow-wrap:anywhere}
.svp-create-draft-badge{grid-column:1/-1!important;display:block!important;background:#fff8e7!important;border-color:#fedf89!important;color:#93370d;font-weight:800;text-align:center}
.svp-create-confirm{margin-top:16px;padding:13px 15px;border-radius:14px;background:#fff;border:1px solid #e4e7ec}
.svp-create-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px calc(15px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgba(16,24,40,.08);position:sticky;bottom:0;z-index:4}
.svp-create-footer__right{display:flex;gap:10px;margin-inline-start:auto}
@media(max-width:720px){
 .svp-create-product-launch{width:100%;margin:8px 0 0}
 .svp-create-head{padding:17px 16px 13px}.svp-create-head p{font-size:13px}
 .svp-create-steps{padding:10px 12px;gap:5px}.svp-create-steps button{flex-direction:column;gap:2px;min-height:51px;padding:5px;font-size:10px}.svp-create-steps button span{width:22px;height:22px}
 .svp-create-product-panel>.svp-status{margin:10px 14px 0}.svp-create-body{padding:14px;min-height:360px}
 .svp-duplicate-check{flex-direction:column}.svp-duplicate-check>.svp-button{width:100%}.svp-duplicate-card{align-items:flex-start;flex-direction:column}.svp-duplicate-card>.svp-button{width:100%}
 .svp-create-review-summary{grid-template-columns:1fr}.svp-create-footer{padding-inline:14px}.svp-create-footer .svp-button{min-width:0}.svp-create-footer__right{flex:1}.svp-create-footer__right .svp-button{flex:1}
}

/* v0.11.0 — React-style product library */
.svp-products-page{display:grid;gap:18px}
.svp-products-heading{align-items:flex-start}
.svp-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.svp-products-app{display:grid;gap:16px}
.svp-product-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.svp-stat-card{appearance:none;border:1px solid rgba(24,35,52,.08);background:rgba(255,255,255,.94);border-radius:18px;padding:15px;text-align:start;display:grid;gap:8px;box-shadow:0 8px 24px rgba(15,23,42,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.svp-stat-card:hover,.svp-stat-card.is-active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--svp-primary) 45%,transparent);box-shadow:0 12px 30px rgba(15,23,42,.09)}
.svp-stat-card span{font-size:.78rem;color:#667085;font-weight:700}
.svp-stat-card strong{font-size:1.55rem;line-height:1;color:#172033}
.svp-products-toolbar{padding:14px}
.svp-products-filter-grid{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(135px,1fr)) auto;gap:10px;align-items:end}
.svp-products-filter-grid .svp-field{margin:0}
.svp-filter-reset{min-height:44px}
.svp-products-bulk{position:sticky;top:76px;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border:1px solid rgba(24,35,52,.1);border-radius:18px;padding:12px 14px;box-shadow:0 12px 30px rgba(15,23,42,.1)}
.svp-products-bulk__summary{display:flex;justify-content:space-between;gap:15px;align-items:center}
.svp-products-bulk__details{margin-top:8px}
.svp-products-bulk__details summary{cursor:pointer;font-weight:800;color:var(--svp-primary);padding:6px 0}
.svp-products-bulk__details[open] summary{margin-bottom:10px}
.svp-product-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svp-product-library-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;background:#fff;border:1px solid rgba(24,35,52,.08);border-radius:22px;padding:14px;box-shadow:0 9px 28px rgba(15,23,42,.055);min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.svp-product-library-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.1);border-color:rgba(24,35,52,.14)}
.svp-product-card-check{position:absolute;top:10px;inset-inline-start:10px;z-index:2;width:28px;height:28px;border-radius:9px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px rgba(15,23,42,.15);cursor:pointer}
.svp-product-card-check input{width:17px;height:17px;margin:0;accent-color:var(--svp-primary)}
.svp-product-library-card__image{height:112px;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#f3f5f8,#e9edf4);display:grid;place-items:center}
.svp-product-library-card__image img{width:100%;height:100%;object-fit:cover}
.svp-product-library-card__placeholder{font-size:2rem;color:#98a2b3}
.svp-product-library-card__body{min-width:0;display:grid;gap:11px}
.svp-product-library-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.svp-product-library-card__top h3{margin:0;font-size:1rem;line-height:1.35;color:#172033;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svp-product-library-card__top p{margin:4px 0 0;color:#667085;font-size:.76rem}
.svp-product-state{flex:none;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800;background:#f2f4f7;color:#475467}
.svp-product-state--publish{background:#ecfdf3;color:#027a48}
.svp-product-state--draft{background:#fff7e6;color:#b54708}
.svp-product-state--pending{background:#eff8ff;color:#175cd3}
.svp-product-state--private{background:#f4f3ff;color:#5925dc}
.svp-product-library-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.svp-product-library-card__facts span{display:grid;gap:2px;min-width:0}
.svp-product-library-card__facts small{font-size:.67rem;color:#98a2b3;font-weight:700}
.svp-product-library-card__facts b{font-size:.78rem;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svp-product-warning-row{display:flex;gap:5px;flex-wrap:wrap;min-height:24px}
.svp-product-warning-row span{font-size:.67rem;font-weight:800;color:#b42318;background:#fef3f2;border-radius:999px;padding:5px 8px}
.svp-product-warning-row.is-complete span{color:#027a48;background:#ecfdf3}
.svp-product-library-card__actions{display:flex;gap:8px;margin-top:auto}
.svp-product-library-card__actions .svp-button{flex:1;padding-inline:10px;min-height:38px;font-size:.76rem}
.svp-products-pagination{display:flex;justify-content:center;gap:7px;align-items:center;padding:4px}
.svp-products-pagination button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(24,35,52,.1);background:#fff;color:#344054;font-weight:800;cursor:pointer}
.svp-products-pagination button.is-active{background:var(--svp-primary);border-color:var(--svp-primary);color:#fff}
.svp-products-pagination button:disabled{opacity:.38;cursor:not-allowed}
.svp-empty-state{grid-column:1/-1;text-align:center;padding:48px 20px;background:#fff;border:1px dashed rgba(24,35,52,.16);border-radius:22px;color:#667085}
.svp-empty-state>span{font-size:2.5rem;display:block;margin-bottom:8px}
.svp-empty-state h3{margin:0 0 5px;color:#172033}
.svp-empty-state p{margin:0}
.svp-product-library-loading{grid-column:1/-1;display:grid;gap:12px}
.svp-product-library-loading span{height:145px;border-radius:22px;background:linear-gradient(90deg,#f3f4f6 25%,#fafafa 38%,#f3f4f6 63%);background-size:400% 100%;animation:svp-shimmer 1.4s infinite}
@keyframes svp-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.svp-product-drawer[hidden]{display:none!important}
.svp-product-drawer{position:fixed;inset:0;z-index:99999;display:grid;grid-template-columns:1fr minmax(320px,460px)}
.svp-product-drawer__backdrop{border:0;background:rgba(15,23,42,.52);backdrop-filter:blur(3px);cursor:pointer}
.svp-product-drawer__panel{background:#fff;min-height:100%;padding:22px;overflow:auto;box-shadow:-25px 0 60px rgba(15,23,42,.22);display:flex;flex-direction:column;gap:16px}
[dir="rtl"] .svp-product-drawer__panel{box-shadow:25px 0 60px rgba(15,23,42,.22)}
.svp-product-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(24,35,52,.08);padding-bottom:13px}
.svp-product-drawer__header h2{margin:3px 0 0;font-size:1.25rem}
.svp-product-drawer__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:8px}
.svp-drawer-open{overflow:hidden}
@media(max-width:1050px){.svp-product-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.svp-products-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svp-products-search{grid-column:1/-1}.svp-product-library{grid-template-columns:1fr}}
@media(max-width:680px){.svp-products-heading{gap:10px}.svp-heading-actions{width:100%}.svp-heading-actions .svp-button{flex:1}.svp-product-stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.svp-stat-card{min-width:138px;scroll-snap-align:start}.svp-products-filter-grid{grid-template-columns:1fr 1fr}.svp-products-search{grid-column:1/-1}.svp-filter-reset{grid-column:1/-1}.svp-products-bulk{top:64px}.svp-product-library-card{grid-template-columns:82px minmax(0,1fr);padding:11px;gap:11px;border-radius:18px}.svp-product-library-card__image{height:92px;border-radius:14px}.svp-product-library-card__facts{grid-template-columns:1fr 1fr}.svp-product-library-card__actions{grid-column:1/-1}.svp-product-library-card__actions .svp-button{font-size:.72rem}.svp-product-drawer{grid-template-columns:1fr}.svp-product-drawer__backdrop{position:absolute;inset:0}.svp-product-drawer__panel{position:absolute;inset-inline:0;bottom:0;top:auto;max-height:88vh;min-height:0;border-radius:24px 24px 0 0;padding:18px}.svp-product-drawer__actions{position:sticky;bottom:0;background:#fff;padding-bottom:max(6px,env(safe-area-inset-bottom))}}

/* v1.0 integrated review workflow */
.svp-review-dot{width:8px;height:8px;border-radius:999px;background:#c8ced8;display:inline-block;margin-inline-start:4px}
.svp-review-dot--submitted{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.13)}
.svp-review-dot--changes_requested,.svp-review-dot--rejected{background:#ef4444}
.svp-review-dot--approved{background:#10b981}
.svp-review-panel{max-width:980px;margin-inline:auto}
.svp-review-state-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);gap:14px;padding:18px;border:1px solid rgba(17,24,39,.08);border-radius:20px;background:linear-gradient(145deg,#fff,#f7f9fc);margin-bottom:16px}
.svp-review-state-card>div{display:flex;flex-direction:column;gap:4px}.svp-review-state-card>div>span{font-size:.78rem;color:#667085}.svp-review-state-card>div>strong{font-size:1.15rem}.svp-review-state-card>p{grid-column:1/-1;margin:0;padding:12px;border-radius:12px;background:#fff7ed;color:#9a3412}
.svp-review-ready{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.svp-review-ready>span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center}.svp-review-ready.is-ready>span{background:#dcfce7;color:#166534}.svp-review-ready.is-missing>span{background:#fee2e2;color:#991b1b}
.svp-readiness-checks{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin-bottom:16px}.svp-readiness-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:14px;border:1px solid rgba(17,24,39,.08);background:#fff}.svp-readiness-item>span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:800}.svp-readiness-item.is-passed>span{background:#dcfce7;color:#166534}.svp-readiness-item.is-missing>span{background:#fee2e2;color:#991b1b}
.svp-review-history{margin-top:18px;border-top:1px solid rgba(17,24,39,.08);padding-top:14px}.svp-review-history>summary{cursor:pointer;font-weight:800}.svp-review-history-item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid rgba(17,24,39,.07)}.svp-review-history-item>div{display:flex;gap:8px;align-items:center}.svp-review-history-item>div>span,.svp-review-history-item>time{font-size:.78rem;color:#667085}.svp-review-history-item>p{grid-column:1/-1;margin:0;color:#475467}
.svp-reviews-page{max-width:1180px;margin:0 auto}.svp-review-stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:14px}.svp-reviews-toolbar{display:flex;align-items:end;gap:12px}.svp-reviews-toolbar .svp-field{flex:1}.svp-review-list{display:grid;gap:14px}.svp-review-card{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(17,24,39,.08);background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.06)}.svp-review-card__head{display:flex;align-items:center;gap:14px}.svp-review-card__image{width:76px;height:76px;border-radius:18px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center;flex:0 0 76px}.svp-review-card__image img{width:100%;height:100%;object-fit:cover}.svp-review-card__head h3{margin:0 0 4px}.svp-review-card__head p{margin:0 0 7px;color:#667085}.svp-review-readiness-row{display:flex;flex-wrap:wrap;gap:8px}.svp-review-readiness-row span{font-size:.78rem;padding:6px 9px;border-radius:999px;background:#f2f4f7}.svp-review-readiness-row .is-passed{background:#ecfdf3;color:#027a48}.svp-review-readiness-row .is-missing{background:#fef3f2;color:#b42318}.svp-review-existing-note{padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412}.svp-review-card__actions{display:flex;flex-wrap:wrap;gap:9px}.svp-review-state--submitted{background:#fffaeb!important;color:#b54708!important}.svp-review-state--approved{background:#ecfdf3!important;color:#027a48!important}.svp-review-state--changes_requested,.svp-review-state--rejected{background:#fef3f2!important;color:#b42318!important}
@media (max-width:760px){.svp-readiness-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.svp-review-state-card{grid-template-columns:1fr}.svp-review-stats{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.svp-review-stats .svp-stat-card{min-width:150px;scroll-snap-align:start}.svp-reviews-toolbar{align-items:stretch;flex-direction:column}.svp-review-card__actions{display:grid;grid-template-columns:1fr 1fr}.svp-review-card__actions .svp-button:first-child{grid-column:1/-1}}

/* v1.1 mobile-first control-room experience */
.svp-mobile-nav{display:none}
.svp-template-head{display:grid;gap:4px;margin-bottom:12px}.svp-template-head small{color:var(--svp-muted)}
.svp-create-template-attributes{padding:14px;border:1px solid color-mix(in srgb,var(--svp-primary) 20%,var(--svp-border));border-radius:18px;background:color-mix(in srgb,var(--svp-primary) 4%,#fff)}
.svp-template-library+.svp-template-library{margin-top:14px}.svp-template-library__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.svp-template-library__head span{font-size:12px;color:var(--svp-muted)}
.svp-value-chips{display:flex;flex-wrap:wrap;gap:8px}.svp-value-chips label{position:relative}.svp-value-chips input{position:absolute;opacity:0}.svp-value-chips span{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-weight:750;cursor:pointer;transition:.18s}.svp-value-chips input:checked~span{border-color:var(--svp-primary);background:var(--svp-primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--svp-primary) 25%,transparent)}
.svp-attribute-row{position:relative}.svp-attribute-row>.svp-icon-button{position:static;align-self:center}.svp-attribute-library-values>span{display:block;margin-bottom:8px;font-weight:750}
.svp-attribute-library{min-height:46px}.svp-attribute-value-chips{max-height:180px;overflow:auto;padding:3px}
.svp-app-shell--compact .svp-panel{padding:clamp(14px,3vw,24px)}.svp-app-shell--compact .svp-editor-card{padding:16px}.svp-app-shell--compact .svp-panel-heading{margin-bottom:16px}.svp-app-shell--compact .svp-details-grid{gap:12px}.svp-app-shell--compact textarea{resize:vertical}
.svp-money-field span{font-size:12px;font-weight:850;white-space:nowrap}.svp-money-field input{direction:ltr;text-align:start}
@media(max-width:760px){
 body.svp-portal-page{background:#f5f7fb!important;padding-bottom:74px!important}
 .svp-app-shell{margin:0 auto 76px}
 .svp-app-main{padding:10px 8px 26px}
 .svp-app-header{position:sticky;top:0;border-radius:0}
 .svp-page-heading h1{font-size:26px}.svp-page-heading{margin-bottom:14px}
 .svp-panel,.svp-notice{border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(16,24,40,.05)}
 .svp-panel+.svp-panel{margin-top:12px}
 .svp-workspace-tabs{position:sticky;top:66px;z-index:18;display:flex;gap:7px;padding:7px;margin:0 -8px 10px;border-radius:0;background:rgba(245,247,251,.96);overflow-x:auto;scroll-snap-type:x mandatory;box-shadow:0 8px 18px rgba(16,24,40,.05)}
 .svp-workspace-tab{min-width:96px;scroll-snap-align:start;border-radius:13px}
 .svp-detail-tabs{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scroll-snap-type:x mandatory}.svp-detail-tabs button{min-width:max-content;scroll-snap-align:start}
 .svp-create-steps{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x mandatory}.svp-create-steps button{min-width:118px;scroll-snap-align:start}
 .svp-create-footer{position:sticky;bottom:78px;z-index:16;margin:14px -14px -14px;padding:10px 14px;background:rgba(255,255,255,.96);border-top:1px solid var(--svp-border);backdrop-filter:blur(12px)}
 .svp-product-media--carousel,.svp-ai-copy-grid,.svp-product-stats{scroll-snap-type:x mandatory}.svp-media-group-card,.svp-ai-language-card,.svp-stat-card{scroll-snap-align:start}
 .svp-variation-cards{max-height:min(62vh,650px);overflow:auto;padding-inline-end:2px}
 .svp-tool-drawer__body{padding:12px 0 0}.svp-tool-drawer summary{min-height:64px}
 .svp-value-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.svp-value-chips label{flex:0 0 auto;scroll-snap-align:start}
 .svp-attribute-row{grid-template-columns:1fr!important;padding:13px}.svp-attribute-row>.svp-icon-button{position:absolute;top:9px;inset-inline-end:9px}
 .svp-mobile-nav{position:fixed;z-index:999;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:stretch;min-height:68px;padding:5px max(7px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid #e4e7ec;box-shadow:0 -9px 26px rgba(16,24,40,.12);backdrop-filter:blur(14px)}
 .svp-mobile-nav a{display:grid;place-items:center;align-content:center;gap:2px;min-width:58px;color:#667085!important;text-decoration:none;font-size:10px;font-weight:750}.svp-mobile-nav b{font-size:21px;line-height:1;color:var(--svp-primary)}
 .svp-mobile-nav a:nth-child(3){transform:translateY(-12px)}.svp-mobile-nav a:nth-child(3) b{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--svp-primary);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--svp-primary) 35%,transparent)}
 .svp-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:2px 1px 8px}.svp-grid .svp-card{min-width:82%;scroll-snap-align:center;min-height:132px}
 .svp-products-list,.svp-review-queue-list{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.svp-products-list>* ,.svp-review-queue-list>*{min-width:88%;scroll-snap-align:center}
}
.svp-template-library__head em{display:inline-flex;margin-inline-start:6px;padding:3px 7px;border-radius:999px;background:#fef3f2;color:#b42318;font-size:10px;font-style:normal;font-weight:850}
.svp-variation-price small{font-size:10px;font-weight:800;color:inherit}

.svp-value-chips label.has-swatch span{padding-inline-start:34px}.svp-value-swatch{position:absolute;z-index:2;inset-inline-start:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;border:1px solid rgba(17,24,39,.18);background:var(--svp-value-color,#fff);pointer-events:none}.svp-value-chips input:checked~.svp-value-swatch{border-color:rgba(255,255,255,.9);box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.svp-value-chips label.is-disabled-value{opacity:.58}.svp-value-chips label.is-disabled-value span{cursor:not-allowed;border-style:dashed}

/* v1.2 mobile camera, configurable density and action controls */
.svp-input-with-action{display:flex;align-items:stretch;gap:7px;width:100%}.svp-input-with-action>input{min-width:0;flex:1}.svp-field-action{flex:0 0 46px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:var(--svp-primary);font-size:22px;font-weight:800;cursor:pointer}.svp-field-action:hover{background:#f8fafc}.svp-field-action[hidden]{display:none!important}
.svp-barcode-modal{position:fixed;z-index:100050;inset:0;padding:16px;background:rgba(15,23,42,.76);backdrop-filter:blur(8px);display:grid;place-items:center}.svp-barcode-modal[hidden]{display:none!important}.svp-scanner-open{overflow:hidden}.svp-barcode-sheet{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:26px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.svp-barcode-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 4px 12px}.svp-barcode-head h2{margin:2px 0 0;font-size:21px}.svp-barcode-camera{position:relative;overflow:hidden;border-radius:20px;background:#0f172a;min-height:320px}.svp-barcode-camera video{display:block;width:100%;height:min(58dvh,500px);min-height:320px;object-fit:cover}.svp-barcode-guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:linear-gradient(rgba(0,0,0,.17),rgba(0,0,0,.17))}.svp-barcode-guide i{display:block;width:82%;height:30%;border:2px solid #fff;border-radius:18px;box-shadow:0 0 0 100vmax rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,255,255,.22);position:relative}.svp-barcode-guide i:after{content:"";position:absolute;left:7%;right:7%;top:50%;height:2px;background:var(--svp-accent);box-shadow:0 0 12px var(--svp-accent)}.svp-barcode-torch{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border:0;border-radius:16px;background:rgba(255,255,255,.92);color:#111827;font-size:22px;box-shadow:0 7px 18px rgba(0,0,0,.25)}.svp-barcode-torch[aria-pressed="true"]{background:var(--svp-accent);color:#111}.svp-barcode-status{margin:12px 4px 4px;padding:10px 12px;border-radius:12px;background:#f5f7fa;text-align:center;font-weight:700}.svp-barcode-status[data-state="error"]{background:#fff0f0;color:#b42318}.svp-barcode-status[data-state="warning"]{background:#fff8e5;color:#8a5a00}
.svp-app-shell--comfortable .svp-panel{padding:clamp(18px,4vw,32px)}.svp-app-shell--comfortable .svp-details-grid{gap:18px}.svp-app-shell--comfortable .svp-editor-card{padding:20px}
@media(max-width:720px){.svp-barcode-modal{padding:0;align-items:end}.svp-barcode-sheet{width:100%;max-height:94dvh;border-radius:26px 26px 0 0;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.svp-barcode-camera,.svp-barcode-camera video{min-height:350px}.svp-mobile-nav a:nth-child(3){transform:none}.svp-mobile-nav a:nth-child(3) b{display:block;width:auto;height:auto;border-radius:0;background:none;color:var(--svp-primary);box-shadow:none}.svp-mobile-nav a[data-svp-nav="create"]{transform:translateY(-12px)}.svp-mobile-nav a[data-svp-nav="create"] b{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--svp-primary);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--svp-primary) 35%,transparent)}.svp-app-shell--sticky-actions .svp-create-footer{position:sticky;bottom:73px;z-index:16;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:9px 0}.svp-app-shell--dense .svp-panel{padding:14px}.svp-app-shell--dense .svp-details-grid{gap:10px}}
@media(max-width:760px){.svp-mobile-nav a:nth-child(3){transform:none}.svp-mobile-nav a:nth-child(3) b{display:block;width:auto;height:auto;border-radius:0;background:none;color:var(--svp-primary);box-shadow:none}.svp-mobile-nav a[data-svp-nav="create"]{transform:translateY(-12px)}.svp-mobile-nav a[data-svp-nav="create"] b{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--svp-primary);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--svp-primary) 35%,transparent)}}