/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-primitives.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --sw-primitive-color-page: #f7f8fa;
  --sw-primitive-color-panel: #ffffff;
  --sw-primitive-color-panel-muted: #f2f5f8;
  --sw-primitive-color-text: #17202a;
  --sw-primitive-color-muted: #5d6875;
  --sw-primitive-color-border: #d9dee5;
  --sw-primitive-color-border-strong: #c7d8ec;
  --sw-primitive-color-accent: #2563eb;
  --sw-primitive-color-accent-contrast: #ffffff;
  --sw-primitive-color-focus: rgba(37, 99, 235, 0.24);
  --sw-primitive-color-success: #15803d;
  --sw-primitive-color-warning: #b7791f;
  --sw-primitive-color-danger: #b42318;
  --sw-primitive-color-disabled: #8b98a8;
  --sw-primitive-color-danger-surface: #fff1f0;
  --sw-primitive-color-warning-surface: #fff7e6;
  --sw-primitive-color-success-surface: #ecfdf3;
  --sw-primitive-color-accent-surface: #eff6ff;
  --sw-primitive-color-neutral-surface: #f6f8fb;
  --sw-primitive-color-stale-surface: #f5f3ff;
  --sw-primitive-color-conflict-surface: #fff4ed;
  --sw-primitive-color-stale: #5b4ac7;
  --sw-primitive-color-conflict: #c2410c;
  --sw-primitive-color-overlay-backdrop: rgba(15, 23, 32, 0.36);

  --sw-primitive-space-page-inset: 24px;
  --sw-primitive-space-stack-sm: 8px;
  --sw-primitive-space-stack-md: 12px;
  --sw-primitive-space-stack-lg: 16px;
  --sw-primitive-space-grid-gap: 16px;
  --sw-primitive-space-row-padding: 12px;
  --sw-primitive-space-control-padding: 12px;
  --sw-primitive-space-badge-padding: 10px;
  --sw-primitive-space-menu-inset: 4px;
  --sw-primitive-space-panel-padding: 16px;
  --sw-primitive-space-panel-padding-compact: 12px;
  --sw-primitive-space-select-item-end-padding: 32px;
  --sw-primitive-space-overlay-padding: 20px;
  --sw-primitive-space-overlay-gap: 18px;
  --sw-primitive-space-toolbar-padding: 10px;
  --sw-primitive-space-table-cell-padding: 12px;
  --sw-primitive-space-state-padding: 18px;
  --sw-primitive-space-mobile-action-inline: 12px;

  --sw-primitive-type-page-title-size: 22px;
  --sw-primitive-type-section-title-size: 15px;
  --sw-primitive-type-body-size: 13px;
  --sw-primitive-type-caption-size: 12px;
  --sw-primitive-type-control-size: 13px;
  --sw-primitive-type-line-tight: 1.2;
  --sw-primitive-type-line-body: 1.45;

  --sw-primitive-radius-panel: 8px;
  --sw-primitive-radius-control: 6px;
  --sw-primitive-radius-choice: 5px;
  --sw-primitive-radius-badge: 999px;
  --sw-primitive-radius-focus: 8px;

  --sw-primitive-shadow-panel: 0 8px 24px rgba(15, 23, 32, 0.08);
  --sw-primitive-shadow-raised: 0 14px 28px rgba(26, 46, 74, 0.06);
  --sw-primitive-shadow-overlay: 0 24px 48px rgba(26, 46, 74, 0.16);
  --sw-primitive-shadow-focus: 0 0 0 4px var(--sw-primitive-color-focus);

  --sw-primitive-border-default: 1px solid var(--sw-primitive-color-border);
  --sw-primitive-border-subtle: 1px solid rgba(217, 222, 229, 0.72);
  --sw-primitive-border-strong: 1px solid var(--sw-primitive-color-border-strong);
  --sw-primitive-border-interactive: 1px solid rgba(37, 99, 235, 0.58);
  --sw-primitive-border-spinner-width: 2px;

  --sw-primitive-density-row-height: 44px;
  --sw-primitive-density-toolbar-height: 40px;
  --sw-primitive-density-control-height: 36px;
  --sw-primitive-density-control-height-sm: 32px;
  --sw-primitive-density-control-height-lg: 42px;
  --sw-primitive-density-textarea-min-height: 88px;
  --sw-primitive-density-badge-height: 24px;
  --sw-primitive-density-choice-size: 18px;
  --sw-primitive-density-choice-icon-size: 14px;
  --sw-primitive-density-icon-size: 16px;
  --sw-primitive-density-select-content-min-width: 180px;
  --sw-primitive-density-menu-min-width: 192px;
  --sw-primitive-density-popover-width: 280px;
  --sw-primitive-density-tooltip-max-width: 240px;
  --sw-primitive-density-dialog-width: 520px;
  --sw-primitive-density-sheet-width: 420px;
  --sw-primitive-density-sheet-bottom-height: 72vh;
  --sw-primitive-density-overlay-max-height: 86vh;
  --sw-primitive-density-close-button-size: 30px;
  --sw-primitive-density-breadcrumb-separator-size: 14px;
  --sw-primitive-density-separator-height: 1px;
  --sw-primitive-density-tab-height: 34px;
  --sw-primitive-density-scrollbar-size: 10px;
  --sw-primitive-density-spinner-size: 14px;
  --sw-primitive-density-switch-width: 38px;
  --sw-primitive-density-switch-height: 22px;
  --sw-primitive-density-switch-thumb-size: 18px;
  --sw-primitive-density-inspector-width: 360px;
  --sw-primitive-density-mobile-action-height: 64px;
  --sw-primitive-density-table-row-height: 44px;
  --sw-primitive-density-data-list-media-size: 40px;
  --sw-primitive-density-state-icon-size: 34px;
  --sw-primitive-density-skeleton-block-height: 14px;
  --sw-primitive-layer-overlay: 50;
  --sw-primitive-layer-mobile-action: 40;
  --sw-primitive-layer-popover: 60;
  --sw-primitive-layer-tooltip: 70;
  --sw-primitive-motion-fast: 120ms;
  --sw-primitive-motion-switch-thumb-start: 1px;
  --sw-primitive-motion-switch-thumb-checked: 17px;
}

.sw-type-page-title {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-page-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-type-section-title {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 650;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-type-body {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-type-caption {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-surface-page {
  background: var(--sw-primitive-color-page);
  color: var(--sw-primitive-color-text);
}

.sw-surface-panel {
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-panel);
}

.sw-stack-sm,
.sw-stack-md,
.sw-cluster-sm,
.sw-split,
.sw-toolbar {
  display: flex;
}

.sw-stack-sm,
.sw-stack-md {
  flex-direction: column;
}

.sw-stack-sm {
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-stack-md {
  gap: var(--sw-primitive-space-stack-md);
}

.sw-cluster-sm {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  flex-wrap: wrap;
}

.sw-split {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-grid-gap);
}

.sw-toolbar {
  min-height: var(--sw-primitive-density-toolbar-height);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-button {
  min-height: var(--sw-primitive-density-control-height);
  gap: var(--sw-primitive-space-stack-sm);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  padding: 0 var(--sw-primitive-space-control-padding);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 650;
  line-height: 1;
}

.sw-primitive-button__content {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-button:focus-visible {
  box-shadow: var(--sw-primitive-shadow-focus);
}

.sw-primitive-button--primary {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-primitive-button--secondary {
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
}

.sw-primitive-button--danger {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-primitive-button--ghost {
  border-color: transparent;
  background: transparent;
  color: var(--sw-primitive-color-text);
}

.sw-primitive-button--sm {
  min-height: var(--sw-primitive-density-control-height-sm);
}

.sw-primitive-button--md {
  min-height: var(--sw-primitive-density-control-height);
}

.sw-primitive-button--lg {
  min-height: var(--sw-primitive-density-control-height-lg);
}

.sw-primitive-button--icon {
  width: var(--sw-primitive-density-control-height);
  padding: 0;
}

.sw-primitive-state--loading {
  cursor: wait;
}

.sw-primitive-spinner {
  width: var(--sw-primitive-density-spinner-size);
  height: var(--sw-primitive-density-spinner-size);
  flex: 0 0 auto;
  border: var(--sw-primitive-border-spinner-width) solid currentColor;
  border-right-color: transparent;
  border-radius: var(--sw-primitive-radius-badge);
}

.sw-primitive-badge {
  display: inline-flex;
  min-height: var(--sw-primitive-density-badge-height);
  align-items: center;
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  padding: 0 var(--sw-primitive-space-badge-padding);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 650;
  line-height: 1;
}

.sw-primitive-badge--neutral {
  background: var(--sw-primitive-color-panel-muted);
  color: var(--sw-primitive-color-muted);
}

.sw-primitive-badge--success {
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-primitive-color-success);
}

.sw-primitive-badge--warning {
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-primitive-color-warning);
}

.sw-primitive-badge--danger {
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-primitive-color-danger);
}

.sw-primitive-badge--info {
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
}

.sw-primitive-field {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-field__label,
.sw-primitive-choice__label {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 650;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-field__description {
  margin: 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-field__error {
  margin: 0;
  color: var(--sw-primitive-color-danger);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 650;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-control {
  outline: none;
}

.sw-primitive-input {
  min-height: var(--sw-primitive-density-control-height);
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  line-height: var(--sw-primitive-type-line-body);
  padding: 0 var(--sw-primitive-space-control-padding);
}

.sw-primitive-textarea {
  min-height: var(--sw-primitive-density-textarea-min-height);
  resize: vertical;
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  line-height: var(--sw-primitive-type-line-body);
  padding: var(--sw-primitive-space-stack-sm) var(--sw-primitive-space-control-padding);
}

.sw-primitive-input:focus-visible,
.sw-primitive-textarea:focus-visible,
.sw-primitive-select:focus-visible,
.sw-primitive-checkbox:focus-visible,
.sw-primitive-switch:focus-visible {
  border-color: var(--sw-primitive-color-accent);
  box-shadow: var(--sw-primitive-shadow-focus);
  outline: none;
}

.sw-primitive-input:disabled,
.sw-primitive-input[aria-disabled='true'],
.sw-primitive-textarea:disabled,
.sw-primitive-textarea[aria-disabled='true'],
.sw-primitive-select[data-disabled],
.sw-primitive-checkbox[data-disabled],
.sw-primitive-switch[data-disabled] {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
}

.sw-primitive-state--error {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
}

.sw-primitive-state--readonly {
  background: var(--sw-primitive-color-panel-muted);
}

.sw-primitive-state--blocked {
  border-color: var(--sw-primitive-color-warning);
  background: var(--sw-primitive-color-warning-surface);
}

.sw-primitive-select {
  display: inline-flex;
  min-height: var(--sw-primitive-density-control-height);
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  padding: 0 var(--sw-primitive-space-control-padding);
}

.sw-primitive-select__icon {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
  color: var(--sw-primitive-color-muted);
}

.sw-primitive-select__content {
  z-index: var(--sw-primitive-layer-overlay);
  min-width: var(--sw-primitive-density-select-content-min-width);
  overflow: hidden;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-overlay);
}

.sw-primitive-select__viewport {
  padding: var(--sw-primitive-space-menu-inset);
}

.sw-primitive-select__item {
  position: relative;
  display: flex;
  min-height: var(--sw-primitive-density-control-height-sm);
  align-items: center;
  border-radius: var(--sw-primitive-radius-control);
  color: var(--sw-primitive-color-text);
  cursor: pointer;
  font-size: var(--sw-primitive-type-control-size);
  padding: 0 var(--sw-primitive-space-select-item-end-padding) 0 var(--sw-primitive-space-control-padding);
  user-select: none;
}

.sw-primitive-select__item[data-highlighted] {
  background: var(--sw-primitive-color-accent-surface);
  outline: none;
}

.sw-primitive-select__item[data-disabled] {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
}

.sw-primitive-select__indicator {
  position: absolute;
  right: var(--sw-primitive-space-stack-sm);
  display: inline-flex;
  width: var(--sw-primitive-density-icon-size);
  align-items: center;
  justify-content: center;
  color: var(--sw-primitive-color-accent);
}

.sw-primitive-choice {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-checkbox {
  display: inline-flex;
  width: var(--sw-primitive-density-choice-size);
  height: var(--sw-primitive-density-choice-size);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-choice);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-primitive-checkbox[data-state='checked'] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent);
}

.sw-primitive-checkbox__indicator {
  display: inline-flex;
  width: var(--sw-primitive-density-choice-icon-size);
  height: var(--sw-primitive-density-choice-icon-size);
  align-items: center;
  justify-content: center;
}

.sw-primitive-switch {
  position: relative;
  width: var(--sw-primitive-density-switch-width);
  height: var(--sw-primitive-density-switch-height);
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-panel-muted);
}

.sw-primitive-switch[data-state='checked'] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent);
}

.sw-primitive-switch__thumb {
  display: block;
  width: var(--sw-primitive-density-switch-thumb-size);
  height: var(--sw-primitive-density-switch-thumb-size);
  transform: translateX(var(--sw-primitive-motion-switch-thumb-start));
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
  transition: transform var(--sw-primitive-motion-fast) ease;
}

.sw-primitive-switch[data-state='checked'] .sw-primitive-switch__thumb {
  transform: translateX(var(--sw-primitive-motion-switch-thumb-checked));
}

.sw-primitive-panel {
  overflow: hidden;
}

.sw-primitive-panel--default {
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-primitive-panel--compact {
  padding: var(--sw-primitive-space-panel-padding-compact);
}

.sw-primitive-panel__header,
.sw-primitive-panel__body,
.sw-primitive-panel__footer {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-panel__header,
.sw-primitive-panel__body {
  flex-direction: column;
}

.sw-primitive-panel__header {
  padding-bottom: var(--sw-primitive-space-stack-md);
}

.sw-primitive-panel__body {
  padding: var(--sw-primitive-space-stack-md) 0;
}

.sw-primitive-panel__footer {
  align-items: center;
  justify-content: flex-end;
  padding-top: var(--sw-primitive-space-stack-md);
}

.sw-primitive-panel__title {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-panel__description {
  margin: 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-mobile-action-bar {
  min-height: var(--sw-primitive-density-mobile-action-height);
  padding: var(--sw-primitive-space-stack-sm) var(--sw-primitive-space-page-inset);
  border-top: var(--sw-primitive-border-default);
  background: var(--sw-primitive-color-panel);
}

.sw-primitive-tabs__list {
  display: inline-flex;
  min-height: var(--sw-primitive-density-tab-height);
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel-muted);
  padding: var(--sw-primitive-space-menu-inset);
}

.sw-primitive-tabs__trigger {
  min-height: var(--sw-primitive-density-control-height-sm);
  border: 0;
  border-radius: var(--sw-primitive-radius-control);
  background: transparent;
  color: var(--sw-primitive-color-muted);
  cursor: pointer;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 650;
  line-height: 1;
  padding: 0 var(--sw-primitive-space-control-padding);
}

.sw-primitive-tabs__trigger[data-state='active'] {
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-primitive-tabs__trigger:focus-visible,
.sw-primitive-dialog__close:focus-visible,
.sw-primitive-sheet__close:focus-visible,
.sw-primitive-dropdown__item:focus-visible,
.sw-primitive-popover__content:focus-visible,
.sw-primitive-tooltip__content:focus-visible {
  box-shadow: var(--sw-primitive-shadow-focus);
  outline: none;
}

.sw-primitive-tabs__content {
  padding-top: var(--sw-primitive-space-stack-md);
}

.sw-primitive-toolbar,
.sw-primitive-action-header {
  display: flex;
  min-height: var(--sw-primitive-density-toolbar-height);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-toolbar {
  padding: var(--sw-primitive-space-menu-inset) 0;
}

.sw-primitive-toolbar__group,
.sw-primitive-action-header__leading,
.sw-primitive-action-header__trailing,
.sw-primitive-action-header__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-toolbar__spacer,
.sw-primitive-action-header__main {
  flex: 1 1 auto;
  min-width: 0;
}

.sw-primitive-toolbar__title {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-toolbar__description {
  margin: 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-breadcrumb {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-primitive-breadcrumb__list,
.sw-primitive-breadcrumb__item {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-breadcrumb__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-primitive-breadcrumb__link {
  color: var(--sw-primitive-color-muted);
  text-decoration: none;
}

.sw-primitive-breadcrumb__link:hover {
  color: var(--sw-primitive-color-text);
}

.sw-primitive-breadcrumb__page {
  color: var(--sw-primitive-color-text);
  font-weight: 650;
}

.sw-primitive-breadcrumb__separator {
  display: inline-flex;
  width: var(--sw-primitive-density-breadcrumb-separator-size);
  height: var(--sw-primitive-density-breadcrumb-separator-size);
  align-items: center;
  justify-content: center;
}

.sw-primitive-dialog__overlay,
.sw-primitive-sheet__overlay {
  position: fixed;
  z-index: var(--sw-primitive-layer-overlay);
  inset: 0;
  background: var(--sw-primitive-color-overlay-backdrop);
}

.sw-primitive-dialog__content,
.sw-primitive-sheet__content,
.sw-primitive-popover__content,
.sw-primitive-dropdown__content,
.sw-primitive-tooltip__content {
  border: var(--sw-primitive-border-default);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  box-shadow: var(--sw-primitive-shadow-overlay);
}

.sw-primitive-dialog__content {
  position: fixed;
  z-index: var(--sw-primitive-layer-overlay);
  top: 50%;
  left: 50%;
  display: flex;
  width: min(calc(100vw - (var(--sw-primitive-space-page-inset) * 2)), var(--sw-primitive-density-dialog-width));
  max-height: var(--sw-primitive-density-overlay-max-height);
  transform: translate(-50%, -50%);
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-md);
  overflow: hidden;
  border-radius: var(--sw-primitive-radius-panel);
  padding: var(--sw-primitive-space-overlay-padding);
}

.sw-primitive-dialog__header,
.sw-primitive-sheet__header,
.sw-primitive-dialog__body,
.sw-primitive-sheet__body {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-dialog__body,
.sw-primitive-sheet__body {
  overflow: auto;
}

.sw-primitive-dialog__footer,
.sw-primitive-sheet__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-dialog__title,
.sw-primitive-sheet__title {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-dialog__description,
.sw-primitive-sheet__description {
  margin: 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-dialog__close,
.sw-primitive-sheet__close {
  position: absolute;
  top: var(--sw-primitive-space-stack-sm);
  right: var(--sw-primitive-space-stack-sm);
  display: inline-flex;
  width: var(--sw-primitive-density-close-button-size);
  height: var(--sw-primitive-density-close-button-size);
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--sw-primitive-radius-control);
  background: transparent;
  color: var(--sw-primitive-color-muted);
  cursor: pointer;
}

.sw-primitive-sheet__content {
  position: fixed;
  z-index: var(--sw-primitive-layer-overlay);
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-overlay-gap);
  padding: var(--sw-primitive-space-overlay-padding);
}

.sw-primitive-sheet__content[data-side='right'],
.sw-primitive-sheet__content[data-side='left'] {
  top: 0;
  bottom: 0;
  width: min(100vw, var(--sw-primitive-density-sheet-width));
}

.sw-primitive-sheet__content[data-side='right'] {
  right: 0;
  border-radius: var(--sw-primitive-radius-panel) 0 0 var(--sw-primitive-radius-panel);
}

.sw-primitive-sheet__content[data-side='left'] {
  left: 0;
  border-radius: 0 var(--sw-primitive-radius-panel) var(--sw-primitive-radius-panel) 0;
}

.sw-primitive-sheet__content[data-side='bottom'] {
  right: 0;
  bottom: 0;
  left: 0;
  max-height: var(--sw-primitive-density-sheet-bottom-height);
  border-radius: var(--sw-primitive-radius-panel) var(--sw-primitive-radius-panel) 0 0;
}

.sw-primitive-dropdown__content,
.sw-primitive-popover__content {
  z-index: var(--sw-primitive-layer-popover);
  border-radius: var(--sw-primitive-radius-control);
}

.sw-primitive-dropdown__content {
  min-width: var(--sw-primitive-density-menu-min-width);
  overflow: hidden;
  padding: var(--sw-primitive-space-menu-inset);
}

.sw-primitive-dropdown__item,
.sw-primitive-dropdown__label {
  display: flex;
  min-height: var(--sw-primitive-density-control-height-sm);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  border-radius: var(--sw-primitive-radius-control);
  font-size: var(--sw-primitive-type-control-size);
  line-height: var(--sw-primitive-type-line-tight);
  padding: 0 var(--sw-primitive-space-control-padding);
}

.sw-primitive-dropdown__item {
  cursor: pointer;
  user-select: none;
}

.sw-primitive-dropdown__item[data-highlighted] {
  background: var(--sw-primitive-color-accent-surface);
  outline: none;
}

.sw-primitive-dropdown__item[data-disabled] {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
}

.sw-primitive-dropdown__label {
  color: var(--sw-primitive-color-muted);
  font-weight: 700;
}

.sw-primitive-dropdown__separator {
  height: var(--sw-primitive-density-separator-height);
  margin: var(--sw-primitive-space-menu-inset) 0;
  background: var(--sw-primitive-color-border);
}

.sw-primitive-dropdown__item-indicator,
.sw-primitive-dropdown__sub-icon {
  display: inline-flex;
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  align-items: center;
  justify-content: center;
}

.sw-primitive-dropdown__shortcut {
  margin-left: auto;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-primitive-popover__content {
  width: var(--sw-primitive-density-popover-width);
  padding: var(--sw-primitive-space-panel-padding-compact);
}

.sw-primitive-tooltip__content {
  z-index: var(--sw-primitive-layer-tooltip);
  max-width: var(--sw-primitive-density-tooltip-max-width);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-text);
  color: var(--sw-primitive-color-panel);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
  padding: var(--sw-primitive-space-menu-inset) var(--sw-primitive-space-stack-sm);
}

.sw-primitive-scroll-area {
  position: relative;
  overflow: hidden;
}

.sw-primitive-scroll-area__viewport {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.sw-primitive-scroll-area__scrollbar {
  display: flex;
  touch-action: none;
  user-select: none;
}

.sw-primitive-scroll-area__scrollbar[data-orientation='vertical'] {
  width: var(--sw-primitive-density-scrollbar-size);
}

.sw-primitive-scroll-area__scrollbar[data-orientation='horizontal'] {
  height: var(--sw-primitive-density-scrollbar-size);
  flex-direction: column;
}

.sw-primitive-scroll-area__thumb {
  position: relative;
  flex: 1;
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-border-strong);
}

.sw-primitive-scroll-area__corner {
  background: var(--sw-primitive-color-panel-muted);
}

.sw-primitive-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-primitive-table__caption {
  caption-side: bottom;
  padding-top: var(--sw-primitive-space-stack-md);
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  text-align: left;
}

.sw-primitive-table__header {
  border-bottom: var(--sw-primitive-border-strong);
}

.sw-primitive-table__body .sw-primitive-table__row {
  border-bottom: var(--sw-primitive-border-subtle);
}

.sw-primitive-table__row {
  min-height: var(--sw-primitive-density-table-row-height);
}

.sw-primitive-table__row[data-selected='true'] {
  background: var(--sw-primitive-color-accent-surface);
}

.sw-primitive-table__head,
.sw-primitive-table__cell {
  min-height: var(--sw-primitive-density-table-row-height);
  padding: var(--sw-primitive-space-stack-sm) var(--sw-primitive-space-table-cell-padding);
  text-align: left;
  vertical-align: middle;
}

.sw-primitive-table__head {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-primitive-data-list {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  list-style: none;
}

.sw-primitive-data-list__row {
  display: grid;
  min-height: var(--sw-primitive-density-row-height);
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-stack-md);
}

.sw-primitive-data-list__row + .sw-primitive-data-list__row {
  border-top: var(--sw-primitive-border-subtle);
}

.sw-primitive-data-list__row[data-selected='true'] {
  background: var(--sw-primitive-color-accent-surface);
}

.sw-primitive-data-list__media {
  display: inline-flex;
  width: var(--sw-primitive-density-data-list-media-size);
  height: var(--sw-primitive-density-data-list-media-size);
  align-items: center;
  justify-content: center;
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel-muted);
  color: var(--sw-primitive-color-muted);
}

.sw-primitive-data-list__content {
  min-width: 0;
}

.sw-primitive-data-list__title,
.sw-primitive-data-list__description {
  margin: 0;
}

.sw-primitive-data-list__title {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-data-list__description,
.sw-primitive-data-list__meta {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-data-list__meta,
.sw-primitive-data-list__status,
.sw-primitive-data-list__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-pagination,
.sw-primitive-pagination__list,
.sw-primitive-pagination__item {
  display: flex;
  align-items: center;
}

.sw-primitive-pagination__list {
  margin: 0;
  padding: 0;
  gap: var(--sw-primitive-space-menu-inset);
  list-style: none;
}

.sw-primitive-pagination__button {
  min-height: var(--sw-primitive-density-control-height-sm);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  cursor: pointer;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 650;
  padding: 0 var(--sw-primitive-space-control-padding);
}

.sw-primitive-pagination__button[data-current='true'] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
}

.sw-primitive-pagination__button:disabled {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-primitive-pagination__button:focus-visible {
  box-shadow: var(--sw-primitive-shadow-focus);
  outline: none;
}

.sw-primitive-skeleton-surface {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-skeleton {
  min-height: var(--sw-primitive-density-skeleton-block-height);
  border-radius: var(--sw-primitive-radius-control);
  background: linear-gradient(
    90deg,
    var(--sw-primitive-color-panel-muted),
    var(--sw-primitive-color-neutral-surface),
    var(--sw-primitive-color-panel-muted)
  );
}

.sw-primitive-action-status {
  display: flex;
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  padding: var(--sw-primitive-space-stack-md);
}

.sw-primitive-action-status__icon,
.sw-primitive-state-surface__glyph {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-primitive-action-status__content,
.sw-primitive-state-surface__content {
  min-width: 0;
}

.sw-primitive-action-status__title,
.sw-primitive-action-status__description,
.sw-primitive-state-surface__title,
.sw-primitive-state-surface__description {
  margin: 0;
}

.sw-primitive-action-status__title,
.sw-primitive-state-surface__title {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-primitive-action-status__description,
.sw-primitive-state-surface__description {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-primitive-action-status--loading,
.sw-primitive-action-status--blocked,
.sw-primitive-state-surface--permission,
.sw-primitive-state-surface--blocked {
  border-color: var(--sw-primitive-color-warning);
  background: var(--sw-primitive-color-warning-surface);
}

.sw-primitive-action-status--success {
  border-color: var(--sw-primitive-color-success);
  background: var(--sw-primitive-color-success-surface);
}

.sw-primitive-action-status--warning,
.sw-primitive-state-surface--stale {
  border-color: var(--sw-primitive-color-stale);
  background: var(--sw-primitive-color-stale-surface);
}

.sw-primitive-action-status--error,
.sw-primitive-state-surface--error {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
}

.sw-primitive-state-surface {
  display: flex;
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-md);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  padding: var(--sw-primitive-space-state-padding);
}

.sw-primitive-state-surface__icon {
  display: inline-flex;
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  align-items: center;
  justify-content: center;
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel-muted);
  color: var(--sw-primitive-color-muted);
}

.sw-primitive-state-surface__action {
  display: flex;
  margin-top: var(--sw-primitive-space-stack-md);
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-primitive-state-surface--empty,
.sw-primitive-state-surface--readOnly {
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-primitive-state-surface--conflict {
  border-color: var(--sw-primitive-color-conflict);
  background: var(--sw-primitive-color-conflict-surface);
}

.sw-mobile-action-bar {
  position: sticky;
  z-index: var(--sw-primitive-layer-mobile-action);
  bottom: 0;
  display: grid;
  min-height: var(--sw-primitive-density-mobile-action-height);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm) var(--sw-primitive-space-mobile-action-inline)
    calc(var(--sw-primitive-space-stack-sm) + env(safe-area-inset-bottom));
  border-top: var(--sw-primitive-border-default);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-mobile-action-bar__secondary,
.sw-mobile-action-bar__content,
.sw-mobile-action-bar__primary {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-mobile-action-bar__content {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-mobile-action-bar-spacer {
  min-height: calc(var(--sw-primitive-density-mobile-action-height) + env(safe-area-inset-bottom));
}

@media (max-width: 640px) {
  .sw-primitive-data-list__row,
  .sw-mobile-action-bar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .sw-primitive-data-list__status,
  .sw-primitive-data-list__actions,
  .sw-mobile-action-bar__primary {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}

.sw-substrate {
  min-height: 100vh;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
}

.sw-substrate__topbar,
.sw-substrate__hero,
.sw-substrate__layout {
  width: min(100%, calc(1200px + (var(--sw-primitive-space-page-inset) * 2)));
  margin: 0 auto;
  padding-inline: var(--sw-primitive-space-page-inset);
}

.sw-substrate__topbar {
  display: flex;
  min-height: calc(var(--sw-primitive-density-toolbar-height) * 2);
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-grid-gap);
}

.sw-substrate__brand,
.sw-substrate__topbar-actions,
.sw-substrate__search,
.sw-substrate__table-actions {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-substrate__mark {
  display: inline-flex;
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
  align-items: center;
  justify-content: center;
  border: var(--sw-primitive-border-strong);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-accent);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 800;
}

.sw-substrate__search {
  min-width: min(36vw, 320px);
  position: relative;
}

.sw-substrate__search .sw-primitive-input {
  width: 100%;
  padding-left: calc(var(--sw-primitive-space-control-padding) * 3);
}

.sw-substrate__search-icon {
  position: absolute;
  z-index: 1;
  left: var(--sw-primitive-space-control-padding);
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  color: var(--sw-primitive-color-muted);
}

.sw-substrate__hero {
  padding-block: var(--sw-primitive-space-stack-md);
}

.sw-substrate__hero .sw-primitive-action-status {
  max-width: var(--sw-primitive-density-inspector-width);
}

.sw-substrate__layout {
  display: grid;
  grid-template-columns: minmax(max-content, 88px) minmax(0, 1fr);
  gap: var(--sw-primitive-space-grid-gap);
  padding-block: var(--sw-primitive-space-grid-gap);
}

.sw-substrate__rail {
  display: grid;
  align-self: start;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-substrate__rail-item {
  min-height: var(--sw-primitive-density-row-height);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-muted);
  cursor: pointer;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-substrate__rail-item[data-active='true'] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
}

.sw-substrate__workspace {
  display: grid;
  min-width: 0;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-substrate__tab-toolbar {
  align-items: flex-start;
  padding-block: var(--sw-primitive-space-stack-sm);
}

.sw-substrate__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: var(--sw-primitive-space-grid-gap);
  align-items: start;
}

.sw-substrate__form-grid,
.sw-substrate__overlay-grid,
.sw-substrate__table-panel,
.sw-substrate__state-grid {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-substrate__form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-substrate__form-grid .sw-primitive-field:nth-child(3),
.sw-substrate__choice-grid {
  grid-column: 1 / -1;
}

.sw-substrate__choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
}

.sw-substrate__overlay-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-substrate__overlay-grid .sw-primitive-button,
.sw-substrate__overlay-grid .sw-primitive-button__content {
  width: 100%;
}

.sw-substrate__table-actions {
  justify-content: space-between;
  flex-wrap: wrap;
}

.sw-substrate__scroll {
  max-width: 100%;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
}

.sw-substrate__scroll .sw-primitive-scroll-area__viewport {
  max-height: calc(var(--sw-primitive-density-row-height) * 5);
}

.sw-substrate__state-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-substrate__skeleton-card {
  grid-column: 1 / -1;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-substrate__strong-text {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
}

.sw-substrate__glyph {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-substrate > .sw-mobile-action-bar {
  position: static;
  margin-top: var(--sw-primitive-space-grid-gap);
}

.sw-substrate > .sw-mobile-action-bar-spacer {
  display: none;
}

@media (max-width: 860px) {
  .sw-substrate__topbar {
    align-items: flex-start;
    flex-direction: column;
    padding-block: var(--sw-primitive-space-stack-md);
  }

  .sw-substrate__topbar-actions,
  .sw-substrate__search {
    width: 100%;
  }

  .sw-substrate__layout,
  .sw-substrate__grid,
  .sw-substrate__state-grid,
  .sw-substrate__form-grid,
  .sw-substrate__choice-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-substrate__rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sw-substrate__topbar,
  .sw-substrate__hero,
  .sw-substrate__layout {
    padding-inline: var(--sw-primitive-space-stack-md);
  }

  .sw-substrate__hero .sw-primitive-action-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
  }

  .sw-substrate__hero .sw-primitive-action-header__trailing,
  .sw-substrate__hero .sw-primitive-action-header__actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .sw-substrate__hero .sw-primitive-action-header__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-substrate__hero .sw-primitive-action-header__actions .sw-primitive-button,
  .sw-substrate__hero .sw-primitive-action-status {
    width: 100%;
    max-width: none;
  }

  .sw-substrate__overlay-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-shell.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  margin: 0;
  background: var(--sw-primitive-color-page);
}

body {
  overflow-x: clip;
}

.sw-admin-shell {
  --sw-admin-shell-bg-app: #151515;
  --sw-admin-shell-bg-rail: #111111;
  --sw-admin-shell-bg-page: var(--sw-primitive-color-page);
  --sw-admin-shell-surface: var(--sw-primitive-color-panel);
  --sw-admin-shell-surface-soft: #eef3f7;
  --sw-admin-shell-surface-tint: #f8fbff;
  --sw-admin-shell-ink: var(--sw-primitive-color-text);
  --sw-admin-shell-ink-soft: var(--sw-primitive-color-muted);
  --sw-admin-shell-ink-inverse: #f7fbff;
  --sw-admin-shell-ink-rail-muted: #a3a3a3;
  --sw-admin-shell-line: var(--sw-primitive-color-border);
  --sw-admin-shell-line-soft: rgba(217, 224, 231, 0.72);
  --sw-admin-shell-rail-line: rgba(220, 230, 239, 0.16);
  --sw-admin-shell-rail-hover: rgba(255, 255, 255, 0.09);
  --sw-admin-shell-header-bg: rgba(255, 255, 255, 0.9);
  --sw-admin-shell-rail-note-bg: rgba(255, 255, 255, 0.06);
  --sw-admin-shell-border: 1px solid var(--sw-admin-shell-line);
  --sw-admin-shell-border-soft: 1px solid var(--sw-admin-shell-line-soft);
  --sw-admin-shell-border-rail: 1px solid var(--sw-admin-shell-rail-line);
  --sw-admin-shell-border-transparent: 1px solid transparent;
  --sw-admin-shell-accent: var(--sw-primitive-color-accent);
  --sw-admin-shell-green: var(--sw-primitive-color-success);
  --sw-admin-shell-warning: var(--sw-primitive-color-warning);
  --sw-admin-shell-danger: var(--sw-primitive-color-danger);
  --sw-admin-shell-radius: var(--sw-primitive-radius-panel);
  --sw-admin-shell-radius-sm: var(--sw-primitive-radius-control);
  --sw-admin-shell-shadow: var(--sw-primitive-shadow-panel);
  --sw-admin-shell-rail-width: 5.75rem;
  --sw-admin-shell-context-width: 15.5rem;
  --sw-admin-shell-gap: var(--sw-primitive-space-grid-gap);
  --sw-admin-shell-page-inset: var(--sw-primitive-space-page-inset);
  --sw-admin-shell-panel-pad: var(--sw-primitive-space-panel-padding);
  --sw-admin-shell-panel-pad-compact: var(--sw-primitive-space-panel-padding-compact);
  --sw-admin-shell-row-height: 3.5rem;
  --sw-admin-shell-header-min: 5rem;
  --sw-admin-shell-control: var(--sw-primitive-density-control-height);
  --sw-admin-shell-mobile-bar: 4rem;
  --sw-admin-shell-title-max: 38rem;
  --sw-admin-shell-subtitle-max: 42rem;
  --sw-admin-shell-status-max: 18rem;
  --sw-admin-shell-summary-min: 8.5rem;
  --sw-admin-shell-body-visual-size: 5rem;
  --sw-admin-shell-state-min: 10rem;
  --sw-admin-shell-header-blur: blur(12px);
  --sw-admin-shell-rail-meta-gap: 0.125rem;
  --sw-admin-shell-focus: var(--sw-primitive-shadow-focus);

  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--sw-admin-shell-rail-width) minmax(0, 1fr);
  background: var(--sw-admin-shell-bg-page);
  color: var(--sw-admin-shell-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  overflow-x: clip;
  width: 100%;
}

.sw-admin-shell *,
.sw-admin-shell *::before,
.sw-admin-shell *::after {
  box-sizing: border-box;
}

.sw-admin-shell button,
.sw-admin-shell input,
.sw-admin-shell select,
.sw-admin-shell textarea {
  font: inherit;
  letter-spacing: 0;
}

.sw-admin-shell__rail {
  min-height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sw-admin-shell-gap);
  padding: 0.875rem 0.625rem;
  background: linear-gradient(180deg, var(--sw-admin-shell-bg-rail), var(--sw-admin-shell-bg-app));
  color: var(--sw-admin-shell-ink-inverse);
  z-index: 3;
}

.sw-admin-shell__brand,
.sw-admin-shell__account,
.sw-admin-shell__mobile-action-bar,
.sw-admin-shell__context-note,
.sw-admin-shell__body-tags,
.sw-admin-shell__state-head,
.sw-admin-shell__content-head,
.sw-admin-shell__header,
.sw-admin-shell__header-side,
.sw-admin-shell__actions,
.sw-admin-shell__rail-item,
.sw-admin-shell__context-item,
.sw-admin-shell__body-panel,
.sw-admin-shell__handoff-detail-head,
.sw-admin-shell__handoff-row,
.sw-admin-shell__mobile-active-strip,
.sw-admin-shell__state-card {
  display: flex;
}

.sw-admin-shell__brand {
  align-items: center;
  justify-content: center;
  min-height: var(--sw-admin-shell-control);
  padding-bottom: var(--sw-admin-shell-panel-pad-compact);
  border-bottom: var(--sw-admin-shell-border-rail);
}

.sw-admin-shell__brand-mark,
.sw-admin-shell__avatar,
.sw-admin-shell__summary-icon,
.sw-admin-shell__body-visual,
.sw-admin-shell__rail-icon {
  display: grid;
  place-items: center;
}

.sw-admin-shell__brand-mark {
  width: var(--sw-admin-shell-control);
  height: var(--sw-admin-shell-control);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-ink-inverse);
  color: var(--sw-admin-shell-bg-app);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-admin-shell__brand span:not(.sw-admin-shell__brand-mark) {
  display: none;
}

.sw-admin-shell__brand strong,
.sw-admin-shell__brand small {
  display: block;
}

.sw-admin-shell__brand small {
  color: var(--sw-admin-shell-ink-rail-muted);
}

.sw-admin-shell__rail-list,
.sw-admin-shell__context-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sw-admin-shell__rail-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__rail-scroll {
  min-height: 0;
  flex: 1;
}

.sw-admin-shell__rail-scroll .sw-primitive-scroll-area__viewport {
  max-height: calc(100vh - var(--sw-admin-shell-row-height) - var(--sw-admin-shell-page-inset));
}

.sw-admin-shell__rail-row {
  min-width: 0;
}

.sw-admin-shell__rail-item {
  position: relative;
  width: 100%;
  min-height: 4.25rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.55rem 1.1rem 0.55rem 0.45rem;
  border: 0;
  border-radius: 1.15rem;
  background: transparent;
  color: var(--sw-admin-shell-ink-rail-muted);
  cursor: pointer;
}

.sw-admin-shell__rail-item:hover,
.sw-admin-shell__rail-item:focus-visible,
.sw-admin-shell__rail-item[data-active="true"] {
  background: var(--sw-admin-shell-rail-hover);
  color: var(--sw-admin-shell-ink-inverse);
}

.sw-admin-shell__rail-item:focus-visible {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-admin-shell__rail-item:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-admin-shell__rail-reason {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.sw-admin-shell__rail-icon svg,
.sw-admin-shell__context-item svg,
.sw-admin-shell__notify svg,
.sw-admin-shell__state-head svg,
.sw-admin-shell__context-note svg,
.sw-admin-shell__summary-icon svg,
.sw-admin-shell__body-visual svg,
.sw-admin-shell__mobile-summary svg,
.sw-admin-shell__rail-footer svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-admin-shell__rail-copy {
  display: block;
  min-width: 0;
  max-width: 3.8rem;
  text-align: center;
}

.sw-admin-shell__rail-label {
  display: block;
  overflow: hidden;
  color: currentColor;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-shell__rail-meta,
.sw-admin-shell__rail-badge,
.sw-admin-shell__rail-footer {
  display: none;
}

.sw-admin-shell__rail-chevron {
  position: absolute;
  top: 50%;
  right: 0.35rem;
  width: 0.85rem;
  height: 0.85rem;
  transform: translateY(-50%);
  color: currentColor;
  opacity: 0.72;
}

.sw-admin-shell__workspace {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.sw-admin-shell__header {
  min-height: var(--sw-admin-shell-header-min);
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-primitive-space-stack-lg) var(--sw-admin-shell-page-inset);
  border-bottom: var(--sw-admin-shell-border);
  background: var(--sw-admin-shell-header-bg);
  position: sticky;
  top: 0;
  z-index: 2;
  backdrop-filter: var(--sw-admin-shell-header-blur);
}

.sw-admin-shell__header-main {
  min-width: 0;
}

.sw-admin-shell__breadcrumb {
  margin-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__title {
  margin: 0;
  max-width: var(--sw-admin-shell-title-max);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-page-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-shell__subtitle,
.sw-admin-shell__eyebrow,
.sw-admin-shell__context-note,
.sw-admin-shell__summary-card p,
.sw-admin-shell__body-copy p,
.sw-admin-shell__state-card p {
  margin: 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-shell__subtitle {
  max-width: var(--sw-admin-shell-subtitle-max);
  margin-top: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__header-side {
  align-items: center;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__account {
  min-height: var(--sw-admin-shell-control);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-shell__avatar {
  width: var(--sw-primitive-density-close-button-size);
  height: var(--sw-primitive-density-close-button-size);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-bg-app);
  color: var(--sw-admin-shell-ink-inverse);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-admin-shell__account strong,
.sw-admin-shell__account small {
  display: block;
  white-space: nowrap;
}

.sw-admin-shell__account strong {
  font-size: var(--sw-primitive-type-control-size);
}

.sw-admin-shell__account small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-admin-shell__status {
  max-width: var(--sw-admin-shell-status-max);
}

.sw-admin-shell__layout {
  min-width: 0;
  flex: 1;
  display: grid;
  grid-template-columns: var(--sw-admin-shell-context-width) minmax(0, 1fr);
}

.sw-admin-shell__layout[data-context-sidebar="hidden"] {
  grid-template-columns: minmax(0, 1fr);
}

.sw-admin-shell__context {
  padding: var(--sw-admin-shell-page-inset) var(--sw-admin-shell-panel-pad);
  border-right: var(--sw-admin-shell-border);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-shell__context-header {
  margin-bottom: var(--sw-primitive-space-stack-lg);
}

.sw-admin-shell__eyebrow {
  color: var(--sw-admin-shell-green);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
  text-transform: uppercase;
}

.sw-admin-shell__context-title,
.sw-admin-shell__section-title,
.sw-admin-shell__summary-card h3,
.sw-admin-shell__body-copy h3,
.sw-admin-shell__state-card h3 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-shell__context-title {
  margin-top: var(--sw-primitive-space-stack-sm);
  font-size: var(--sw-primitive-type-page-title-size);
}

.sw-admin-shell__context-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__context-scroll {
  min-height: 0;
  max-height: calc(100vh - var(--sw-admin-shell-header-min) - var(--sw-admin-shell-page-inset));
}

.sw-admin-shell__context-item {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height-lg);
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-transparent);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: transparent;
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
  text-align: left;
}

.sw-admin-shell__context-item:hover,
.sw-admin-shell__context-item:focus-visible {
  border-color: var(--sw-admin-shell-line);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__context-item:focus-visible {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-admin-shell__context-item[data-active="true"] {
  border-color: var(--sw-admin-shell-line);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-green);
  font-weight: 700;
}

.sw-admin-shell__context-item:disabled {
  color: var(--sw-admin-shell-ink-soft);
  cursor: not-allowed;
}

.sw-admin-shell__context-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-shell__context-reason,
.sw-admin-shell__mobile-reason {
  display: block;
  margin: var(--sw-primitive-space-stack-sm) var(--sw-primitive-space-control-padding) 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-shell__context-note {
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-admin-shell-page-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__main {
  min-width: 0;
  padding: var(--sw-admin-shell-page-inset);
  display: grid;
  gap: var(--sw-admin-shell-gap);
  align-content: start;
}

.sw-admin-shell__actions {
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  min-height: var(--sw-primitive-density-toolbar-height);
  padding: var(--sw-primitive-space-toolbar-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-shell__actions .sw-primitive-toolbar__group {
  min-width: 0;
  flex-wrap: wrap;
}

.sw-admin-shell__posture-button[aria-pressed="true"] {
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-admin-shell__content,
.sw-admin-shell__state {
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-admin-shell__content {
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__content-head,
.sw-admin-shell__state-head {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-shell__card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__summary-card {
  min-height: var(--sw-admin-shell-summary-min);
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__summary-icon {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  margin-bottom: var(--sw-primitive-space-stack-md);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-admin-shell-green);
}

.sw-admin-shell__summary-card p,
.sw-admin-shell__body-copy p {
  margin-top: var(--sw-primitive-space-stack-sm);
}

.sw-admin-shell__body-panel {
  align-items: center;
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-admin-shell-panel-pad);
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-admin-shell__handoff {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__handoff-list {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-admin-shell__handoff-row {
  width: 100%;
  min-height: var(--sw-admin-shell-row-height);
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
  text-align: left;
}

.sw-admin-shell__handoff-row:hover,
.sw-admin-shell__handoff-row:focus-visible,
.sw-admin-shell__handoff-row[aria-pressed="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-admin-shell__handoff-row:focus-visible {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-admin-shell__handoff-row span:first-child {
  min-width: 0;
}

.sw-admin-shell__handoff-row strong,
.sw-admin-shell__handoff-row small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-shell__handoff-row strong {
  font-size: var(--sw-primitive-type-control-size);
}

.sw-admin-shell__handoff-row small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-admin-shell__handoff-detail {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__handoff-detail-head {
  align-items: flex-start;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-shell__handoff-detail h3,
.sw-admin-shell__handoff-detail h4,
.sw-admin-shell__handoff-detail p {
  margin: 0;
}

.sw-admin-shell__handoff-detail h3 {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-shell__handoff-detail h4 {
  margin-top: var(--sw-primitive-space-stack-md);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
}

.sw-admin-shell__handoff-detail p,
.sw-admin-shell__handoff-note {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-shell__handoff-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__handoff-note {
  margin-top: var(--sw-admin-shell-panel-pad);
  padding-top: var(--sw-primitive-space-stack-md);
  border-top: var(--sw-admin-shell-border-soft);
}

.sw-admin-shell__body-visual {
  width: var(--sw-admin-shell-body-visual-size);
  min-width: var(--sw-admin-shell-body-visual-size);
  height: var(--sw-admin-shell-body-visual-size);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-accent);
}

.sw-admin-shell__body-tags {
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-admin-shell__state {
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__state-head {
  margin-bottom: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__state-head svg {
  color: var(--sw-admin-shell-accent);
}

.sw-admin-shell__state-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-shell__state-grid > .sw-primitive-state-surface,
.sw-admin-shell__state-card {
  min-height: var(--sw-admin-shell-state-min);
}

.sw-admin-shell__state-card {
  flex-direction: column;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-state-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-shell__skeleton-line {
  width: 100%;
}

.sw-admin-shell__skeleton-line--short {
  width: 62%;
}

.sw-admin-shell__posture-ledger {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-shell__posture-row {
  display: grid;
  grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__posture-row[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-admin-shell__posture-row strong,
.sw-admin-shell__posture-row span {
  min-width: 0;
}

.sw-admin-shell__posture-row span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-shell__mobile-action-bar {
  display: none;
}

.sw-admin-shell__mobile-sheet {
  border-radius: var(--sw-admin-shell-radius) var(--sw-admin-shell-radius) 0 0;
}

.sw-admin-shell__mobile-sheet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-shell__mobile-sheet-title {
  margin: 0 0 var(--sw-primitive-space-stack-sm);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
}

.sw-admin-shell__mobile-active-strip {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  margin-bottom: var(--sw-admin-shell-panel-pad);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-shell__mobile-active-strip span {
  min-width: 0;
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-shell__mobile-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0;
  margin: 0;
  list-style: none;
}

.sw-admin-shell__mobile-nav-item {
  display: flex;
  width: 100%;
  min-height: var(--sw-primitive-density-control-height-lg);
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
}

.sw-admin-shell__mobile-nav-item[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-admin-shell-accent);
  font-weight: 700;
}

.sw-admin-shell__mobile-nav-item:disabled {
  color: var(--sw-admin-shell-ink-soft);
  cursor: not-allowed;
  opacity: 0.76;
}

.sw-admin-shell__mobile-nav-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 72em) {
  .sw-admin-shell {
    --sw-admin-shell-rail-width: 5.75rem;
  }

  .sw-admin-shell__brand {
    justify-content: center;
  }

  .sw-admin-shell__brand span:not(.sw-admin-shell__brand-mark),
  .sw-admin-shell__rail-meta,
  .sw-admin-shell__rail-badge,
  .sw-admin-shell__rail-footer {
    display: none;
  }

  .sw-admin-shell__rail-item {
    justify-content: center;
    flex-direction: column;
    padding: 0.55rem 1.1rem 0.55rem 0.45rem;
  }

  .sw-admin-shell__rail-copy {
    display: block;
    min-width: 0;
    max-width: 3.8rem;
    flex: initial;
    text-align: center;
  }
}

@media (max-width: 70em) {
  .sw-admin-shell__card-grid,
  .sw-admin-shell__handoff,
  .sw-admin-shell__state-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-admin-shell__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .sw-admin-shell__header-side {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 52em) {
  .sw-admin-shell {
    grid-template-columns: 1fr !important;
    max-width: 100vw;
    padding-bottom: var(--sw-admin-shell-mobile-bar);
  }

  .sw-admin-shell[data-drawer-open="true"] {
    grid-template-columns: 1fr !important;
  }

  .sw-admin-shell__workspace,
  .sw-admin-shell__header,
  .sw-admin-shell__layout,
  .sw-admin-shell__main {
    max-width: 100vw;
    overflow-x: clip;
  }

  .sw-admin-shell__workspace {
    grid-column: 1 / -1;
  }

  .sw-admin-shell__rail {
    display: none;
  }

  .sw-admin-shell__layout {
    grid-template-columns: 1fr;
  }

  .sw-admin-shell__context {
    display: none;
  }

  .sw-admin-shell__header {
    position: static;
  }

  .sw-admin-shell__status {
    max-width: none;
    width: 100%;
  }

  .sw-admin-shell__mobile-action-bar {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .sw-admin-shell__mobile-action-bar .sw-mobile-action-bar__content span,
  .sw-admin-shell__mobile-action-bar .sw-primitive-button {
    display: inline-flex;
    align-items: center;
    gap: var(--sw-primitive-space-stack-sm);
  }

  .sw-admin-shell__mobile-action-bar .sw-mobile-action-bar__primary .sw-primitive-button {
    width: 100%;
    justify-content: center;
    white-space: normal;
  }

  .sw-admin-shell__mobile-sheet-grid {
    grid-template-columns: 1fr;
  }

  .sw-admin-shell__handoff,
  .sw-admin-shell__handoff-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 38em) {
  .sw-admin-shell {
    --sw-admin-shell-page-inset: var(--sw-primitive-space-panel-padding-compact);
  }

  .sw-admin-shell__header-side,
  .sw-admin-shell__account,
  .sw-admin-shell__actions,
  .sw-admin-shell__body-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-admin-shell__notify {
    display: none;
  }

  .sw-admin-shell__actions {
    display: grid;
    grid-template-columns: 1fr;
    height: max-content;
    min-height: max-content;
  }

  .sw-admin-shell__card-grid,
  .sw-admin-shell__state-grid {
    grid-template-columns: 1fr;
  }

  .sw-admin-shell__content-head,
  .sw-admin-shell__state-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .sw-admin-shell__actions .sw-primitive-toolbar__group,
  .sw-admin-shell__actions .sw-primitive-button {
    width: 100%;
  }

  .sw-admin-shell__actions .sw-primitive-toolbar__spacer {
    display: none;
  }

  .sw-admin-shell__actions .sw-primitive-toolbar__group {
    display: grid;
    align-items: stretch;
    align-self: stretch;
    grid-template-columns: 1fr;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    transform: none;
    width: auto;
  }

  .sw-admin-shell__posture-row {
    grid-template-columns: 1fr;
    gap: var(--sw-primitive-space-stack-sm);
  }

  .sw-admin-shell__body-visual {
    width: 100%;
    min-width: 0;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-archetypes.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.sw-admin-archetypes__toolbar {
  row-gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-archetypes__toolbar-note {
  flex-basis: 100%;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-archetypes__toolbar .sw-primitive-button:disabled {
  border-color: var(--sw-admin-shell-line);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-admin-archetypes__selector {
  flex-wrap: wrap;
  max-width: 100%;
}

.sw-admin-archetypes__selector-tab {
  white-space: nowrap;
}

.sw-admin-archetypes {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-archetypes__head,
.sw-admin-archetypes__primary-head,
.sw-admin-archetypes__inspector-head,
.sw-admin-archetypes__device-pill,
.sw-admin-archetypes__source-map,
.sw-admin-archetypes__source-map div,
.sw-admin-archetypes__mobile-state,
.sw-admin-archetypes__disabled-action {
  display: flex;
}

.sw-admin-archetypes__head {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-archetypes__head p,
.sw-admin-archetypes__primary-head p,
.sw-admin-archetypes__mobile-state p {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-archetypes__device-pill {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-admin-archetypes__device-pill svg,
.sw-admin-archetypes__row-visual svg,
.sw-admin-archetypes__inspector-icon svg,
.sw-admin-archetypes__source-map svg,
.sw-admin-archetypes__mobile-state svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-admin-archetypes__metric-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-archetypes__metric {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-archetypes__metric span,
.sw-admin-archetypes__metric strong,
.sw-admin-archetypes__metric small {
  display: block;
}

.sw-admin-archetypes__metric span,
.sw-admin-archetypes__metric small,
.sw-admin-archetypes__row-meta,
.sw-admin-archetypes__inspector-row small,
.sw-admin-archetypes__handoff-list dt,
.sw-admin-archetypes__source-map span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-archetypes__metric strong {
  margin-top: var(--sw-primitive-space-stack-sm);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-archetypes__metric .sw-primitive-badge {
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-admin-archetypes__workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--sw-admin-shell-context-width), 0.36fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-admin-archetypes__primary-region,
.sw-admin-archetypes__inspector,
.sw-admin-archetypes__source-map {
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-archetypes__primary-region,
.sw-admin-archetypes__inspector {
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-admin-archetypes__primary-head {
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  margin-bottom: var(--sw-admin-shell-panel-pad);
}

.sw-admin-archetypes__primary-head h3,
.sw-admin-archetypes__inspector h3,
.sw-admin-archetypes__mobile-state h3 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-archetypes__primary-head .sw-primitive-field,
.sw-admin-archetypes__primary-head .sw-primitive-input {
  max-width: var(--sw-admin-shell-title-max);
}

.sw-admin-archetypes__table-wrap {
  overflow-x: auto;
}

.sw-admin-archetypes__row-title,
.sw-admin-archetypes__row-meta {
  display: block;
}

.sw-admin-archetypes__row-title {
  color: var(--sw-admin-shell-ink);
  font-weight: 700;
}

.sw-admin-archetypes__row-visual,
.sw-admin-archetypes__inspector-icon {
  display: grid;
  place-items: center;
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-admin-shell-accent);
}

.sw-admin-archetypes__inspector {
  position: sticky;
  top: calc(var(--sw-admin-shell-header-min) + var(--sw-admin-shell-gap));
}

.sw-admin-archetypes__inspector-head {
  align-items: center;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-archetypes__handoff-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  margin: var(--sw-admin-shell-panel-pad) 0;
}

.sw-admin-archetypes__handoff-list div {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-archetypes__handoff-list dt,
.sw-admin-archetypes__handoff-list dd {
  margin: 0;
}

.sw-admin-archetypes__handoff-list dd {
  margin-top: var(--sw-primitive-space-stack-sm);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-archetypes__inspector-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-archetypes__inspector-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-archetypes__inspector-row strong,
.sw-admin-archetypes__inspector-row small {
  display: block;
}

.sw-admin-archetypes__disabled-action {
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  width: 100%;
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-archetypes__state-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-archetypes__mobile-state {
  min-height: var(--sw-admin-shell-state-min);
  flex-direction: column;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-state-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-archetypes__mobile-state svg {
  color: var(--sw-admin-shell-green);
}

.sw-admin-archetypes__skeleton-line {
  width: 100%;
}

.sw-admin-archetypes__skeleton-line--short {
  width: 62%;
}

.sw-admin-archetypes__source-map {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
}

.sw-admin-archetypes__source-map div {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-archetypes__source-map svg {
  color: var(--sw-admin-shell-warning);
}

.sw-admin-daily-console,
.sw-admin-state-matrix {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-daily-console__head,
.sw-admin-daily-console__health-head,
.sw-admin-daily-console__panel-head,
.sw-admin-daily-console__storefront-body,
.sw-admin-daily-console__next-action,
.sw-admin-daily-console__inspector-head,
.sw-admin-state-matrix__head,
.sw-admin-state-matrix__body,
.sw-admin-state-matrix__ready-surface,
.sw-admin-state-matrix__mobile-surface {
  display: flex;
}

.sw-admin-daily-console__head,
.sw-admin-state-matrix__head {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-daily-console__head p,
.sw-admin-daily-console__panel-head p,
.sw-admin-daily-console__storefront-preview small,
.sw-admin-daily-console__next-action p,
.sw-admin-daily-console__next-action small,
.sw-admin-daily-console__inspector p,
.sw-admin-daily-console__inspector dt,
.sw-admin-state-matrix__head p,
.sw-admin-state-matrix__action-posture p,
.sw-admin-state-matrix__ready-surface p,
.sw-admin-state-matrix__mobile-surface p {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-daily-console__health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-daily-console__health-card,
.sw-admin-daily-console__queue,
.sw-admin-daily-console__storefront,
.sw-admin-daily-console__next-action,
.sw-admin-daily-console__activity,
.sw-admin-daily-console__inspector,
.sw-admin-state-matrix__action-posture,
.sw-admin-state-matrix__ready-surface,
.sw-admin-state-matrix__mobile-surface {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-daily-console__state-banner {
  min-width: 0;
}

.sw-admin-daily-console__health-card {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-admin-daily-console__health-head,
.sw-admin-daily-console__panel-head,
.sw-admin-daily-console__next-action,
.sw-admin-daily-console__inspector-head,
.sw-admin-state-matrix__body,
.sw-admin-state-matrix__ready-surface,
.sw-admin-state-matrix__mobile-surface {
  align-items: center;
  gap: var(--sw-admin-shell-gap);
}

.sw-admin-daily-console__health-head,
.sw-admin-daily-console__panel-head,
.sw-admin-daily-console__next-action {
  justify-content: space-between;
}

.sw-admin-daily-console__health-head span:first-child,
.sw-admin-daily-console__panel-head h3,
.sw-admin-daily-console__next-action h3,
.sw-admin-daily-console__inspector h3,
.sw-admin-state-matrix__action-posture h3,
.sw-admin-state-matrix__ready-surface h3,
.sw-admin-state-matrix__mobile-surface h3 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-daily-console__health-card strong {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-page-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-admin-daily-console__health-card p,
.sw-admin-daily-console__health-card small {
  margin: 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-daily-console__health-icon,
.sw-admin-daily-console__task-icon,
.sw-admin-state-matrix__ready-surface > svg,
.sw-admin-state-matrix__mobile-surface > svg,
.sw-admin-daily-console__inspector-head > svg {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-admin-shell-accent);
}

.sw-admin-daily-console__health-icon[data-tone='success'],
.sw-admin-daily-console__task-icon[data-tone='success'],
.sw-admin-state-matrix__ready-surface > svg {
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-admin-shell-green);
}

.sw-admin-daily-console__health-icon[data-tone='warning'],
.sw-admin-daily-console__task-icon[data-tone='warning'] {
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-warning);
}

.sw-admin-daily-console__health-icon[data-tone='danger'],
.sw-admin-daily-console__task-icon[data-tone='danger'] {
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-admin-shell-danger);
}

.sw-admin-daily-console__main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.54fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-admin-daily-console__left-column,
.sw-admin-daily-console__right-column,
.sw-admin-daily-console__task-list,
.sw-admin-daily-console__task-skeleton,
.sw-admin-daily-console__storefront-facts,
.sw-admin-daily-console__storefront-activity,
.sw-admin-daily-console__inspector dl,
.sw-admin-state-matrix__action-posture {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-admin-daily-console__task-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  width: 100%;
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  text-align: left;
}

.sw-admin-daily-console__task-row[data-selected='true'] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-admin-daily-console__task-main,
.sw-admin-daily-console__task-main strong,
.sw-admin-daily-console__task-main small {
  display: block;
}

.sw-admin-daily-console__task-main strong,
.sw-admin-daily-console__task-count,
.sw-admin-daily-console__storefront-facts dd,
.sw-admin-daily-console__inspector dd {
  color: var(--sw-admin-shell-ink);
  font-weight: 700;
}

.sw-admin-daily-console__task-main small,
.sw-admin-daily-console__storefront-facts dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-daily-console__task-main small {
  display: none;
}

.sw-admin-daily-console__queue-action {
  width: 100%;
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-daily-console__storefront-body {
  flex-direction: column;
  align-items: stretch;
  margin-top: var(--sw-admin-shell-panel-pad);
}

.sw-admin-daily-console__storefront .sw-primitive-button,
.sw-admin-daily-console__next-action .sw-primitive-button {
  width: 100%;
}

.sw-admin-daily-console__storefront-preview {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-daily-console__storefront-browser {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border-bottom: var(--sw-admin-shell-border-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-admin-daily-console__storefront-browser span {
  width: var(--sw-primitive-density-choice-icon-size);
  height: var(--sw-primitive-density-choice-icon-size);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-line);
}

.sw-admin-daily-console__storefront-hero {
  display: grid;
  place-content: center;
  min-height: var(--sw-admin-shell-state-min);
  padding: var(--sw-admin-shell-panel-pad);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-admin-daily-console__storefront-hero strong {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
}

.sw-admin-daily-console__storefront-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.sw-admin-daily-console__storefront-facts div,
.sw-admin-daily-console__inspector dl div,
.sw-admin-daily-console__storefront-activity {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-daily-console__storefront-activity h4,
.sw-admin-daily-console__storefront-activity p {
  margin: 0;
}

.sw-admin-daily-console__storefront-activity h4 {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
}

.sw-admin-daily-console__storefront-activity p {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-admin-daily-console__storefront-facts dt,
.sw-admin-daily-console__storefront-facts dd,
.sw-admin-daily-console__inspector dt,
.sw-admin-daily-console__inspector dd {
  margin: 0;
}

.sw-admin-daily-console__next-action {
  align-items: stretch;
  flex-direction: column;
  background: var(--sw-admin-shell-surface-tint);
}

.sw-admin-daily-console__activity {
  overflow-x: auto;
}

.sw-admin-daily-console__skeleton-line,
.sw-admin-state-matrix__skeleton-line {
  width: 100%;
}

.sw-admin-daily-console__skeleton-line--short,
.sw-admin-state-matrix__skeleton-line--short {
  width: 62%;
}

.sw-admin-state-matrix__selector {
  flex-wrap: wrap;
}

.sw-admin-state-matrix__selector-tab {
  white-space: nowrap;
}

.sw-admin-state-matrix__body {
  align-items: stretch;
}

.sw-admin-state-matrix__surface {
  flex: 1 1 auto;
}

.sw-admin-state-matrix__action-posture {
  flex: 0 0 var(--sw-admin-shell-context-width);
}

.sw-storefront-manager {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-storefront-manager__head,
.sw-storefront-manager__device-switch,
.sw-storefront-manager__panel-head,
.sw-storefront-manager__inventory-row,
.sw-storefront-manager__row-actions,
.sw-storefront-manager__storefront-nav,
.sw-storefront-manager__action-strip,
.sw-storefront-manager__action-buttons,
.sw-storefront-manager__action-strip li,
.sw-storefront-manager__module-list span {
  display: flex;
}

.sw-storefront-manager__head,
.sw-storefront-manager__panel-head {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-storefront-manager__head p,
.sw-storefront-manager__panel-head p,
.sw-storefront-manager__inventory-main small,
.sw-storefront-manager__updated,
.sw-storefront-manager__storefront-nav span,
.sw-storefront-manager__hero span,
.sw-storefront-manager__product-rail small,
.sw-storefront-manager__style-list dt,
.sw-storefront-manager__module-list h4,
.sw-storefront-manager__state-list p,
.sw-storefront-manager__compare-slot p,
.sw-storefront-manager__action-strip span,
.sw-storefront-manager__action-strip li {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-storefront-manager__device-switch,
.sw-storefront-manager__mode-tabs {
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__device-button[data-active='true'] {
  border-color: var(--sw-admin-shell-green);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-admin-shell-green);
}

.sw-storefront-manager__workspace {
  display: grid;
  grid-template-columns: minmax(var(--sw-admin-shell-context-width), 0.48fr) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-storefront-manager__inventory {
  grid-row: 1 / span 2;
}

.sw-storefront-manager__preview-column,
.sw-storefront-manager__detail {
  grid-column: 2;
}

.sw-storefront-manager__inventory,
.sw-storefront-manager__preview,
.sw-storefront-manager__detail,
.sw-storefront-manager__compare-slot,
.sw-storefront-manager__action-strip {
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-storefront-manager__inventory,
.sw-storefront-manager__detail,
.sw-storefront-manager__compare-slot,
.sw-storefront-manager__action-strip {
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-storefront-manager__inventory-list,
.sw-storefront-manager__action-strip ul {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-storefront-manager__inventory-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  text-align: left;
}

.sw-storefront-manager__inventory-row[data-selected='true'] {
  border-color: var(--sw-admin-shell-green);
  background: var(--sw-primitive-color-success-surface);
}

.sw-storefront-manager__thumb {
  display: grid;
  place-items: center;
  flex: 0 0 var(--sw-admin-shell-body-visual-size);
  width: var(--sw-admin-shell-body-visual-size);
  height: var(--sw-admin-shell-body-visual-size);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-storefront-manager__thumb span,
.sw-storefront-manager__hero-image span,
.sw-storefront-manager__product-rail article > span,
.sw-storefront-manager__compare-columns span {
  display: block;
  border-radius: var(--sw-admin-shell-radius-sm);
  background:
    linear-gradient(
      var(--sw-admin-shell-surface-tint),
      var(--sw-admin-shell-surface-soft)
    );
}

.sw-storefront-manager__thumb span {
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
}

.sw-storefront-manager__inventory-main {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}

.sw-storefront-manager__inventory-main strong,
.sw-storefront-manager__product-rail strong,
.sw-storefront-manager__style-list dd,
.sw-storefront-manager__module-list span,
.sw-storefront-manager__action-strip strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 700;
}

.sw-storefront-manager__row-actions {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__updated,
.sw-storefront-manager__row-actions {
  grid-column: 2 / -1;
}

.sw-storefront-manager__row-actions span,
.sw-storefront-manager__module-list span,
.sw-storefront-manager__action-strip li {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__row-actions svg,
.sw-storefront-manager__device-button svg,
.sw-storefront-manager__action-button svg,
.sw-storefront-manager__compare-slot > svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-storefront-manager__preview-column,
.sw-storefront-manager__style-list,
.sw-storefront-manager__module-list,
.sw-storefront-manager__state-list {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-storefront-manager__preview {
  overflow: hidden;
}

.sw-storefront-manager__preview[data-device='mobile'] {
  max-width: var(--sw-admin-shell-status-max);
  margin-inline: auto;
}

.sw-storefront-manager__browser-bar {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border-bottom: var(--sw-admin-shell-border-soft);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-storefront-manager__browser-bar span {
  width: var(--sw-primitive-density-choice-icon-size);
  height: var(--sw-primitive-density-choice-icon-size);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-line);
}

.sw-storefront-manager__storefront-frame {
  background: var(--sw-admin-shell-surface);
}

.sw-storefront-manager__storefront-nav {
  align-items: center;
  justify-content: center;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border-bottom: var(--sw-admin-shell-border-soft);
}

.sw-storefront-manager__storefront-nav strong {
  color: var(--sw-admin-shell-ink);
  letter-spacing: 0;
}

.sw-storefront-manager__hero {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  min-height: var(--sw-admin-shell-state-min);
  padding: var(--sw-admin-shell-panel-pad);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-storefront-manager__preview[data-device='mobile'] .sw-storefront-manager__hero {
  grid-template-columns: 1fr;
}

.sw-storefront-manager__hero p,
.sw-storefront-manager__hero h3,
.sw-storefront-manager__module-list h4,
.sw-storefront-manager__compare-slot h3 {
  margin: 0;
}

.sw-storefront-manager__hero h3,
.sw-storefront-manager__panel-head h3,
.sw-storefront-manager__compare-slot h3 {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-storefront-manager__hero p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-storefront-manager__hero button {
  margin-top: var(--sw-admin-shell-panel-pad-compact);
  padding: var(--sw-primitive-space-control-padding-y) var(--sw-primitive-space-control-padding-x);
  border: 0;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-ink);
  color: var(--sw-admin-shell-surface);
  font: inherit;
  font-weight: 700;
}

.sw-storefront-manager__hero-image {
  display: grid;
  place-items: center;
  min-height: var(--sw-admin-shell-state-min);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-storefront-manager__hero-image span {
  width: 62%;
  aspect-ratio: 1;
}

.sw-storefront-manager__product-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-storefront-manager__preview[data-device='mobile'] .sw-storefront-manager__product-rail {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-storefront-manager__product-rail article {
  min-width: 0;
}

.sw-storefront-manager__product-rail article > span {
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__style-list {
  margin: var(--sw-admin-shell-panel-pad) 0;
}

.sw-storefront-manager__style-list div,
.sw-storefront-manager__state-list article {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-storefront-manager__style-list dt,
.sw-storefront-manager__style-list dd {
  margin: 0;
}

.sw-storefront-manager__style-list dd {
  margin-top: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__compare-slot {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  background: var(--sw-admin-shell-surface-tint);
}

.sw-storefront-manager__compare-slot > svg {
  color: var(--sw-admin-shell-warning);
}

.sw-storefront-manager__compare-slot--open {
  grid-template-columns: auto minmax(0, 0.72fr) minmax(0, 1fr);
}

.sw-storefront-manager__compare-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__compare-columns span {
  min-height: var(--sw-admin-shell-row-height);
}

.sw-storefront-manager__action-strip {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-storefront-manager__action-buttons {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-storefront-manager__action-strip ul {
  flex-basis: 100%;
}

.sw-storefront-manager__action-strip > div:first-child span {
  display: block;
}

.sw-operator-workbench,
.sw-detail-inspector {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-operator-workbench__head,
.sw-operator-workbench__head-actions,
.sw-operator-workbench__toolbar,
.sw-operator-workbench__search,
.sw-operator-workbench__product-button,
.sw-operator-workbench__readiness,
.sw-operator-workbench__row-actions,
.sw-operator-workbench__pagination,
.sw-operator-workbench__inspector-head,
.sw-operator-workbench__section-head,
.sw-operator-workbench__check-list li,
.sw-operator-workbench__next-actions li,
.sw-operator-workbench__inspector-actions,
.sw-operator-workbench__mobile-continuation,
.sw-detail-inspector__identity,
.sw-detail-inspector__identity-main,
.sw-detail-inspector__identity-actions,
.sw-detail-inspector__toolbar,
.sw-detail-inspector__lane-head,
.sw-detail-inspector__section-title,
.sw-detail-inspector__blocked-list li,
.sw-detail-inspector__guard-head,
.sw-detail-inspector__guard-actions {
  display: flex;
}

.sw-operator-workbench__head,
.sw-detail-inspector__identity {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-operator-workbench__head p,
.sw-operator-workbench__toolbar .sw-primitive-toolbar-title,
.sw-operator-workbench__category small,
.sw-operator-workbench__readiness small,
.sw-operator-workbench__updated,
.sw-operator-workbench__inspector-head span,
.sw-operator-workbench__fact-grid dt,
.sw-operator-workbench__check-list li,
.sw-operator-workbench__next-actions small,
.sw-operator-workbench__inspector-actions p,
.sw-operator-workbench__mobile-continuation span,
.sw-detail-inspector__identity p,
.sw-detail-inspector__readiness-strip span,
.sw-detail-inspector__lane-head p,
.sw-detail-inspector__facts span,
.sw-detail-inspector__blocked-list li,
.sw-detail-inspector__disabled-reason,
.sw-detail-inspector__guard-list dt,
.sw-detail-inspector__guard-note p {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-operator-workbench__head-actions,
.sw-detail-inspector__identity-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__toolbar,
.sw-detail-inspector__toolbar {
  row-gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__search {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: min(100%, var(--sw-admin-shell-status-max));
}

.sw-operator-workbench__search svg,
.sw-operator-workbench__row-actions svg,
.sw-operator-workbench__section-head svg,
.sw-operator-workbench__check-list svg,
.sw-operator-workbench__mobile-continuation svg,
.sw-detail-inspector__lane-icon svg,
.sw-detail-inspector__section-title svg,
.sw-detail-inspector__blocked-list svg,
.sw-detail-inspector__guard-head svg,
.sw-detail-inspector__guard-actions svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
}

.sw-operator-workbench__filters,
.sw-detail-inspector__lane-tabs {
  flex-wrap: wrap;
}

.sw-operator-workbench__filter-tab,
.sw-detail-inspector__lane-tab {
  gap: var(--sw-primitive-space-stack-sm);
  white-space: nowrap;
}

.sw-operator-workbench__filter-tab span {
  padding: 0 var(--sw-primitive-space-stack-sm);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-operator-workbench__workspace {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 0.72fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-operator-workbench__table-panel,
.sw-operator-workbench__inspector,
.sw-detail-inspector__lane-workspace,
.sw-detail-inspector__guard,
.sw-detail-inspector__readiness-strip article {
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-operator-workbench__table-scroll {
  overflow-x: auto;
}

.sw-operator-workbench__row[data-selected='true'] {
  background: var(--sw-primitive-color-accent-surface);
}

.sw-operator-workbench__product-button {
  align-items: center;
  gap: var(--sw-primitive-space-stack-md);
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  font: inherit;
  text-align: left;
}

.sw-operator-workbench__product-button strong,
.sw-operator-workbench__product-button small,
.sw-operator-workbench__category strong,
.sw-operator-workbench__category small,
.sw-operator-workbench__readiness small,
.sw-operator-workbench__inspector-head span,
.sw-operator-workbench__next-actions strong {
  display: block;
}

.sw-operator-workbench__product-button strong,
.sw-operator-workbench__category strong,
.sw-operator-workbench__completion strong,
.sw-operator-workbench__fact-grid dd,
.sw-operator-workbench__next-actions strong,
.sw-detail-inspector__readiness-strip strong,
.sw-detail-inspector__facts strong,
.sw-detail-inspector__guard-list dd {
  color: var(--sw-admin-shell-ink);
  font-weight: 700;
}

.sw-operator-workbench__thumb {
  display: grid;
  place-items: center;
  flex: 0 0 var(--sw-primitive-density-control-height-lg);
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-detail-inspector__product-visual {
  display: grid;
  place-items: center;
  flex: 0 0 var(--sw-admin-shell-body-visual-size);
  width: var(--sw-admin-shell-body-visual-size);
  height: var(--sw-admin-shell-body-visual-size);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-operator-workbench__thumb[data-tone='success'],
.sw-detail-inspector__product-visual[data-tone='success'] {
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-admin-shell-green);
}

.sw-operator-workbench__thumb[data-tone='warning'],
.sw-detail-inspector__product-visual[data-tone='warning'] {
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-warning);
}

.sw-operator-workbench__thumb[data-tone='danger'],
.sw-detail-inspector__product-visual[data-tone='danger'] {
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-admin-shell-danger);
}

.sw-operator-workbench__completion {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: var(--sw-admin-shell-body-visual-size);
}

.sw-operator-workbench__completion > span {
  display: block;
  height: var(--sw-primitive-density-choice-icon-size);
  overflow: hidden;
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-line);
}

.sw-operator-workbench__completion > span > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sw-admin-shell-warning);
}

.sw-operator-workbench__completion[data-completion='high'] > span > span {
  width: 92%;
  background: var(--sw-admin-shell-green);
}

.sw-operator-workbench__completion[data-completion='medium'] > span > span {
  width: 74%;
}

.sw-operator-workbench__completion[data-completion='low'] > span > span {
  width: 60%;
}

.sw-operator-workbench__readiness {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: max-content;
}

.sw-operator-workbench__row-actions {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__pagination {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border-top: var(--sw-admin-shell-border-soft);
}

.sw-operator-workbench__pagination > span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-operator-workbench__inspector,
.sw-detail-inspector__lane-workspace,
.sw-detail-inspector__guard {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-operator-workbench__inspector {
  position: sticky;
  top: calc(var(--sw-admin-shell-header-min) + var(--sw-admin-shell-gap));
}

.sw-operator-workbench__inspector-head,
.sw-detail-inspector__identity-main,
.sw-detail-inspector__lane-head,
.sw-detail-inspector__guard-head {
  align-items: center;
  gap: var(--sw-admin-shell-gap);
}

.sw-operator-workbench__inspector-head h3,
.sw-operator-workbench__section-head h4,
.sw-detail-inspector__lane-head h3,
.sw-detail-inspector__section-title h4,
.sw-detail-inspector__guard-head h3 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-operator-workbench__media-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__media-strip span {
  display: block;
  aspect-ratio: 1;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-operator-workbench__media-strip span[data-tone='success'] {
  background: var(--sw-primitive-color-success-surface);
}

.sw-operator-workbench__section-head,
.sw-detail-inspector__section-title {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__fact-grid,
.sw-detail-inspector__readiness-strip,
.sw-detail-inspector__facts {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__fact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-operator-workbench__fact-grid div,
.sw-detail-inspector__facts article,
.sw-detail-inspector__guard-list div,
.sw-detail-inspector__guard-note {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-operator-workbench__fact-grid dt,
.sw-operator-workbench__fact-grid dd,
.sw-detail-inspector__guard-list dt,
.sw-detail-inspector__guard-list dd {
  margin: 0;
}

.sw-operator-workbench__check-list,
.sw-operator-workbench__next-actions,
.sw-detail-inspector__blocked-list ul {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-operator-workbench__check-list li,
.sw-operator-workbench__next-actions li,
.sw-detail-inspector__blocked-list li {
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__check-list svg,
.sw-detail-inspector__blocked-list svg {
  color: var(--sw-admin-shell-warning);
}

.sw-operator-workbench__next-actions li {
  justify-content: space-between;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-operator-workbench__inspector-actions {
  flex-direction: column;
  align-items: stretch;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-operator-workbench__mobile-continuation {
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-operator-workbench__mobile-continuation svg {
  color: var(--sw-admin-shell-green);
}

.sw-detail-inspector__readiness-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-detail-inspector__readiness-strip article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
}

.sw-detail-inspector__lane-tabs {
  align-items: stretch;
}

.sw-detail-inspector__lane-tab {
  align-items: center;
}

.sw-detail-inspector__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.42fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-detail-inspector__lane-head {
  align-items: flex-start;
}

.sw-detail-inspector__lane-icon,
.sw-detail-inspector__guard-head > svg {
  display: grid;
  place-items: center;
  flex: 0 0 var(--sw-primitive-density-control-height-lg);
  width: var(--sw-primitive-density-control-height-lg);
  height: var(--sw-primitive-density-control-height-lg);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-admin-shell-accent);
}

.sw-detail-inspector__lane-icon[data-tone='success'] {
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-admin-shell-green);
}

.sw-detail-inspector__lane-icon[data-tone='warning'] {
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-warning);
}

.sw-detail-inspector__lane-icon[data-tone='danger'] {
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-admin-shell-danger);
}

.sw-detail-inspector__facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-detail-inspector__facts article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-detail-inspector__lane-action {
  justify-self: start;
}

.sw-detail-inspector__guard {
  position: sticky;
  top: calc(var(--sw-admin-shell-header-min) + var(--sw-admin-shell-gap));
}

.sw-detail-inspector__guard-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-detail-inspector__guard-note {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-detail-inspector__guard-actions {
  flex-direction: column;
  align-items: stretch;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-editor-workspace,
.sw-settings-console {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-editor-workspace__head,
.sw-editor-workspace__panel-head,
.sw-editor-workspace__preview-nav,
.sw-editor-workspace__action-guard,
.sw-editor-workspace__guard-copy,
.sw-editor-workspace__action-buttons,
.sw-editor-workspace__guard-reasons li,
.sw-settings-console__head,
.sw-settings-console__panel-head,
.sw-settings-console__control,
.sw-settings-console__control-reason,
.sw-settings-console__guard-head,
.sw-settings-console__actions,
.sw-settings-console__action-reasons li {
  display: flex;
}

.sw-editor-workspace__head,
.sw-editor-workspace__panel-head,
.sw-settings-console__head,
.sw-settings-console__panel-head {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-editor-workspace__head p,
.sw-editor-workspace__panel-head p,
.sw-editor-workspace__field small,
.sw-editor-workspace__preview-nav span,
.sw-editor-workspace__preview-hero p,
.sw-editor-workspace__diff-panel p,
.sw-editor-workspace__diff-rows span,
.sw-editor-workspace__guard-copy span,
.sw-editor-workspace__guard-reasons li,
.sw-settings-console__head p,
.sw-settings-console__panel-head p,
.sw-settings-console__control-main small,
.sw-settings-console__control-reason span,
.sw-settings-console__guard-head span,
.sw-settings-console__guard-grid span,
.sw-settings-console__action-reasons li {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-editor-workspace__panel-head h3,
.sw-editor-workspace__preview-hero h3,
.sw-editor-workspace__diff-panel h3,
.sw-settings-console__panel-head h3,
.sw-settings-console__guard-head h3 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-editor-workspace__section-tabs,
.sw-settings-console__group-tabs {
  flex-wrap: wrap;
}

.sw-editor-workspace__section-tab,
.sw-settings-console__group-tab {
  gap: var(--sw-primitive-space-stack-sm);
  white-space: nowrap;
}

.sw-editor-workspace__workspace,
.sw-settings-console__workspace {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  align-items: start;
}

.sw-editor-workspace__workspace {
  grid-template-columns: minmax(var(--sw-admin-shell-context-width), 0.46fr) minmax(0, 1fr);
}

.sw-settings-console__workspace {
  grid-template-columns: minmax(0, 1fr) minmax(var(--sw-admin-shell-context-width), 0.42fr);
}

.sw-editor-workspace__form-panel,
.sw-editor-workspace__preview-panel,
.sw-editor-workspace__diff-panel,
.sw-editor-workspace__action-guard,
.sw-settings-console__controls,
.sw-settings-console__guard {
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
}

.sw-editor-workspace__form-panel,
.sw-editor-workspace__diff-panel,
.sw-editor-workspace__action-guard,
.sw-settings-console__controls,
.sw-settings-console__guard {
  padding: var(--sw-admin-shell-panel-pad);
}

.sw-editor-workspace__field-list,
.sw-editor-workspace__preview-column,
.sw-editor-workspace__diff-rows,
.sw-settings-console__control-list,
.sw-settings-console__guard,
.sw-settings-console__guard-grid,
.sw-settings-console__action-reasons {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-editor-workspace__field-list {
  margin: var(--sw-admin-shell-panel-pad) 0;
}

.sw-editor-workspace__field,
.sw-settings-console__control-main {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-editor-workspace__field > span {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
}

.sw-editor-workspace__browser-bar {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border-bottom: var(--sw-admin-shell-border-soft);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-editor-workspace__browser-bar span {
  width: var(--sw-primitive-density-choice-icon-size);
  height: var(--sw-primitive-density-choice-icon-size);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-line);
}

.sw-editor-workspace__preview-panel {
  overflow: hidden;
}

.sw-editor-workspace__preview-frame {
  background: var(--sw-admin-shell-surface);
}

.sw-editor-workspace__preview-nav {
  align-items: center;
  justify-content: center;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border-bottom: var(--sw-admin-shell-border-soft);
}

.sw-editor-workspace__preview-nav strong {
  color: var(--sw-admin-shell-ink);
}

.sw-editor-workspace__preview-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  min-height: var(--sw-admin-shell-state-min);
  padding: var(--sw-admin-shell-panel-pad);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-editor-workspace__preview-hero button {
  margin-top: var(--sw-admin-shell-panel-pad-compact);
  padding: var(--sw-primitive-space-control-padding-y) var(--sw-primitive-space-control-padding-x);
  border: 0;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-ink);
  color: var(--sw-admin-shell-surface);
  font: inherit;
  font-weight: 700;
}

.sw-editor-workspace__preview-art {
  display: grid;
  place-items: center;
  min-height: var(--sw-admin-shell-state-min);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-editor-workspace__preview-art span,
.sw-editor-workspace__diff-rows article::before {
  display: block;
  border-radius: var(--sw-admin-shell-radius-sm);
  background:
    linear-gradient(
      var(--sw-admin-shell-surface-tint),
      var(--sw-admin-shell-surface-soft)
    );
}

.sw-editor-workspace__preview-art span {
  width: 62%;
  aspect-ratio: 1;
}

.sw-editor-workspace__diff-panel {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  background: var(--sw-admin-shell-surface-tint);
}

.sw-editor-workspace__diff-panel,
.sw-editor-workspace__guard-copy,
.sw-editor-workspace__guard-reasons li,
.sw-settings-console__control-reason,
.sw-settings-console__guard-head,
.sw-settings-console__action-reasons li {
  gap: var(--sw-admin-shell-gap);
}

.sw-editor-workspace__diff-panel > svg,
.sw-editor-workspace__guard-copy > svg,
.sw-settings-console__guard-head > svg,
.sw-settings-console__guard-grid svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: 0 0 auto;
  color: var(--sw-admin-shell-warning);
}

.sw-editor-workspace__diff-panel--open {
  grid-template-columns: auto minmax(0, 0.5fr) minmax(0, 1fr);
}

.sw-editor-workspace__diff-rows {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-editor-workspace__diff-rows article,
.sw-settings-console__control,
.sw-settings-console__guard-grid article {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-editor-workspace__diff-rows article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-editor-workspace__diff-rows article::before {
  content: "";
  width: 100%;
  min-height: var(--sw-admin-shell-row-height);
}

.sw-editor-workspace__diff-rows strong,
.sw-editor-workspace__guard-copy strong,
.sw-settings-console__guard-grid strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 700;
}

.sw-editor-workspace__action-guard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
  align-items: start;
  gap: var(--sw-admin-shell-gap);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-editor-workspace__guard-copy {
  align-items: flex-start;
}

.sw-editor-workspace__guard-copy strong,
.sw-editor-workspace__guard-copy span {
  display: block;
}

.sw-editor-workspace__action-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-editor-workspace__action-button:disabled,
.sw-settings-console__actions .sw-primitive-button:disabled {
  border-color: var(--sw-admin-shell-line);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-editor-workspace__guard-reasons,
.sw-settings-console__action-reasons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-editor-workspace__guard-reasons {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-editor-workspace__guard-reasons li,
.sw-settings-console__action-reasons li {
  align-items: center;
}

.sw-editor-workspace__action-button svg,
.sw-settings-console__actions svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-settings-console__control {
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-settings-console__control-main {
  flex: 1 1 auto;
  min-width: 0;
}

.sw-settings-console__control-reason {
  align-items: center;
  justify-content: flex-end;
  max-width: var(--sw-admin-shell-title-max);
}

.sw-settings-console__guard {
  position: sticky;
  top: calc(var(--sw-admin-shell-header-min) + var(--sw-admin-shell-gap));
}

.sw-settings-console__guard-head {
  align-items: flex-start;
}

.sw-settings-console__guard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-settings-console__guard-grid article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-settings-console__actions {
  flex-direction: column;
  align-items: stretch;
  gap: var(--sw-primitive-space-stack-sm);
}

@media (min-width: 92em) {
  .sw-storefront-manager__workspace {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.2fr) minmax(var(--sw-admin-shell-context-width), 0.55fr);
  }

  .sw-storefront-manager__inventory {
    grid-row: auto;
  }

  .sw-storefront-manager__preview-column,
  .sw-storefront-manager__detail {
    grid-column: auto;
  }
}

@media (max-width: 70em) {
  .sw-admin-archetypes__workspace-grid,
  .sw-admin-archetypes__state-grid,
  .sw-admin-daily-console__health-grid,
  .sw-detail-inspector__readiness-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-admin-daily-console__main-grid,
  .sw-admin-state-matrix__body,
  .sw-operator-workbench__workspace,
  .sw-detail-inspector__workspace,
  .sw-editor-workspace__workspace,
  .sw-settings-console__workspace {
    grid-template-columns: 1fr;
  }

  .sw-admin-archetypes__inspector,
  .sw-operator-workbench__inspector,
  .sw-detail-inspector__guard,
  .sw-settings-console__guard {
    position: static;
  }

}

@media (max-width: 52em) {
  .sw-admin-archetypes__head,
  .sw-admin-archetypes__primary-head,
  .sw-admin-archetypes__source-map,
  .sw-storefront-manager__head,
  .sw-storefront-manager__panel-head,
  .sw-storefront-manager__action-strip,
  .sw-storefront-manager__compare-slot,
  .sw-storefront-manager__compare-slot--open,
  .sw-operator-workbench__head,
  .sw-operator-workbench__head-actions,
  .sw-operator-workbench__toolbar,
  .sw-operator-workbench__pagination,
  .sw-detail-inspector__identity,
  .sw-detail-inspector__identity-actions,
  .sw-detail-inspector__toolbar,
  .sw-detail-inspector__lane-head,
  .sw-editor-workspace__head,
  .sw-editor-workspace__panel-head,
  .sw-editor-workspace__preview-nav,
  .sw-editor-workspace__diff-panel,
  .sw-editor-workspace__diff-panel--open,
  .sw-editor-workspace__action-guard,
  .sw-editor-workspace__action-buttons,
  .sw-settings-console__head,
  .sw-settings-console__panel-head,
  .sw-settings-console__control,
  .sw-settings-console__control-reason {
    align-items: stretch;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .sw-admin-archetypes__metric-strip,
  .sw-admin-archetypes__workspace-grid,
  .sw-admin-archetypes__state-grid,
  .sw-admin-daily-console__health-grid,
  .sw-admin-daily-console__main-grid,
  .sw-storefront-manager__workspace,
  .sw-storefront-manager__hero,
  .sw-storefront-manager__product-rail,
  .sw-storefront-manager__compare-columns,
  .sw-operator-workbench__workspace,
  .sw-operator-workbench__fact-grid,
  .sw-detail-inspector__workspace,
  .sw-detail-inspector__readiness-strip,
  .sw-detail-inspector__facts,
  .sw-editor-workspace__workspace,
  .sw-editor-workspace__preview-hero,
  .sw-editor-workspace__diff-rows,
  .sw-settings-console__workspace,
  .sw-settings-console__guard-grid {
    grid-template-columns: 1fr;
  }

  .sw-storefront-manager__inventory {
    grid-row: auto;
  }

  .sw-storefront-manager__preview-column,
  .sw-storefront-manager__detail {
    grid-column: auto;
  }

  .sw-admin-archetypes__primary-head .sw-primitive-field,
  .sw-admin-archetypes__primary-head .sw-primitive-input {
    max-width: none;
  }

  .sw-admin-daily-console__head,
  .sw-admin-daily-console__panel-head,
  .sw-admin-daily-console__storefront-body,
  .sw-admin-daily-console__next-action,
  .sw-admin-state-matrix__head,
  .sw-admin-state-matrix__body {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-admin-daily-console__task-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .sw-storefront-manager__storefront-nav,
  .sw-storefront-manager__action-buttons,
  .sw-storefront-manager__action-button,
  .sw-operator-workbench__head-actions .sw-primitive-button,
  .sw-detail-inspector__identity-actions .sw-primitive-button,
  .sw-detail-inspector__lane-action,
  .sw-editor-workspace__action-buttons,
  .sw-editor-workspace__action-button,
  .sw-settings-console__actions .sw-primitive-button {
    width: 100%;
  }

  .sw-storefront-manager__storefront-nav {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .sw-storefront-manager__action-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-storefront-manager__action-strip {
    position: sticky;
    bottom: var(--sw-primitive-space-stack-md);
    z-index: 1;
  }

  .sw-admin-shell:has(.sw-editor-workspace) .sw-admin-shell__mobile-action-bar,
  .sw-admin-shell:has(.sw-settings-console) .sw-admin-shell__mobile-action-bar {
    position: static;
  }

  .sw-operator-workbench__table,
  .sw-operator-workbench__table-head,
  .sw-operator-workbench__table-body,
  .sw-operator-workbench__row {
    display: block;
  }

  .sw-operator-workbench__table-head {
    display: none;
    border: 0;
  }

  .sw-operator-workbench__table-body {
    display: grid;
    gap: var(--sw-primitive-space-stack-sm);
  }

  .sw-operator-workbench__row {
    border: var(--sw-admin-shell-border-soft);
    border-radius: var(--sw-admin-shell-radius-sm);
    background: var(--sw-admin-shell-surface);
  }

  .sw-operator-workbench__row > td {
    display: block;
    border-bottom: var(--sw-admin-shell-border-soft);
  }

  .sw-operator-workbench__row > td:last-child {
    border-bottom: 0;
  }

  .sw-admin-daily-console__task-count {
    grid-column: 2 / -1;
  }

  .sw-admin-state-matrix__action-posture,
  .sw-admin-daily-console__storefront-facts {
    flex-basis: auto;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-admin-home.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.sw-admin-home-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1rem 1.125rem;
  border: 1px solid var(--sw-admin-shell-line);
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-admin-home-toolbar h2,
.sw-admin-home-panel h3,
.sw-admin-home-readiness h3,
.sw-admin-home-hero h2 {
  margin: 0;
  letter-spacing: -0.035em;
}

.sw-admin-home-toolbar h2 {
  font-size: 1.2rem;
}

.sw-admin-home-toolbar__actions,
.sw-admin-home-hero__actions,
.sw-admin-home-chip-row,
.sw-admin-home-panel__head,
.sw-admin-home-readiness-card__top,
.sw-admin-home-work-item {
  display: flex;
  align-items: center;
}

.sw-admin-home-toolbar__actions,
.sw-admin-home-hero__actions,
.sw-admin-home-chip-row {
  gap: 0.625rem;
  flex-wrap: wrap;
}

.sw-admin-home-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.875rem;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease,
    box-shadow 150ms ease;
}

.sw-admin-home-action--primary {
  border: 1px solid #2563eb;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.sw-admin-home-action--secondary {
  border: 1px solid #d7e0ee;
  background: #ffffff;
  color: #334155;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

.sw-admin-home-action:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}

.sw-admin-home-eyebrow {
  margin: 0 0 0.35rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sw-admin-home {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.sw-admin-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
  gap: 1rem;
  overflow: hidden;
  padding: 1.3rem;
  border: 1px solid #dbe6f4;
  border-radius: 1.45rem;
  background:
    radial-gradient(circle at 92% 6%, rgba(37, 99, 235, 0.17), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #eff6ff 100%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

.sw-admin-home-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}

.sw-admin-home-hero h2 {
  max-width: 45rem;
  color: #0f172a;
  font-size: clamp(1.7rem, 3vw, 2.65rem);
  line-height: 1.02;
}

.sw-admin-home-hero p {
  max-width: 42rem;
  margin: 0.85rem 0 0;
  color: #475569;
  font-size: 0.98rem;
  line-height: 1.7;
}

.sw-admin-home-hero__actions {
  margin-top: 1.1rem;
}

.sw-admin-home-hero__panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  align-content: center;
  min-width: 0;
}

.sw-admin-home-metric {
  min-width: 0;
  padding: 0.9rem 1rem;
  border: 1px solid #dbe6f4;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.sw-admin-home-metric span,
.sw-admin-home-metric small {
  display: block;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
}

.sw-admin-home-metric strong {
  display: block;
  overflow: hidden;
  margin: 0.25rem 0;
  color: #111827;
  font-size: 1.25rem;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-home-alert {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1rem;
  border: 1px solid #fecaca;
  border-radius: 1rem;
  background: #fff1f2;
  color: #991b1b;
}

.sw-admin-home-alert strong,
.sw-admin-home-alert span {
  font-size: 0.85rem;
}

.sw-admin-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(19rem, 0.6fr);
  gap: 1rem;
  min-width: 0;
}

.sw-admin-home-panel,
.sw-admin-home-readiness {
  min-width: 0;
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.35rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-admin-home-panel__head {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.95rem;
}

.sw-admin-home-panel__head h3,
.sw-admin-home-readiness h3 {
  color: #111827;
  font-size: 1.12rem;
}

.sw-admin-home-panel__head svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #2563eb;
}

.sw-admin-home-work-list {
  display: grid;
  gap: 0.7rem;
}

.sw-admin-home-work-item {
  min-width: 0;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-admin-home-work-item__icon,
.sw-admin-home-card-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.9rem;
  background: linear-gradient(135deg, #dbeafe, #eef2ff);
  color: #2563eb;
}

.sw-admin-home-work-item__icon svg,
.sw-admin-home-card-icon svg {
  width: 1.1rem;
  height: 1.1rem;
}

.sw-admin-home-work-item__copy {
  min-width: 0;
  flex: 1;
}

.sw-admin-home-work-item__copy strong,
.sw-admin-home-work-item__copy small {
  display: block;
  min-width: 0;
}

.sw-admin-home-work-item__copy strong {
  overflow: hidden;
  color: #111827;
  font-size: 0.95rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-home-work-item__copy small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0.25rem;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sw-admin-home-ai-card {
  padding: 0.95rem;
  border: 1px solid #cfe0ff;
  border-radius: 1.05rem;
  background: linear-gradient(180deg, #f8fbff, #ffffff);
}

.sw-admin-home-ai-card strong {
  display: block;
  color: #111827;
  font-size: 0.98rem;
  font-weight: 900;
}

.sw-admin-home-ai-card p,
.sw-admin-home-ai-note span,
.sw-admin-home-readiness-card p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.55;
}

.sw-admin-home-ai-card p {
  margin: 0.5rem 0 0.75rem;
}

.sw-admin-home-ai-note {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-admin-home-ai-note svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  color: #059669;
}

.sw-admin-home-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.sw-admin-home-readiness-card {
  min-width: 0;
  padding: 0.95rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fbfdff;
}

.sw-admin-home-readiness-card__top {
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.9rem;
}

.sw-admin-home-readiness-card h3 {
  margin: 0;
  color: #111827;
  font-size: 0.98rem;
  font-weight: 900;
}

.sw-admin-home-readiness-card p {
  min-height: 3.8rem;
  margin: 0.45rem 0 0.85rem;
}

.sw-admin-home-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.sw-admin-home-card-link svg {
  width: 0.9rem;
  height: 0.9rem;
}

@media (max-width: 1180px) {
  .sw-admin-home-hero,
  .sw-admin-home-grid,
  .sw-admin-home-readiness-grid {
    grid-template-columns: 1fr;
  }

  .sw-admin-home-readiness-card p {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .sw-admin-home-toolbar,
  .sw-admin-home-panel__head,
  .sw-admin-home-alert {
    align-items: flex-start;
    flex-direction: column;
  }

  .sw-admin-home-toolbar__actions,
  .sw-admin-home-hero__actions {
    width: 100%;
  }

  .sw-admin-home-toolbar__actions .sw-admin-home-action,
  .sw-admin-home-hero__actions .sw-admin-home-action {
    width: 100%;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-products.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.sw-products-toolbar,
.sw-products-toolbar__actions,
.sw-products-catalog__hero-actions,
.sw-products-panel__head,
.sw-products-product-cell,
.sw-products-table__action,
.sw-products-chip-list,
.sw-product-detail__header,
.sw-product-detail__actions,
.sw-product-detail__tabs,
.sw-product-detail__tab,
.sw-product-pricing__heading,
.sw-product-pricing__owner-head,
.sw-product-media__heading,
.sw-product-media-card__head,
.sw-product-variant-matrix__head,
.sw-product-inventory__heading,
.sw-product-description-block strong {
  display: flex;
  align-items: center;
}

.sw-products-toolbar {
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1rem 1.125rem;
  border: var(--sw-admin-shell-border);
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-products-toolbar h2,
.sw-products-catalog h2,
.sw-product-detail h2,
.sw-products-panel h3,
.sw-product-detail-card h3,
.sw-product-pricing__owner-card h4,
.sw-product-media-posture__body h4,
.sw-product-description-blocks h3,
.sw-product-description-ai h3 {
  margin: 0;
  letter-spacing: -0.035em;
}

.sw-products-toolbar h2 {
  font-size: 1.2rem;
}

.sw-products-toolbar__actions,
.sw-products-catalog__hero-actions,
.sw-products-chip-list {
  gap: 0.625rem;
  flex-wrap: wrap;
}

.sw-products-toolbar__search,
.sw-products-toolbar__filter {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-primitive-density-control-height-lg);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 800;
}

.sw-products-toolbar__search svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-products-toolbar__search input,
.sw-products-toolbar__filter select {
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  font: inherit;
  outline: 0;
}

.sw-products-toolbar__search input {
  width: min(100%, var(--sw-admin-shell-context-width));
}

.sw-products-toolbar__search input::placeholder {
  color: var(--sw-admin-shell-ink-soft);
}

.sw-products-toolbar__filter span {
  color: var(--sw-admin-shell-ink-soft);
}

.sw-products-toolbar__filter select {
  min-width: var(--sw-primitive-density-select-content-min-width);
  cursor: pointer;
}

.sw-products-toolbar__search:focus-within,
.sw-products-toolbar__filter:focus-within {
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-products-eyebrow {
  margin: 0 0 0.35rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sw-products-muted {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.55;
}

.sw-products-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.875rem;
  font-size: 0.875rem;
  font-weight: 900;
  text-decoration: none;
}

.sw-products-action svg {
  width: 0.95rem;
  height: 0.95rem;
}

.sw-products-action--primary {
  border: 1px solid #2563eb;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.sw-products-action--secondary {
  border: 1px solid #d7e0ee;
  background: #ffffff;
  color: #334155;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

.sw-products-action--danger {
  border: 1px solid var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-primitive-color-danger);
}

.sw-products-action:disabled,
.sw-products-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.sw-products-catalog,
.sw-product-detail {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.sw-products-catalog {
  container: sw-products-catalog / inline-size;
}

.sw-products-catalog__hero {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid #dbe6f4;
  border-radius: 1.45rem;
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #eff6ff 100%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

.sw-products-catalog__hero h2,
.sw-product-detail__title h2 {
  color: #0f172a;
  font-size: clamp(1.6rem, 2.4vw, 2.35rem);
  line-height: 1.02;
}

.sw-products-catalog__hero p {
  max-width: 44rem;
  margin: 0.85rem 0 0;
  color: #475569;
  line-height: 1.65;
}

.sw-products-catalog__hero-actions {
  align-content: center;
  justify-content: flex-end;
}

.sw-products-alert {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border: 1px solid #fecaca;
  border-radius: 1rem;
  background: #fff1f2;
  color: #991b1b;
  font-weight: 850;
}

.sw-products-alert svg {
  width: 1rem;
  height: 1rem;
}

.sw-products-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.sw-products-metric,
.sw-products-panel,
.sw-product-detail-card,
.sw-product-description-blocks,
.sw-product-description-ai {
  min-width: 0;
  border: 1px solid #dfe8f5;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-products-metric {
  padding: 0.9rem 1rem;
}

.sw-products-metric__icon {
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  margin-bottom: 0.8rem;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, #dbeafe, #eef2ff);
  color: #2563eb;
}

.sw-products-metric__icon svg {
  width: 1rem;
  height: 1rem;
}

.sw-products-metric span:not(.sw-products-metric__icon),
.sw-products-metric small {
  display: block;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
}

.sw-products-metric strong {
  display: block;
  margin: 0.25rem 0;
  color: #111827;
  font-size: 1.35rem;
  font-weight: 950;
}

.sw-products-catalog__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--sw-admin-shell-status-max);
  gap: 1rem;
  min-width: 0;
}

.sw-products-category-page {
  container: sw-products-category-page / inline-size;
}

.sw-products-category-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-products-category-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(22rem, 0.82fr);
  gap: var(--sw-admin-shell-gap);
  align-items: start;
  min-width: 0;
}

.sw-products-category-main {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  min-width: 0;
}

.sw-products-category-tree,
.sw-products-category-bucket,
.sw-products-category-inspector {
  align-self: start;
}

.sw-products-category-tree__uncategorized,
.sw-products-category-tree__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-products-category-tree__uncategorized {
  width: 100%;
  padding: var(--sw-admin-shell-panel-pad-compact);
  color: var(--sw-admin-shell-ink);
  text-align: left;
  cursor: pointer;
}

.sw-products-category-tree__uncategorized[data-active="true"],
.sw-products-category-tree__row[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-products-category-tree__row--drop-target {
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.sw-products-category-tree__row--drop-target:hover {
  border-color: var(--sw-admin-shell-accent-border);
  background: var(--sw-admin-shell-surface-soft);
  transform: translateX(2px);
}

.sw-products-category-tree__uncategorized strong,
.sw-products-category-tree__uncategorized small,
.sw-products-category-tree__select strong,
.sw-products-category-tree__select small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-products-category-tree__uncategorized small,
.sw-products-category-tree__select small {
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-products-category-tree__list,
.sw-products-category-tree__children {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-block: var(--sw-primitive-space-stack-sm) 0;
  margin-inline: 0;
  padding-inline-start: 0;
  list-style: none;
}

.sw-products-category-tree__children {
  padding-inline-start: var(--sw-primitive-space-stack-md);
}

.sw-products-category-tree__item {
  min-width: 0;
}

.sw-products-category-tree__select {
  flex: 1;
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  text-align: left;
  cursor: pointer;
}

.sw-products-category-tree__actions,
.sw-products-category-products__actions,
.sw-products-category-inspector__actions {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  flex-wrap: wrap;
}

.sw-products-category-tree__actions {
  flex: 0 0 auto;
  padding-inline-end: var(--sw-primitive-space-stack-sm);
}

.sw-products-category-product-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, auto);
  gap: var(--sw-primitive-space-menu-inset);
  margin-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-products-category-product-filters label {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-pill);
  background: var(--sw-admin-shell-surface);
}

.sw-products-category-product-filters svg {
  width: 1rem;
  height: 1rem;
  color: var(--sw-admin-shell-ink-soft);
}

.sw-products-category-product-filters input,
.sw-products-category-product-filters select {
  min-height: var(--sw-primitive-density-control-height);
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 850;
  outline: 0;
}

.sw-products-category-product-filters select {
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-pill);
  background: var(--sw-admin-shell-surface);
}

.sw-products-category-products {
  display: grid;
  overflow-x: auto;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  scrollbar-gutter: stable;
}

.sw-products-category-products__row {
  display: grid;
  grid-template-columns: minmax(17ch, 1.15fr) minmax(11ch, 0.7fr) minmax(10ch, 0.65fr) minmax(21ch, 1.05fr);
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  min-width: max(100%, 66ch);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border-bottom: var(--sw-admin-shell-border-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-products-category-products__row--draggable {
  cursor: grab;
}

.sw-products-category-products__row--draggable:active {
  cursor: grabbing;
}

.sw-products-category-products__row--head {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  letter-spacing: var(--sw-primitive-type-letter-label);
  text-transform: uppercase;
}

.sw-products-category-products__meta,
.sw-products-category-products__move-select,
.sw-products-category-inspector__section {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-products-category-products__meta strong,
.sw-products-category-products__meta small,
.sw-products-category-inspector__section strong,
.sw-products-category-inspector__section p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sw-products-category-products__meta small,
.sw-products-category-products__move-select span,
.sw-products-category-inspector__section p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-products-category-products__move-select select {
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 850;
}

.sw-products-category-inspector__section {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-products-category-inspector__section[data-state="mutation_error"],
.sw-products-category-inspector__section[data-state="network_error"],
.sw-products-category-inspector__section[data-state="auth_error"],
.sw-products-category-inspector__section[data-state="brand_context_error"] {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
}

.sw-products-category-inspector__section + .sw-products-category-inspector__section {
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-products-category-create-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: var(--sw-admin-shell-panel-pad);
  background: rgba(15, 23, 42, 0.58);
}

.sw-products-category-create-dialog {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  width: min(100%, 26rem);
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-lg);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow-panel);
}

.sw-products-category-create-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-products-panel,
.sw-product-detail-card,
.sw-product-description-blocks,
.sw-product-description-ai {
  padding: 1rem;
}

.sw-products-panel__head {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.sw-products-panel__head h3,
.sw-product-detail-card h3,
.sw-product-description-blocks h3,
.sw-product-description-ai h3 {
  font-size: 1.05rem;
}

.sw-products-table {
  --sw-products-table-columns:
    minmax(calc(var(--sw-admin-shell-control) * 1.45), calc(var(--sw-admin-shell-control) * 1.45))
    minmax(14ch, 0.9fr)
    minmax(12ch, 0.8fr)
    minmax(14ch, 0.9fr)
    minmax(22ch, 1.7fr)
    minmax(12ch, 0.8fr)
    minmax(15ch, 15ch);

  display: grid;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  scrollbar-gutter: stable;
}

.sw-products-table__row {
  display: grid;
  grid-template-columns: var(--sw-products-table-columns);
  align-items: center;
  gap: 0.75rem;
  box-sizing: border-box;
  width: 100%;
  min-width: max(100%, 90ch);
  padding: 0.8rem 0.95rem;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
  color: #111827;
  text-align: left;
}

.sw-products-table__row--head {
  background: #f8fafc;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-products-table__row--body {
  cursor: default;
  font: inherit;
}

.sw-products-table__row--body:hover,
.sw-products-table__row--body[data-active="true"] {
  background: #f8fbff;
}

.sw-products-table__row--loading {
  height: 4.3rem;
  background: linear-gradient(90deg, #f8fafc, #eef2ff, #f8fafc);
}

.sw-products-price-cell,
.sw-products-inventory-cell {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  color: #111827;
  font-size: 0.86rem;
  font-weight: 900;
}

.sw-products-price-cell strong,
.sw-products-price-cell small,
.sw-products-inventory-cell strong,
.sw-products-inventory-cell small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sw-products-price-cell small,
.sw-products-inventory-cell small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-products-price-cell[data-state="unavailable"],
.sw-products-inventory-cell[data-state="unavailable"] {
  color: var(--sw-admin-shell-warning);
}

.sw-products-price-cell--sale {
  color: var(--sw-admin-shell-warning);
}

.sw-products-price-cell--sale small {
  color: var(--sw-admin-shell-warning);
}

.sw-products-status-stack {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.35rem;
}

.sw-products-product-cell {
  min-width: 0;
  gap: 0.75rem;
}

.sw-products-product-cell strong,
.sw-products-product-cell small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-products-product-cell small {
  margin-top: 0.25rem;
  color: #64748b;
  font-size: 0.78rem;
}

.sw-products-catalog__thumb,
.sw-product-detail__hero-image {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border-radius: 0.95rem;
  object-fit: cover;
  background: #e2e8f0;
  color: #64748b;
}

.sw-products-catalog__thumb svg,
.sw-product-detail__hero-image svg {
  width: 1.2rem;
  height: 1.2rem;
}

.sw-products-table__action {
  justify-content: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
  color: var(--sw-admin-shell-accent);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 900;
}

.sw-products-table__inspect-action,
.sw-products-table__edit-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-admin-shell-control);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
}

.sw-products-table__inspect-action {
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-products-table__edit-action {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-admin-shell-accent);
  color: var(--sw-admin-shell-ink-inverse);
}

.sw-products-table__inspect-action:focus-visible,
.sw-products-table__edit-action:focus-visible {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-products-table__edit-action svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-products-empty {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-state-padding);
  color: var(--sw-admin-shell-ink-soft);
  text-align: center;
}

.sw-products-empty strong {
  color: var(--sw-admin-shell-ink);
}

.sw-products-empty span {
  line-height: var(--sw-primitive-type-line-body);
}

.sw-products-inspector__body {
  display: grid;
  gap: 0.8rem;
}

.sw-products-inspector__body--state {
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-products-inspector__body--state strong {
  color: var(--sw-admin-shell-ink);
}

.sw-products-inspector__body .sw-products-catalog__thumb {
  width: 100%;
  height: 10rem;
  border-radius: 1rem;
}

.sw-products-inspector__body h4 {
  margin: 0;
  font-size: 1.1rem;
}

.sw-products-inspector__body p {
  margin: 0;
  color: #64748b;
  font-size: 0.82rem;
}

.sw-product-detail__header {
  gap: 1rem;
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid #dbe6f4;
  border-radius: 1.45rem;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

.sw-product-detail__hero-image {
  width: 5.8rem;
  height: 5.8rem;
}

.sw-product-detail__title {
  min-width: 0;
  flex: 1;
}

.sw-product-detail__title span {
  display: block;
  margin-top: 0.25rem;
  color: #64748b;
  font-weight: 800;
}

.sw-product-detail__actions {
  justify-content: flex-end;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.sw-product-detail__tabs {
  gap: 0.45rem;
  padding: 0.45rem;
  border: 1px solid #dfe8f5;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.sw-product-detail__tab {
  gap: 0.4rem;
  min-height: 2.55rem;
  padding: 0 0.8rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background: transparent;
  color: #64748b;
  font-weight: 900;
  cursor: pointer;
}

.sw-product-detail__tab svg {
  width: 1rem;
  height: 1rem;
}

.sw-product-detail__tab[data-active="true"] {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.sw-product-detail-tab-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: 1rem;
}

.sw-product-detail-tab-grid--paper-doll-full {
  grid-template-columns: minmax(0, 1fr);
}

.sw-product-detail-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.sw-product-detail-field-grid label {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-product-detail-field-grid span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.sw-product-detail-field-grid strong {
  overflow: hidden;
  color: #111827;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-basic__heading,
.sw-product-basic__actions,
.sw-product-basic__summary,
.sw-product-basic__stale {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.sw-product-basic__heading h3 {
  margin-bottom: 0.35rem;
}

.sw-product-basic__section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.sw-product-basic__field {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.sw-product-basic__field span,
.sw-product-basic__summary dt {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.sw-product-basic__field input,
.sw-product-basic__field select {
  width: 100%;
  min-height: 2.75rem;
  padding: 0 0.85rem;
  border: 1px solid #dbe7f4;
  border-radius: 0.75rem;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-weight: 800;
}

.sw-product-basic__field input:disabled,
.sw-product-basic__field select:disabled,
.sw-products-action:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.sw-product-basic__field small,
.sw-product-basic__readonly small {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
}

.sw-product-basic__summary {
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid #dbe7f4;
  border-radius: 0.9rem;
  background: #f8fafc;
}

.sw-product-basic__summary dl {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  min-width: min(100%, 23rem);
}

.sw-product-basic__summary div {
  min-width: 0;
}

.sw-product-basic__summary dd {
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-basic__summary div[data-dirty="true"] dd {
  color: #1d4ed8;
}

.sw-product-basic__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 1rem;
}

.sw-product-basic__missing {
  padding: 0.95rem;
  border: 1px solid #fed7aa;
  border-radius: 0.9rem;
  background: #fff7ed;
}

.sw-product-basic__stale {
  margin-top: 1rem;
  justify-content: flex-start;
  padding: 0.85rem;
  border: 1px solid #fed7aa;
  border-radius: 0.9rem;
  background: #fff7ed;
  color: #9a3412;
  font-weight: 800;
}

.sw-product-basic__stale svg,
.sw-product-basic__alert svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
}

.sw-product-basic__category {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  margin-top: var(--sw-primitive-space-stack-lg);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-basic__category-head,
.sw-product-basic__category-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-product-basic__category-head h4 {
  margin: 0 0 var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-title-size);
}

.sw-product-basic__category-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--sw-primitive-space-stack-md);
}

.sw-product-basic__category-readback {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-basic__category-readback span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-basic__category-readback strong {
  overflow-wrap: anywhere;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-product-basic__category-readback small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-basic__category-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sw-product-basic__readonly {
  grid-template-columns: 1fr;
}

.sw-product-pricing__heading {
  justify-content: space-between;
  gap: 0.85rem;
}

.sw-product-pricing__heading h3 {
  margin-bottom: 0.35rem;
}

.sw-product-pricing__facts,
.sw-product-pricing__owner-grid,
.sw-product-pricing__ledger {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}

.sw-product-pricing__facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-product-pricing__owner-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-pricing__fact,
.sw-product-pricing__owner-card,
.sw-product-pricing__ledger div {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-product-pricing__fact--primary {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.sw-product-pricing__fact[data-state="unavailable"] {
  background: #fff7ed;
  border-color: #fed7aa;
}

.sw-product-pricing__fact span,
.sw-product-pricing__owner-head span,
.sw-product-pricing__ledger span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.sw-product-pricing__fact strong,
.sw-product-pricing__owner-card h4,
.sw-product-pricing__ledger strong {
  overflow-wrap: anywhere;
  color: #111827;
  font-weight: 950;
}

.sw-product-pricing__fact small,
.sw-product-pricing__owner-card p,
.sw-product-pricing__ledger small {
  margin: 0;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
}

.sw-product-pricing__owner-card {
  border-style: dashed;
}

.sw-product-pricing__owner-card[data-state="blocked"],
.sw-product-pricing__owner-card[data-state="owner-gap"] {
  border-color: #fed7aa;
  background: #fff7ed;
}

.sw-product-pricing__owner-head {
  justify-content: space-between;
  gap: 0.7rem;
}

.sw-product-pricing__unavailable {
  border-color: #fed7aa;
  background: #fff7ed;
}

.sw-product-pricing__merchant-section {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #ffffff;
}

.sw-product-pricing__section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
}

.sw-product-pricing__section-title h4,
.sw-product-pricing__section-title p {
  margin: 0;
}

.sw-product-pricing__section-title p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.5;
}

.sw-product-pricing__merchant-grid,
.sw-product-pricing__member-grid,
.sw-product-pricing__setting-list {
  display: grid;
  gap: 0.75rem;
}

.sw-product-pricing__merchant-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-pricing__member-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-product-pricing__merchant-field,
.sw-product-pricing__member-field,
.sw-product-pricing__switch-row,
.sw-product-pricing__setting-row {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #f8fafc;
}

.sw-product-pricing__merchant-field[data-state="owner-gap"],
.sw-product-pricing__switch-row[data-state="owner-gap"],
.sw-product-pricing__member-field,
.sw-product-pricing__setting-row {
  border-style: dashed;
  border-color: #fed7aa;
  background: #fff7ed;
}

.sw-product-pricing__merchant-field strong,
.sw-product-pricing__member-field strong,
.sw-product-pricing__switch-row strong,
.sw-product-pricing__setting-row strong {
  overflow-wrap: anywhere;
  color: #111827;
  font-weight: 950;
}

.sw-product-media-surface {
  align-items: start;
}

.sw-product-media__heading {
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-lg);
}

.sw-product-media-posture {
  display: grid;
  grid-template-columns: minmax(var(--sw-admin-shell-summary-min), var(--sw-admin-shell-status-max)) minmax(0, 1fr);
  gap: var(--sw-primitive-space-stack-lg);
  margin-top: var(--sw-primitive-space-stack-lg);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-product-media-posture__preview {
  display: grid;
  place-items: center;
  min-width: 0;
  aspect-ratio: 1;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  overflow: hidden;
}

.sw-product-media-posture__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-product-media-posture__preview svg {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-product-media-posture__body,
.sw-product-media-card__body,
.sw-product-media-ledger {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-product-media-posture__body dl,
.sw-product-media-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin-block: unset;
  margin-inline: unset;
}

.sw-product-media-posture__body dl div,
.sw-product-media-card__meta div,
.sw-product-media-ledger div {
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-media-posture__body dt,
.sw-product-media-card__meta dt,
.sw-product-media-ledger span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-media-posture__body dd,
.sw-product-media-card__meta dd {
  margin-block-start: var(--sw-primitive-space-menu-inset);
  margin-block-end: unset;
  margin-inline: unset;
  overflow-wrap: anywhere;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 900;
}

.sw-product-media-state {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-lg);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border);
  border-color: var(--sw-primitive-color-warning);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-primitive-color-warning-surface);
}

.sw-product-media-state[data-state="loading"] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-product-media-state[data-state="empty"] {
  border-color: var(--sw-admin-shell-line);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-product-media-state p {
  margin-block: unset;
  margin-inline: unset;
  color: var(--sw-admin-shell-ink-soft);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-media-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.sw-product-media-grid img,
.sw-product-media-grid span {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1rem;
  object-fit: cover;
  background: #f1f5f9;
  color: #64748b;
}

.sw-product-media-grid svg {
  width: 1.3rem;
  height: 1.3rem;
}

.sw-product-media-directories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-lg);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-product-media-directories button {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  max-width: 100%;
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  cursor: pointer;
}

.sw-product-media-directories button[data-active="true"] {
  border-color: var(--sw-primitive-color-accent);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-product-media-directories button span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sw-product-media-directory-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-media-candidate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
  margin-top: var(--sw-primitive-space-stack-lg);
}

.sw-product-media-card {
  min-width: 0;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  overflow: hidden;
}

.sw-product-media-card__frame {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  background: var(--sw-primitive-color-panel-muted);
  overflow: hidden;
}

.sw-product-media-card__frame > * {
  grid-area: 1 / 1;
}

.sw-product-media-card__frame img,
.sw-product-media-card__frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-product-media-card__body {
  padding: var(--sw-admin-shell-panel-pad-compact);
}

.sw-product-media-card__head {
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-media-card__semantic-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-media-card[data-selected="true"] {
  border-color: var(--sw-primitive-color-accent);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-product-media-card__head strong,
.sw-product-media-ledger strong {
  overflow-wrap: anywhere;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-product-media-card__meta {
  grid-template-columns: 1fr;
}

.sw-product-media-card__actions,
.sw-product-media__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-media-card__actions {
  margin-top: var(--sw-primitive-space-stack-sm);
}

.sw-product-media__alert {
  display: grid;
  align-items: start;
}

.sw-products-alert--success {
  border-color: var(--sw-primitive-color-success);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-primitive-color-success);
}

.sw-products-alert--compact {
  display: inline-flex;
  justify-self: start;
  width: fit-content;
  max-width: min(100%, 34rem);
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.2;
}

.sw-product-media-gallery-order {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-media-gallery-order__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-product-media-gallery-order__row strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-product-media-gallery-order__row span {
  display: inline-flex;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-products-icon-button {
  display: inline-grid;
  place-items: center;
  width: var(--sw-primitive-density-control-height-sm);
  height: var(--sw-primitive-density-control-height-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
}

.sw-products-icon-button svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-products-icon-button:disabled {
  cursor: not-allowed;
}

.sw-product-media-side-panel {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  align-content: start;
}

.sw-product-media-ledger small {
  display: block;
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-list,
.sw-product-variant-commerce-strip,
.sw-product-variant-setup-rail,
.sw-product-variant-workbench-table,
.sw-product-variant-matrix__dimensions,
.sw-product-variant-matrix__combinations,
.sw-product-variant-image-posture,
.sw-product-inventory__aggregate-grid,
.sw-product-inventory__bottlenecks,
.sw-product-inventory__component-list,
.sw-product-inventory__draft-panel,
.sw-product-inventory__variant-matrix,
.sw-product-inventory__readback,
.sw-product-inventory__blocked-actions,
.sw-product-placeholder-board {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-variant-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #f8fafc;
}

.sw-product-variant-matrix {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-md);
  min-width: 0;
}

.sw-product-variant-matrix__head {
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-variant-matrix__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--sw-admin-shell-summary-min), 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-variant-matrix__head { order: 0; }
.sw-product-variant-setup-rail { order: 1; }
.sw-product-variant-matrix__editor { order: 2; }
.sw-product-variant-workbench-table { order: 3; }
.sw-product-variant-matrix__summary { order: 4; }
.sw-product-bom-projection-contract { order: 5; }
.sw-product-bom-owner-map { order: 6; }
.sw-product-bom-readback { order: 7; }
.sw-product-variant-matrix__dimensions { order: 8; }

.sw-product-variant-matrix__summary div,
.sw-product-variant-commerce-card,
.sw-product-bom-projection-contract,
.sw-product-bom-owner-map,
.sw-product-bom-owner-map__card,
.sw-product-bom-option-mapping,
.sw-product-bom-option-mapping__row,
.sw-product-variant-matrix__dimension,
.sw-product-variant-projection__trace,
.sw-product-variant-matrix__row,
.sw-product-variant-matrix__blocker,
.sw-product-variant-source-gaps,
.sw-product-variant-source-gaps div,
.sw-product-variant-image-posture__row,
.sw-product-variant-image-posture__empty,
.sw-product-variant-compositor,
.sw-product-inventory__mode-card,
.sw-product-inventory__summary-card,
.sw-product-inventory__aggregate-card,
.sw-product-inventory__bottleneck-row,
.sw-product-inventory__component-row,
.sw-product-inventory__row,
.sw-product-inventory__matrix-row,
.sw-product-inventory__draft-row,
.sw-product-inventory__empty,
.sw-product-inventory__blocker {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-inventory__heading {
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-inventory__heading h3 {
  margin: 0;
}

.sw-product-inventory__mode-grid,
.sw-product-inventory__summary,
.sw-product-inventory__aggregate-grid {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-inventory__mode-grid,
.sw-product-inventory__aggregate-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-product-inventory__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-product-inventory__save-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-primitive-space-stack-md);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__save-strip strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-inventory__owner-contract {
  display: block;
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-inventory__save-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-inventory__warning,
.sw-product-inventory__error {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-inventory__warning {
  color: var(--sw-admin-shell-warning);
}

.sw-product-inventory__error {
  color: var(--sw-admin-shell-danger);
}

.sw-product-inventory__mode-card,
.sw-product-inventory__summary-card,
.sw-product-inventory__aggregate-card {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-inventory__mode-card[data-state="active"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__mode-card[data-state="blocked"],
.sw-product-inventory__blocker {
  border-color: var(--sw-admin-shell-warning);
}

.sw-product-inventory__mode-card strong,
.sw-product-inventory__summary-card strong,
.sw-product-inventory__aggregate-card strong,
.sw-product-inventory__section-head strong,
.sw-product-inventory__bottleneck-row span,
.sw-product-inventory__component-row strong,
.sw-product-inventory__empty strong,
.sw-product-inventory__blocker strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-inventory__mode-card span,
.sw-product-inventory__summary-card span,
.sw-product-inventory__summary-card small,
.sw-product-inventory__aggregate-card span,
.sw-product-inventory__aggregate-card small,
.sw-product-inventory__section-head p,
.sw-product-inventory__component-row span,
.sw-product-inventory__empty p,
.sw-product-inventory__blocker p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-inventory__summary-card span {
  font-weight: 850;
}

.sw-product-inventory__summary-card strong,
.sw-product-inventory__aggregate-card strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-inventory__section-head,
.sw-product-inventory__component-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-inventory__section-head p,
.sw-product-inventory__component-row span {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
}

.sw-product-inventory__bottleneck-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-inventory__row {
  display: grid;
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 0.75fr)
    minmax(0, 0.75fr)
    minmax(0, 0.75fr)
    auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__matrix-row {
  display: grid;
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(0, 1fr)
    minmax(0, 0.85fr)
    auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__draft-panel {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__draft-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(0, 0.75fr)
    minmax(0, 0.75fr)
    minmax(0, 1fr);
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-sm);
}

.sw-product-inventory__field {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-inventory__field span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-inventory__field input,
.sw-product-inventory__field select,
.sw-product-inventory__draft-row input,
.sw-product-inventory__draft-row select {
  width: 100%;
  min-width: 0;
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
}

.sw-product-inventory__draft-row {
  display: grid;
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(0, 1fr)
    minmax(0, 0.72fr)
    minmax(0, 0.72fr)
    minmax(0, 0.9fr);
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  margin-top: var(--sw-primitive-space-stack-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-inventory__draft-row--head {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-inventory__row--head {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-inventory__matrix-row--head {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-inventory__row strong,
.sw-product-inventory__row span,
.sw-product-inventory__matrix-row strong,
.sw-product-inventory__matrix-row span,
.sw-product-inventory__draft-row strong,
.sw-product-inventory__draft-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-inventory__empty,
.sw-product-inventory__blocker {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
}

.sw-product-inventory__empty svg,
.sw-product-inventory__blocker svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  color: var(--sw-admin-shell-warning);
}

.sw-product-inventory__empty p,
.sw-product-inventory__blocker p {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
}

.sw-product-inventory__blocked-actions .sw-products-action {
  width: 100%;
}

.sw-product-variant-matrix__summary dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-variant-matrix__summary dd {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-commerce-strip {
  grid-template-columns: repeat(4, minmax(var(--sw-admin-shell-summary-min), 1fr));
}

.sw-product-variant-setup-rail {
  grid-template-columns: minmax(22rem, 1.45fr) repeat(2, minmax(var(--sw-admin-shell-summary-min), 1fr));
}

.sw-product-variant-setup-rail div,
.sw-product-variant-workbench-table,
.sw-product-variant-workbench-row {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-setup-rail div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-setup-rail span,
.sw-product-variant-setup-rail small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-setup-rail strong {
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-setup-rail__actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.sw-product-variant-workbench-table {
  overflow: auto;
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-workbench-table--legacy-in-variant-tab {
  display: none;
}

.sw-product-variant-workbench-table--paper-doll {
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-paper-doll__thumbnail-card--legacy {
  display: none;
}

.sw-product-variant-workbench-table__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-variant-workbench-table__head > div {
  min-width: 0;
}

.sw-product-variant-workbench-table--paper-doll .sw-product-variant-workbench-table__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 50rem);
  align-items: start;
}

.sw-product-variant-workbench-table__tools,
.sw-product-variant-workbench-table__pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-workbench-search {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: min(100%, 14rem);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-workbench-search input,
.sw-product-variant-workbench-page-size select {
  min-height: var(--sw-primitive-density-control-height);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
}

.sw-product-variant-workbench-page-size {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-workbench-table__pager--numbered {
  max-inline-size: min(100%, 34rem);
  justify-content: flex-end;
}

.sw-product-variant-workbench-table__tools--paper-doll {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  justify-self: end;
  column-gap: var(--sw-primitive-space-menu-inset);
  row-gap: var(--sw-primitive-space-menu-inset);
  inline-size: min(100%, 50rem);
  min-width: 0;
}

.sw-product-variant-workbench-table__tools--paper-doll .sw-product-variant-workbench-page-size {
  grid-column: 2;
  justify-self: end;
}

.sw-product-variant-workbench-table__tools--paper-doll .sw-product-variant-workbench-table__pager--numbered {
  grid-column: 1;
  grid-row: 1;
  flex-wrap: nowrap;
  max-inline-size: 100%;
  min-width: 0;
  margin-inline-end: var(--sw-primitive-space-stack-sm);
  overflow-x: auto;
  scrollbar-width: thin;
}

.sw-product-variant-workbench-table__pager--numbered .sw-products-action {
  flex: 0 0 auto;
  min-inline-size: 2.25rem;
  padding-inline: 0.75rem;
  white-space: nowrap;
}

.sw-product-variant-workbench-table__pager-ellipsis {
  flex: 0 0 auto;
  min-inline-size: 1.15rem;
  text-align: center;
}

.sw-product-variant-workbench-table__tools--paper-doll > .sw-products-action {
  grid-column: 3;
  flex: 0 0 auto;
  inline-size: 7.75rem;
  justify-content: center;
  white-space: nowrap;
}

.sw-product-variant-workbench-table__pager span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-workbench-table__head small {
  display: block;
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-workbench-table__head h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-workbench-recompose-progress {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  margin-top: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-accent-soft);
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-workbench-recompose-progress strong,
.sw-product-variant-workbench-recompose-progress small {
  display: block;
}

.sw-product-variant-workbench-recompose-progress small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-variant-workbench-recompose-progress__spinner {
  inline-size: 1.15rem;
  block-size: 1.15rem;
  border: 3px solid color-mix(in srgb, var(--sw-admin-shell-accent-strong) 22%, transparent);
  border-top-color: var(--sw-admin-shell-accent-strong);
  border-radius: 999px;
  animation: sw-product-variant-recompose-spin 0.85s linear infinite;
}

.sw-product-variant-workbench-row--recomposing {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--sw-admin-shell-accent-strong) 24%, transparent);
}

@keyframes sw-product-variant-recompose-spin {
  to {
    transform: rotate(360deg);
  }
}

.sw-product-variant-workbench-table__row {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  min-width: 0;
  padding: var(--sw-primitive-space-menu-inset) 0;
  border-bottom: var(--sw-admin-shell-border-soft);
}

.sw-product-variant-workbench-table__row--compact {
  grid-template-columns:
    minmax(7.5rem, 0.85fr)
    minmax(10rem, 1.15fr)
    minmax(7rem, 0.75fr)
    minmax(6.5rem, 0.7fr)
    minmax(6.5rem, 0.7fr)
    minmax(8rem, 0.85fr)
    minmax(5.75rem, 0.6fr)
    minmax(8rem, 0.75fr);
  min-width: 58rem;
}

.sw-product-variant-workbench-table__row--full {
  grid-template-columns:
    minmax(7.5rem, 0.8fr)
    minmax(10rem, 1.05fr)
    minmax(7rem, 0.72fr)
    minmax(6.5rem, 0.65fr)
    minmax(6.5rem, 0.65fr)
    minmax(8rem, 0.8fr)
    minmax(5.75rem, 0.55fr)
    minmax(8rem, 0.72fr)
    minmax(5.75rem, 0.52fr)
    minmax(5.75rem, 0.52fr)
    minmax(5.75rem, 0.52fr)
    minmax(8rem, 0.72fr);
  min-width: 82rem;
}

.sw-product-variant-workbench-table__row--paper-doll {
  grid-template-columns:
    minmax(5.5rem, 0.56fr)
    minmax(12rem, 1.7fr)
    minmax(4.75rem, 0.52fr)
    minmax(4.75rem, 0.52fr)
    minmax(4.75rem, 0.52fr)
    minmax(7rem, 0.72fr)
    minmax(6.25rem, 0.62fr);
  width: 100%;
  min-width: 0;
}

.sw-product-variant-workbench-table--paper-doll .sw-product-variant-workbench-row {
  width: 100%;
}

.sw-product-variant-workbench-table--paper-doll .sw-product-variant-workbench-row .sw-product-variant-workbench-table__row {
  border-bottom: 0;
}

.sw-product-variant-workbench-table--paper-doll .sw-product-paper-doll__thumbnail-frame {
  width: min(100%, 6rem);
  min-width: 0;
  aspect-ratio: 1 / 1;
  height: auto;
}

.sw-product-variant-workbench-table__row--head {
  position: sticky;
  top: 0;
  z-index: 1;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-workbench-formula-anchor {
  position: relative;
  overflow: visible !important;
}

.sw-product-variant-workbench-price-heading {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  overflow: visible;
  white-space: nowrap;
}

.sw-product-variant-workbench-currency-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.35rem;
  padding: 0 var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: 999px;
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-accent-strong);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  line-height: 1;
}

.sw-product-variant-workbench-formula-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.35rem;
  margin-left: var(--sw-primitive-space-menu-inset);
  padding: 0 var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: 999px;
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-accent-strong);
  font: inherit;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  cursor: pointer;
}

.sw-product-variant-workbench-formula-chip:hover,
.sw-product-variant-workbench-formula-chip:focus-visible {
  border-color: var(--sw-admin-shell-accent-border);
  background: var(--sw-admin-shell-accent-soft);
}

.sw-product-variant-workbench-formula {
  position: absolute;
  top: calc(100% + var(--sw-primitive-space-menu-inset));
  left: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 22rem;
  padding: var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow-soft);
}

.sw-product-variant-workbench-formula select,
.sw-product-variant-workbench-formula input {
  min-height: 2rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-variant-workbench-formula input {
  width: 5rem;
}

.sw-product-variant-workbench-formula small {
  max-width: 9rem;
  white-space: normal;
}

.sw-product-variant-workbench-row {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  margin-top: var(--sw-primitive-space-stack-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-workbench__image {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-data-list-media-size) minmax(0, 1fr);
  gap: var(--sw-primitive-space-menu-inset);
  align-items: center;
  min-width: 0;
}

.sw-product-variant-workbench__thumb {
  display: grid;
  place-items: center;
  inline-size: var(--sw-primitive-density-data-list-media-size);
  block-size: var(--sw-primitive-density-data-list-media-size);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-product-variant-workbench__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.sw-product-variant-workbench-table__row strong,
.sw-product-variant-workbench-table__row span,
.sw-product-variant-workbench-table__row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sw-product-variant-workbench-inventory-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-workbench-table--paper-doll .sw-product-variant-workbench-inventory-cell {
  flex-wrap: nowrap;
}

.sw-product-variant-workbench-table--paper-doll .sw-product-variant-workbench-table__row > .sw-products-action {
  justify-self: end;
  min-inline-size: 4.5rem;
  padding-inline: 0.75rem;
  white-space: nowrap;
}

.sw-product-variant-workbench-inventory-cell input {
  width: 5.5rem;
  min-height: 2rem;
  padding: 0 var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  font: inherit;
}

.sw-product-variant-workbench-inventory-cell .sw-products-action {
  min-height: 2rem;
  padding-inline: 0.65rem;
}

.sw-product-variant-workbench-table__row small,
.sw-product-variant-workbench__image small {
  display: block;
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-workbench__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-drawer {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-strong);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow-soft);
}

.sw-product-variant-drawer__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-variant-drawer__head h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-drawer__head small,
.sw-product-variant-drawer__section small,
.sw-product-variant-drawer__section p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-drawer__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
}

.sw-product-variant-drawer__section,
.sw-product-variant-drawer__blocker {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-drawer__section strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-drawer__image-row {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-data-list-media-size) minmax(0, 1fr);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-drawer__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-drawer__fields label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-variant-drawer__fields input,
.sw-product-variant-drawer__fields select {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-variant-drawer__fields input:disabled,
.sw-product-variant-drawer__fields select:disabled {
  color: var(--sw-admin-shell-muted);
  cursor: not-allowed;
}

.sw-product-variant-drawer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-drawer__blocked-fields {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-drawer__blocked-fields label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-variant-drawer__blocked-fields input {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-muted);
  font: inherit;
}

.sw-product-variant-commerce-card {
  display: grid;
  align-content: start;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-commerce-card--handoff {
  border-color: var(--sw-admin-shell-accent-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-commerce-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-product-variant-commerce-card__head span,
.sw-product-variant-commerce-card small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-commerce-card strong {
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-commerce-card p {
  margin: 0;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-commerce-card__thumbnail {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-data-list-media-size) minmax(0, 1fr);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-commerce-card__thumbnail-frame {
  display: grid;
  place-items: center;
  inline-size: var(--sw-primitive-density-data-list-media-size);
  block-size: var(--sw-primitive-density-data-list-media-size);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
}

.sw-product-variant-commerce-card__thumbnail-frame img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.sw-product-variant-commerce-card__thumbnail-frame svg {
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
}

.sw-product-variant-commerce-card__thumbnail-copy {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-variant-commerce-card__thumbnail-copy strong,
.sw-product-variant-commerce-card__thumbnail-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-commerce-card .sw-products-action {
  justify-self: start;
  margin-top: var(--sw-primitive-space-menu-inset);
}

.sw-product-bom-projection-contract,
.sw-product-bom-owner-map,
.sw-product-variant-source-gaps {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-bom-projection-contract {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  border-color: var(--sw-admin-shell-accent-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-product-bom-projection-contract h4,
.sw-product-bom-owner-map h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-bom-projection-contract p,
.sw-product-bom-owner-map p,
.sw-product-bom-owner-map small,
.sw-product-bom-owner-map dd,
.sw-product-bom-option-mapping__row span,
.sw-product-variant-projection__trace p,
.sw-product-variant-source-gaps small {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-bom-projection-contract__rules,
.sw-product-bom-owner-map__head,
.sw-product-bom-owner-map__grid,
.sw-product-bom-option-mapping,
.sw-product-bom-option-mapping__head,
.sw-product-bom-readback__actions,
.sw-product-variant-source-gaps {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-bom-readback__actions {
  justify-items: end;
}

.sw-product-bom-owner-map__head,
.sw-product-bom-option-mapping__row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.sw-product-bom-owner-map__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-bom-owner-map__card dl {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  margin: var(--sw-primitive-space-stack-sm) 0 0;
}

.sw-product-bom-owner-map__card dl div,
.sw-product-bom-option-mapping__row {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-bom-owner-map dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-bom-owner-map dd {
  margin: 0;
}

.sw-product-bom-option-mapping__row {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
}

.sw-product-variant-projection {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-projection__trace {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-projection__trace strong,
.sw-product-variant-source-gaps strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-projection__trace small {
  display: block;
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-matrix__dimension {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-spec-board {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-spec-board__head,
.sw-product-variant-spec-row {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-menu-inset) var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-spec-board__head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-product-variant-spec-board__head h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-spec-row {
  grid-template-columns: minmax(8rem, 0.52fr) minmax(0, 2.35fr) minmax(8.5rem, 0.55fr);
  align-items: center;
}

.sw-product-variant-spec-row__name,
.sw-product-variant-spec-row__status {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.sw-product-variant-spec-row__name strong {
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-control-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-spec-row__name small,
.sw-product-variant-spec-row__status span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-variant-spec-row__chips {
  align-items: stretch;
}

.sw-product-variant-spec-row--selected {
  border-color: var(--sw-admin-shell-accent-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-spec-row__expand {
  min-height: 2.65rem;
}

.sw-product-variant-spec-option-detail {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(12rem, 1.2fr) repeat(3, minmax(9rem, 0.85fr));
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-menu-inset) var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-spec-option-detail div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.12rem var(--sw-primitive-space-menu-inset);
  align-items: center;
  min-width: 0;
}

.sw-product-variant-spec-option-detail span,
.sw-product-variant-spec-option-detail small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-variant-spec-option-detail strong {
  grid-column: 1 / -1;
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-spec-option-detail .sw-products-action {
  min-height: 2rem;
  padding-inline: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-matrix__value {
  display: inline-grid;
  grid-template-areas:
    "label label"
    "modifier status";
  grid-template-columns: minmax(0, auto) auto;
  grid-template-rows: auto auto;
  align-items: center;
  justify-items: center;
  gap: 0.04rem 0.28rem;
  min-height: 2.35rem;
  max-width: 13rem;
  padding: 0.18rem 0.42rem;
  border: 1px solid var(--sw-admin-shell-accent);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-accent);
  color: var(--sw-admin-shell-on-accent, #fff);
  cursor: pointer;
  font: inherit;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-matrix__value--selected {
  border-color: var(--sw-admin-shell-accent-soft);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-product-variant-matrix__value .sw-product-variant-matrix__input {
  width: 100%;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: center;
  box-shadow: none;
}

.sw-product-variant-matrix__value .sw-product-variant-matrix__input:focus {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 0.2rem;
  outline: 1px solid rgba(255, 255, 255, 0.46);
}

.sw-product-variant-matrix__value .sw-product-variant-matrix__input[type="number"] {
  -moz-appearance: textfield;
}

.sw-product-variant-matrix__value .sw-product-variant-matrix__input[type="number"]::-webkit-outer-spin-button,
.sw-product-variant-matrix__value .sw-product-variant-matrix__input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.sw-product-variant-matrix__value-label,
.sw-product-variant-matrix__value-modifier {
  display: block;
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-matrix__value-label {
  grid-area: label;
  color: inherit;
  line-height: 1.08;
}

.sw-product-variant-matrix__value-modifier {
  grid-area: modifier;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.66rem;
  font-weight: 950;
  line-height: 1;
}

.sw-product-variant-matrix__value-status {
  grid-area: status;
  display: inline-flex;
  gap: 0.12rem;
  align-items: center;
  justify-content: center;
}

.sw-product-variant-matrix__value-status-pill {
  padding: 0.03rem 0.18rem;
  border-radius: var(--sw-primitive-radius-badge);
  font-size: 0.56rem;
  font-weight: 950;
  line-height: 1.05;
}

.sw-product-variant-matrix__value-status-pill--ready {
  background: rgba(255, 255, 255, 0.2);
  color: var(--sw-admin-shell-on-accent, #fff);
}

.sw-product-variant-matrix__value-status-pill--missing {
  background: rgba(255, 255, 255, 0.92);
  color: var(--sw-admin-shell-warning);
}

.sw-product-variant-matrix__value-status-pill--unknown {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.82);
}

.sw-product-variant-matrix__row small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-variant-matrix__row {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.75fr) minmax(0, 0.65fr) minmax(0, 0.9fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
}

.sw-product-variant-matrix__row--head {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-matrix__row strong,
.sw-product-variant-matrix__row span,
.sw-product-variant-matrix__row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-matrix__blocker {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-matrix__blocker svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  color: var(--sw-admin-shell-warning);
}

.sw-product-variant-matrix__blocker p {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-image-posture__head,
.sw-product-variant-image-posture__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
}

.sw-product-variant-image-posture__head h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-size);
}

.sw-product-variant-image-posture__row {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-image-posture__preview {
  display: grid;
  place-items: center;
  inline-size: var(--sw-primitive-density-data-list-media-size);
  block-size: var(--sw-primitive-density-data-list-media-size);
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-product-variant-image-posture__preview img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.sw-product-variant-image-posture__preview svg,
.sw-product-variant-compositor svg,
.sw-product-variant-image-posture__empty svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-product-variant-image-posture__body {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-variant-image-posture__body strong,
.sw-product-variant-image-posture__body small,
.sw-product-variant-image-posture__missing {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-image-posture__body small,
.sw-product-variant-image-posture__missing,
.sw-product-variant-image-posture__empty,
.sw-product-variant-compositor p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-image-posture__missing {
  font-weight: 850;
}

.sw-product-variant-image-posture__empty,
.sw-product-variant-compositor {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-compositor {
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-variant-compositor svg {
  color: var(--sw-admin-shell-warning);
}

.sw-product-variant-compositor div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-variant-compositor strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-compositor p {
  margin: 0;
}

.sw-product-paper-doll__head,
.sw-product-paper-doll__section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-paper-doll__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--sw-admin-shell-summary-min), 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin: var(--sw-primitive-space-stack-md) 0 0;
}

.sw-product-paper-doll__summary div,
.sw-product-paper-doll__canvas,
.sw-product-paper-doll__layers,
.sw-product-paper-doll__composites,
.sw-product-paper-doll__layer-row,
.sw-product-paper-doll__composite-row {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-paper-doll__summary dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-paper-doll__summary dd {
  margin: var(--sw-primitive-space-menu-inset) 0 0;
  color: var(--sw-admin-shell-ink);
  font-weight: 900;
}

.sw-product-paper-doll__canvas,
.sw-product-paper-doll__layers,
.sw-product-paper-doll__composites {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-paper-doll__canvas h4,
.sw-product-paper-doll__layers h4,
.sw-product-paper-doll__composites h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-paper-doll__canvas p {
  margin: 0;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-product-paper-doll__layer-row,
.sw-product-paper-doll__composite-row {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__layer-row strong,
.sw-product-paper-doll__layer-row span,
.sw-product-paper-doll__composite-row strong,
.sw-product-paper-doll__composite-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__workbench {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.sw-product-paper-doll__thumbnail-card {
  align-self: start;
}

.sw-product-paper-doll__thumbnail-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin-top: var(--sw-primitive-space-stack-md);
}

.sw-product-paper-doll__thumbnail-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-paper-doll__thumbnail-row--ready {
  border-color: var(--sw-primitive-color-success);
  background: var(--sw-primitive-color-success-surface);
}

.sw-product-paper-doll__thumbnail-row--blocked,
.sw-product-paper-doll__thumbnail-row--stale {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
}

.sw-product-paper-doll__summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-md);
  margin-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__summary-head > div {
  display: grid;
  min-width: 0;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__summary-head .sw-products-action {
  flex: 0 0 auto;
  min-width: max-content;
  padding-inline: var(--sw-primitive-space-stack-sm);
  white-space: nowrap;
}

.sw-product-paper-doll__thumbnail-frame {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-paper-doll__thumbnail-frame--uploadable {
  cursor: pointer;
  position: relative;
}

.sw-product-paper-doll__thumbnail-frame--uploadable:focus-within {
  outline: 2px solid var(--sw-admin-shell-accent-soft);
  outline-offset: 2px;
}

.sw-product-paper-doll__thumbnail-frame--uploadable input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.sw-product-paper-doll__thumbnail-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__thumbnail-copy {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__thumbnail-copy strong,
.sw-product-paper-doll__thumbnail-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__thumbnail-copy small,
.sw-product-paper-doll__thumbnail-empty {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-product-paper-doll__thumbnail-advanced {
  display: inline-flex;
  width: fit-content;
  padding: var(--sw-primitive-space-menu-inset) var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-pill);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-warning);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__workbench-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(360px, 1.6fr);
  gap: var(--sw-primitive-space-stack-md);
  align-items: stretch;
}

.sw-product-paper-doll__workbench-grid--focused {
  grid-template-columns: 26rem minmax(0, 1fr);
  align-items: start;
}

.sw-product-paper-doll__workbench-grid--focused .sw-product-paper-doll__preview {
  position: sticky;
  top: calc(var(--sw-admin-shell-gap) - 40px);
  z-index: 1;
  order: -1;
  align-content: start;
  justify-items: start;
  overflow: visible;
}

.sw-product-paper-doll__workbench-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__stock-mode-gate,
.sw-product-paper-doll__spec-collapsed {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-product-paper-doll__stock-mode-gate {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.sw-product-paper-doll__spec-collapsed p,
.sw-product-paper-doll__stock-mode-gate span {
  margin: 0;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-paper-doll__vvcw {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.sw-product-paper-doll__vvcw-head,
.sw-product-paper-doll__vvcw-actions,
.sw-product-paper-doll__vvcw-spec-head,
.sw-product-paper-doll__vvcw-status-row,
.sw-product-paper-doll__vvcw-inventory-row {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__vvcw-head {
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: var(--sw-primitive-space-menu-inset);
  border-top: var(--sw-admin-shell-border-soft);
}

.sw-product-paper-doll__vvcw-head h4,
.sw-product-paper-doll__vvcw-spec-head label,
.sw-product-paper-doll__vvcw-option-card label,
.sw-product-paper-doll__vvcw-add-card strong,
.sw-product-paper-doll__vvcw-add-spec strong {
  margin: 0;
}

.sw-product-paper-doll__vvcw-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sw-product-paper-doll__vvcw-feedback {
  padding: var(--sw-primitive-space-menu-inset) var(--sw-admin-shell-panel-pad-compact);
  border-radius: var(--sw-admin-shell-radius-sm);
  font-weight: 850;
}

.sw-product-paper-doll__vvcw-feedback--compact {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: var(--sw-primitive-space-menu-inset);
  width: fit-content;
  max-width: min(100%, 26rem);
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.2;
}

.sw-product-paper-doll__vvcw-feedback--success {
  background: rgba(34, 197, 94, 0.12);
  color: var(--sw-admin-shell-success);
}

.sw-product-paper-doll__vvcw-feedback--error {
  background: rgba(239, 68, 68, 0.12);
  color: var(--sw-admin-shell-danger);
}

.sw-product-paper-doll__vvcw-feedback--info {
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-muted);
}

.sw-product-paper-doll__vvcw-spec-list,
.sw-product-paper-doll__vvcw-spec {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__vvcw-spec {
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: transparent;
}

.sw-product-paper-doll__vvcw-spec[data-vvcw-dragging="true"] {
  opacity: 0.64;
}

.sw-product-paper-doll__vvcw-spec[data-vvcw-drop-target="true"] {
  border-color: rgba(37, 99, 235, 0.68);
  box-shadow: inset 0 3px 0 rgba(37, 99, 235, 0.76), 0 0 0 2px rgba(37, 99, 235, 0.12);
  background: rgba(37, 99, 235, 0.04);
}

.sw-product-paper-doll__vvcw-spec-head {
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-top: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__vvcw-spec-handle,
.sw-product-paper-doll__vvcw-inline-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--sw-admin-shell-border-soft);
  border-radius: 999px;
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-spec-handle {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  cursor: grab;
}

.sw-product-paper-doll__vvcw-spec-handle:active {
  cursor: grabbing;
}

.sw-product-paper-doll__vvcw-spec-title-row,
.sw-product-paper-doll__vvcw-spec-edit-row,
.sw-product-paper-doll__vvcw-inline-actions {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__vvcw-spec-title-row,
.sw-product-paper-doll__vvcw-spec-edit-row {
  flex: 1 1 14rem;
  min-height: 28px;
}

.sw-product-paper-doll__vvcw-spec-title-row strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__vvcw-spec-edit-row label {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 2px;
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: 0.9rem;
  font-weight: 850;
  white-space: nowrap;
}

.sw-product-paper-doll__vvcw-spec-edit-row label span {
  color: inherit;
  font: inherit;
}

.sw-product-paper-doll__vvcw-spec-edit-row input {
  min-height: 28px;
  padding: 0 0.35rem;
  border-radius: var(--sw-admin-shell-radius-xs);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 850;
}

.sw-product-paper-doll__vvcw-inline-actions {
  flex: 0 0 auto;
}

.sw-product-paper-doll__vvcw-inline-actions button {
  width: 28px;
  height: 28px;
  padding: 0;
}

.sw-product-paper-doll__vvcw-inline-actions button:first-child {
  color: var(--sw-admin-shell-success);
}

.sw-product-paper-doll__vvcw-inline-actions button:last-child {
  color: var(--sw-admin-shell-danger);
}

.sw-product-paper-doll__vvcw-spec-head label,
.sw-product-paper-doll__vvcw-option-card label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-admin-shell-font-size-sm);
  font-weight: 850;
}

.sw-product-paper-doll__vvcw-spec-head input,
.sw-product-paper-doll__vvcw-option-card input {
  width: 100%;
}

.sw-product-paper-doll__vvcw-option-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px;
}

.sw-product-paper-doll__vvcw-option-card,
.sw-product-paper-doll__vvcw-add-card,
.sw-product-paper-doll__vvcw-add-spec {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__vvcw-image,
.sw-product-paper-doll__vvcw-add-card,
.sw-product-paper-doll__vvcw-add-spec {
  color: var(--sw-admin-shell-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-image {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  border: 0;
  background: transparent;
}

.sw-product-paper-doll__vvcw-inventory-row {
  align-items: end;
}

.sw-product-paper-doll__vvcw-inventory-row label {
  flex: 1 1 0;
}

.sw-product-paper-doll__vvcw-unlimited {
  display: flex !important;
  align-items: center;
  grid-template-columns: auto 1fr;
}

.sw-product-paper-doll__vvcw-add-card,
.sw-product-paper-doll__vvcw-add-spec {
  border-style: dashed;
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-paper-doll__vvcw-option-tile {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 7px 8px;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__vvcw-option-tile--selected {
  border-color: rgba(37, 99, 235, 0.56);
  background: rgba(37, 99, 235, 0.06);
}

.sw-product-paper-doll__vvcw-option-tile--editing {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  min-height: 108px;
}

.sw-product-paper-doll__vvcw-tile-thumb {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-xs);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-muted);
  font: inherit;
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-tile-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-tile-copy strong,
.sw-product-paper-doll__vvcw-tile-copy span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__vvcw-tile-copy span {
  color: var(--sw-admin-shell-muted);
  font-size: 11px;
  font-weight: 750;
}

.sw-product-paper-doll__vvcw-tile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.sw-product-paper-doll__vvcw-tile-edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 20px;
  padding: 0 5px;
  border: var(--sw-admin-shell-border-soft);
  border-radius: 999px;
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-tile-edit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  grid-template-areas:
    'name name actions'
    'price stock actions';
  align-items: end;
  gap: 6px;
  min-width: 0;
}

.sw-product-paper-doll__vvcw-tile-edit-name {
  grid-area: name;
  min-width: 0;
}

.sw-product-paper-doll__vvcw-tile-edit label:nth-of-type(2) {
  grid-area: price;
}

.sw-product-paper-doll__vvcw-tile-edit label:nth-of-type(3) {
  grid-area: stock;
}

.sw-product-paper-doll__vvcw-tile-edit .sw-product-paper-doll__vvcw-inline-actions {
  grid-area: actions;
  align-self: center;
  flex-direction: column;
}

.sw-product-paper-doll__vvcw-tile-edit label {
  display: grid;
  gap: 2px;
  color: var(--sw-admin-shell-muted);
  font-size: 11px;
  font-weight: 850;
}

.sw-product-paper-doll__vvcw-tile-edit input {
  min-height: 28px;
  padding: 4px 6px;
  min-width: 0;
}

.sw-product-paper-doll__vvcw-tile-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}

.sw-product-paper-doll__vvcw-tile-actions .sw-products-action {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 11px;
}

.sw-product-paper-doll__vvcw-add-tile {
  place-items: center;
  justify-content: center;
  border-style: dashed;
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink);
  cursor: pointer;
}

.sw-product-paper-doll__vvcw-spec-name-input {
  min-width: 12rem;
}

.sw-product-paper-doll__legacy-option-groups {
  display: none;
}

@media (max-width: 620px) {
  .sw-product-paper-doll__vvcw-option-grid,
  .sw-product-paper-doll__vvcw-inventory-row {
    grid-template-columns: 1fr;
  }

  .sw-product-paper-doll__vvcw-head,
  .sw-product-paper-doll__vvcw-actions,
  .sw-product-paper-doll__vvcw-spec-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-paper-doll__vvcw-tile-edit {
    grid-template-columns: 1fr;
  }
}


.sw-product-paper-doll__save-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
  padding-top: var(--sw-primitive-space-stack-sm);
  border-top: var(--sw-admin-shell-border-soft);
}

.sw-product-paper-doll__save-state {
  display: flex;
  align-items: center;
  flex: 1 1 var(--sw-admin-shell-summary-min);
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__save-state span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sw-product-paper-doll__save-footer--manager {
  align-items: center;
}

.sw-product-paper-doll__save-indicators,
.sw-product-paper-doll__save-manager-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__save-manager-actions {
  justify-content: flex-end;
}

.sw-product-paper-doll__layer-tree,
.sw-product-paper-doll__preview {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-paper-doll__layer-tree h5,
.sw-product-paper-doll__preview h5 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-paper-doll__tree-row {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  width: 100%;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__tree-row--active {
  border-color: var(--sw-admin-shell-accent);
  box-shadow: var(--sw-admin-shell-shadow-focus);
}

.sw-product-paper-doll__tree-group {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding-top: var(--sw-primitive-space-menu-inset);
  border-top: var(--sw-admin-shell-border-soft);
}

.sw-product-paper-doll__tree-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-xs);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-admin-shell-font-size-sm);
}

.sw-product-paper-doll__tree-group-head strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-paper-doll__tree-row span,
.sw-product-paper-doll__tree-row small,
.sw-product-paper-doll__preview-head small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__tree-row span {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__tree-row--compact {
  grid-template-columns: 54px minmax(0, 1fr) 48px;
  align-items: center;
  min-height: 64px;
}

.sw-product-paper-doll__tree-row--main-body-commerce {
  grid-template-columns: 54px minmax(0, 1fr) auto;
}

.sw-product-paper-doll__tree-row--main-body-editing {
  min-height: 108px;
  align-items: start;
}

.sw-product-paper-doll__tree-commerce-edit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 6px;
  align-items: end;
  min-width: 0;
}

.sw-product-paper-doll__tree-commerce-edit label {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: var(--sw-admin-shell-muted);
  font-size: 11px;
  font-weight: 850;
}

.sw-product-paper-doll__tree-commerce-edit input {
  min-width: 0;
  min-height: 28px;
  padding: 4px 6px;
}

.sw-product-paper-doll__mini-thumb,
.sw-product-paper-doll__tree-copy {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__mini-thumb {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-paper-doll__mini-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__tree-copy {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__tree-copy strong,
.sw-product-paper-doll__tree-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__nudge-pad {
  display: grid;
  grid-template-columns: repeat(3, 14px);
  grid-template-areas:
    '. up .'
    'left . right'
    '. down .';
  gap: 0.1rem;
  justify-content: center;
}

.sw-product-paper-doll__nudge-pad button {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: var(--sw-admin-shell-border-soft);
  border-radius: 0.35rem;
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font-size: 0.64rem;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.sw-product-paper-doll__nudge-pad button:nth-child(1) { grid-area: up; }
.sw-product-paper-doll__nudge-pad button:nth-child(2) { grid-area: left; }
.sw-product-paper-doll__nudge-pad button:nth-child(3) { grid-area: right; }
.sw-product-paper-doll__nudge-pad button:nth-child(4) { grid-area: down; }

.sw-product-paper-doll__workbox {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 3vw, 2.5rem);
}

.sw-product-paper-doll__workbox-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.46);
  backdrop-filter: blur(12px) saturate(1.15);
  cursor: pointer;
}

.sw-product-paper-doll__workbox-panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  width: min(1040px, calc(100vw - 2rem));
  max-height: min(820px, calc(100vh - 2rem));
  overflow: auto;
  padding: clamp(1rem, 2vw, 1.6rem);
  border: 1px solid rgba(226, 232, 240, 0.82);
  border-radius: 1.35rem;
  background: var(--sw-admin-shell-surface);
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.28);
}

.sw-product-paper-doll__workbox-head,
.sw-product-paper-doll__workbox-grid {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__workbox-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.sw-product-paper-doll__workbox-head h4,
.sw-product-paper-doll__workbox-head p {
  margin: 0;
}

.sw-product-paper-doll__workbox-grid {
  grid-template-columns: minmax(180px, 0.45fr) minmax(0, 1fr);
  align-items: start;
}

.sw-product-paper-doll__workbox-preview {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  min-height: 180px;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
  font-weight: 900;
}

.sw-product-paper-doll__workbox-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__workbox-selected-state {
  position: absolute;
  inset-inline: var(--sw-primitive-space-stack-sm);
  inset-block-end: var(--sw-primitive-space-stack-sm);
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-menu-inset) var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__workbox-selected-state span {
  overflow: hidden;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__workbox-controls {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__workbox-controls small {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.4;
}

.sw-product-paper-doll__workbox-action-area,
.sw-product-paper-doll__workbox-action-head {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__workbox-action-area {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-paper-doll__workbox-action-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.sw-product-paper-doll__workbox-action-head > div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__workbox-action-head strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-paper-doll__workbox-save-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-paper-doll__workbox-save-strip > div {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__workbox-save-strip span {
  overflow: hidden;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  text-overflow: ellipsis;
}

.sw-product-paper-doll__asset-picker,
.sw-product-paper-doll__asset-library {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__asset-picker {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-paper-doll__asset-picker-head,
.sw-product-paper-doll__asset-library-tools,
.sw-product-paper-doll__asset-library-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__asset-picker-head > div,
.sw-product-paper-doll__asset-library-tools label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__asset-picker-head span,
.sw-product-paper-doll__asset-library-tools span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-paper-doll__asset-library {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__asset-library-tools input {
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-paper-doll__asset-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__asset-library-card {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__asset-library-card[data-selected='true'] {
  border-color: var(--sw-admin-shell-accent);
  outline: 2px solid var(--sw-admin-shell-accent-soft);
}

.sw-product-paper-doll__asset-library-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
}

.sw-product-paper-doll__asset-library-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__asset-library-card strong,
.sw-product-paper-doll__asset-library-card small,
.sw-product-paper-doll__asset-library-pager span,
.sw-product-paper-doll__asset-library-empty {
  overflow: hidden;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  text-overflow: ellipsis;
}

.sw-product-paper-doll__asset-library-card strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-paper-doll__asset-library-pager span {
  white-space: nowrap;
}

.sw-product-paper-doll__nudge-pad--workbox {
  justify-content: start;
}

.sw-product-paper-doll__preview-head {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__preview-stage {
  position: relative;
  justify-self: stretch;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 0;
  overflow: hidden;
  border: none;
  border-radius: var(--sw-admin-shell-radius-sm);
  background:
    linear-gradient(45deg, var(--sw-admin-shell-surface-soft) 25%, transparent 25%),
    linear-gradient(-45deg, var(--sw-admin-shell-surface-soft) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--sw-admin-shell-surface-soft) 75%),
    linear-gradient(-45deg, transparent 75%, var(--sw-admin-shell-surface-soft) 75%);
  background-position: 0 0, 0 12px, 12px -12px, -12px 0;
  background-size: 24px 24px;
}

.sw-product-paper-doll__preview-layer {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__preview-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.sw-product-paper-doll__preview-layer small {
  align-self: end;
  padding: 0.2rem 0.35rem;
  border-radius: var(--sw-admin-shell-radius-xs);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
}

.sw-product-paper-doll__preview-caption {
  display: block;
  width: 360px;
  max-width: 100%;
  min-height: calc(0.72rem * 1.35);
  overflow: hidden;
  color: var(--sw-admin-shell-muted);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__related-strip-wrap {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  width: 100%;
  max-width: 100%;
}

.sw-product-paper-doll__related-scroll {
  display: grid;
  place-items: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
  cursor: pointer;
}

.sw-product-paper-doll__related-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (4 * var(--sw-primitive-space-menu-inset))) / 5);
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__related-slot {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
  aspect-ratio: 1 / 1;
  min-height: 0;
  padding: 0.25rem;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
  cursor: grab;
}

.sw-product-paper-doll__related-slot:active {
  cursor: grabbing;
}

.sw-product-paper-doll__related-slot[data-paper-doll-related-dragging="true"] {
  border-color: rgba(37, 99, 235, 0.72);
  opacity: 0.62;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.16);
}

.sw-product-paper-doll__related-slot--empty {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-style: dashed;
  background: var(--sw-admin-shell-surface-soft);
  cursor: pointer;
}

.sw-product-paper-doll__related-slot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__related-slot video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sw-product-paper-doll__related-external-video {
  display: grid;
  place-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
  min-height: 3.5rem;
  color: var(--sw-admin-shell-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.sw-product-paper-doll__related-preview {
  position: absolute;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: start center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  background:
    linear-gradient(45deg, var(--sw-admin-shell-surface-soft) 25%, transparent 25%),
    linear-gradient(-45deg, var(--sw-admin-shell-surface-soft) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--sw-admin-shell-surface-soft) 75%),
    linear-gradient(-45deg, transparent 75%, var(--sw-admin-shell-surface-soft) 75%);
  background-color: var(--sw-admin-shell-surface);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-size: 20px 20px;
}

.sw-product-paper-doll__related-preview img,
.sw-product-paper-doll__related-preview video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: var(--sw-admin-shell-radius-sm);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
}

.sw-product-paper-doll__related-preview .sw-product-paper-doll__related-external-video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: var(--sw-admin-shell-surface);
  border-radius: var(--sw-admin-shell-radius-sm);
}

.sw-product-media-library-picker {
  position: fixed;
  inset: 0;
  z-index: 82;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 3vw, 2.5rem);
}

.sw-product-media-library-picker__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.46);
  backdrop-filter: blur(12px) saturate(1.15);
  cursor: pointer;
}

.sw-product-media-library-picker__panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  width: min(780px, calc(100vw - 2rem));
  max-height: min(760px, calc(100vh - 2rem));
  overflow: auto;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid rgba(226, 232, 240, 0.82);
  border-radius: 1.1rem;
  background: var(--sw-admin-shell-surface);
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.28);
}

.sw-product-media-library-picker__head,
.sw-product-media-library-picker__actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-media-library-picker__upload {
  position: relative;
  overflow: hidden;
}

.sw-product-media-library-picker__upload[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.58;
}

.sw-product-media-library-picker__upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.sw-product-media-library-picker__external-video {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-menu-inset);
  align-items: center;
}

.sw-product-media-library-picker__external-video input {
  min-height: var(--sw-primitive-density-control-height-sm);
  min-width: 0;
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-media-library-picker__head > div,
.sw-product-media-library-picker__search {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-media-library-picker__head h4,
.sw-product-media-library-picker__head p {
  margin: 0;
}

.sw-product-media-library-picker__head small,
.sw-product-media-library-picker__search span,
.sw-product-media-library-picker__empty,
.sw-product-media-library-picker__library-card small {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-media-library-picker__search input {
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-media-library-picker__empty {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-height: 4rem;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-media-library-picker__library {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-media-library-picker__library-card {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink);
  text-align: left;
  cursor: pointer;
}

.sw-product-media-library-picker__library-card[data-selected="true"] {
  border-color: rgba(59, 130, 246, 0.82);
  background: rgba(239, 246, 255, 0.86);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.18);
}

.sw-product-media-library-picker__library-card:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.sw-product-media-library-picker__library-thumb {
  position: relative;
  display: grid;
  place-items: center;
  height: 8.25rem;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-media-library-picker__library-thumb img,
.sw-product-media-library-picker__library-thumb video {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.sw-product-media-library-picker__library-external {
  display: grid;
  place-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
  color: var(--sw-admin-shell-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.sw-product-media-library-picker__library-kind {
  position: absolute;
  right: 0.35rem;
  bottom: 0.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.15rem 0.35rem;
  border-radius: var(--sw-admin-shell-radius-pill);
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
}

.sw-product-media-library-picker__library-card strong,
.sw-product-media-library-picker__library-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__related-picker {
  position: fixed;
  inset: 0;
  z-index: 82;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 3vw, 2.5rem);
}

.sw-product-paper-doll__related-picker-panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  width: min(780px, calc(100vw - 2rem));
  max-height: min(760px, calc(100vh - 2rem));
  overflow: auto;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid rgba(226, 232, 240, 0.82);
  border-radius: 1.1rem;
  background: var(--sw-admin-shell-surface);
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.28);
}

.sw-product-paper-doll__related-picker-head,
.sw-product-paper-doll__related-picker-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__related-upload {
  position: relative;
  overflow: hidden;
}

.sw-product-paper-doll__related-upload[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.58;
}

.sw-product-paper-doll__related-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.sw-product-paper-doll__related-picker-head > div,
.sw-product-paper-doll__related-search {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-paper-doll__related-picker-head h4,
.sw-product-paper-doll__related-picker-head p {
  margin: 0;
}

.sw-product-paper-doll__related-picker-head small,
.sw-product-paper-doll__related-search span,
.sw-product-paper-doll__related-empty,
.sw-product-paper-doll__related-library-card small {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__related-search input {
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-paper-doll__related-empty {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-height: 4rem;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-paper-doll__related-library {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__related-library-card {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink);
  text-align: left;
  cursor: pointer;
}

.sw-product-paper-doll__related-library-card[data-selected="true"] {
  border-color: rgba(59, 130, 246, 0.82);
  background: rgba(239, 246, 255, 0.86);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.18);
}

.sw-product-paper-doll__related-library-card:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.sw-product-paper-doll__related-library-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__related-library-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-product-paper-doll__related-library-card strong,
.sw-product-paper-doll__related-library-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-paper-doll__preview-layer--missing {
  border: none;
}

.sw-product-paper-doll__preview-missing {
  display: grid;
  place-items: center;
  min-height: 92px;
  color: var(--sw-admin-shell-muted);
}

.sw-product-paper-doll__preview-layer--active {
  border: none;
  outline: none;
}

.sw-product-paper-doll__preview-empty {
  display: grid;
  place-items: center;
  min-height: 320px;
  color: var(--sw-admin-shell-muted);
  font-weight: 800;
}

.sw-product-paper-doll__preview-tools,
.sw-product-paper-doll__asset-actions,
.sw-product-paper-doll__mask-cover {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__preview-tools span,
.sw-product-paper-doll__mask-cover div {
  padding: var(--sw-primitive-space-menu-inset) var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-pill);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__asset-box {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-paper-doll__asset-box {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.sw-product-paper-doll__asset-thumb {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-muted);
}

.sw-product-paper-doll__field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__field-grid label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__field-grid input,
.sw-product-paper-doll__field-grid select {
  width: 100%;
  min-width: 0;
  min-height: var(--sw-primitive-density-control-height-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
}

.sw-product-paper-doll__mask-cover div {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  border-radius: var(--sw-admin-shell-radius-sm);
}

.sw-product-paper-doll__mask-cover button {
  border: 0;
  background: transparent;
  color: var(--sw-admin-shell-accent);
  font: inherit;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  cursor: pointer;
}

.sw-product-paper-doll__advanced {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-paper-doll__advanced-note {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-warning-surface);
}

.sw-product-paper-doll__advanced-note span,
.sw-product-paper-doll__advanced-note small {
  color: var(--sw-admin-shell-warning);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__advanced-note strong {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-product-paper-doll__variant-main-handoff {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-paper-doll__variant-main-handoff > div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-paper-doll__variant-main-handoff span,
.sw-product-paper-doll__variant-main-handoff small,
.sw-product-paper-doll__variant-main-handoff li {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-paper-doll__variant-main-handoff strong {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-product-paper-doll__variant-main-handoff ul {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  margin: 0;
  padding-left: var(--sw-primitive-space-stack-md);
}

.sw-product-variant-matrix__feedback,
.sw-product-variant-matrix__editor,
.sw-product-variant-matrix__draft-dimension,
.sw-product-variant-matrix__validation {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  margin-top: var(--sw-primitive-space-stack-md);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-product-variant-matrix__feedback {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 850;
}

.sw-product-variant-matrix__feedback--success {
  border-color: var(--sw-admin-shell-success);
  color: var(--sw-admin-shell-success);
}

.sw-product-variant-matrix__feedback--error {
  border-color: var(--sw-admin-shell-danger);
  color: var(--sw-admin-shell-danger);
}

.sw-product-variant-matrix__feedback--info {
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-matrix__editor-head,
.sw-product-variant-matrix__draft-dimension-head,
.sw-product-variant-matrix__draft-value,
.sw-product-variant-matrix__actions {
  display: flex;
  align-items: flex-end;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-product-variant-matrix__editor-head,
.sw-product-variant-matrix__draft-dimension-head,
.sw-product-variant-matrix__actions {
  justify-content: space-between;
}

.sw-product-variant-matrix__editor-head h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-section-size);
}

.sw-product-variant-dimension-builder {
  border-color: rgba(37, 99, 235, 0.28);
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.82), var(--sw-admin-shell-surface));
  box-shadow: var(--sw-admin-shell-shadow-soft);
}

.sw-product-variant-dimension-builder__head-actions,
.sw-product-variant-dimension-builder__impact,
.sw-product-variant-dimension-builder__bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-variant-dimension-builder__impact {
  justify-content: space-between;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 850;
}

.sw-product-variant-combination-gate {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: 1px solid rgba(245, 158, 11, 0.34);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: rgba(255, 251, 235, 0.78);
}

.sw-product-variant-combination-gate h4,
.sw-product-variant-combination-gate p {
  margin: 0;
}

.sw-product-variant-combination-gate h4 {
  color: var(--sw-admin-shell-ink);
}

.sw-product-variant-combination-gate p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-combination-gate__options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-variant-combination-gate__options article {
  display: grid;
  gap: 0.16rem;
  min-width: 0;
  padding: var(--sw-primitive-space-menu-inset);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-combination-gate__options strong {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
}

.sw-product-variant-combination-gate__options small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: 0.68rem;
  line-height: 1.25;
}

.sw-product-variant-combination-gate__options .sw-products-badge,
.sw-product-variant-combination-gate__options .sw-products-action {
  justify-self: start;
}

.sw-product-variant-sellable-selection-contract {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: 1px solid rgba(245, 158, 11, 0.38);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-sellable-selection-contract h4,
.sw-product-variant-sellable-selection-contract p {
  margin: 0;
}

.sw-product-variant-sellable-selection-contract dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-menu-inset);
  margin: 0;
}

.sw-product-variant-sellable-selection-contract dl div {
  min-width: 0;
}

.sw-product-variant-sellable-selection-contract dt,
.sw-product-variant-sellable-selection-contract p {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-variant-sellable-selection-contract dd {
  margin: 0.12rem 0 0;
  overflow: hidden;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-variant-sellable-selection-contract__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-menu-inset);
  align-items: center;
}

.sw-product-variant-dimension-builder__bulk {
  align-items: flex-end;
  padding: var(--sw-primitive-space-stack-sm);
  border: 1px dashed #bfdbfe;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: rgba(239, 246, 255, 0.62);
}

.sw-product-variant-dimension-builder__bulk label {
  display: grid;
  flex: 1 1 18rem;
  gap: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-dimension-builder__bulk textarea {
  width: 100%;
  min-height: 5.25rem;
  resize: vertical;
  padding: var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-body-size);
}

.sw-product-variant-dimension-builder__bulk textarea:focus {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-product-variant-matrix__editor-head p,
.sw-product-variant-matrix__validation {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-variant-matrix__draft-values {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-variant-matrix__draft-value {
  flex-wrap: wrap;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-variant-matrix__draft-dimension label,
.sw-product-variant-matrix__draft-value label {
  display: grid;
  flex: 1 1 var(--sw-admin-shell-context-width);
  gap: var(--sw-primitive-space-menu-inset);
  min-width: min(100%, var(--sw-admin-shell-summary-min));
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-variant-matrix__input {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 850;
}

.sw-product-variant-matrix__input:focus {
  outline: 0;
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-product-variant-matrix__input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.sw-product-placeholder-board {
  padding: 1rem;
  border: 1px dashed #cbd5e1;
  border-radius: 1rem;
  background: #f8fafc;
  color: #64748b;
}

.sw-product-description-workbench {
  display: grid;
  grid-template-columns: 17.5rem minmax(0, 1fr) 18rem;
  gap: 1rem;
  min-width: 0;
}

.sw-product-description-blocks,
.sw-product-description-ai {
  padding: 1rem;
}

.sw-product-description-block {
  margin-top: 0.7rem;
  padding: 0.8rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #ffffff;
}

.sw-product-description-block strong {
  justify-content: space-between;
  gap: 0.6rem;
  font-size: 0.88rem;
}

.sw-product-description-block small {
  display: block;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.45;
}

.sw-product-description-canvas {
  min-width: 0;
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.35rem;
  background: linear-gradient(#e8eef7 1px, transparent 1px), linear-gradient(90deg, #e8eef7 1px, transparent 1px), #f3f7fc;
  background-size: 32px 32px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-product-description-page {
  overflow: hidden;
  max-width: 42rem;
  min-height: 33rem;
  margin: 0 auto;
  border: 1px solid #dbe3ee;
  border-radius: 1.1rem;
  background: #ffffff;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.16);
}

.sw-product-description-page__tabs {
  display: flex;
  gap: 1.4rem;
  align-items: end;
  height: 3.2rem;
  padding: 0 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  color: #64748b;
  font-size: 0.82rem;
}

.sw-product-description-page__tabs b {
  display: flex;
  align-items: center;
  height: 100%;
  border-bottom: 2px solid #111827;
  color: #111827;
}

.sw-product-description-page__hero {
  padding: 2rem;
  background: linear-gradient(135deg, #0f172a, #111827);
  color: #ffffff;
}

.sw-product-description-page__hero p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.14em;
}

.sw-product-description-page__hero h3 {
  max-width: 28rem;
  margin: 0.8rem 0;
  font-size: 2rem;
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.sw-product-description-page__hero span,
.sw-product-description-page__section p {
  color: #cbd5e1;
  line-height: 1.6;
}

.sw-product-description-page__section {
  padding: 1.5rem 2rem;
}

.sw-product-description-page__section h4 {
  margin: 0 0 0.65rem;
  font-size: 1.2rem;
}

.sw-product-description-page__section p {
  margin: 0;
  color: #475569;
}

.sw-product-story-workspace {
  display: grid;
  grid-template-columns: 18rem minmax(0, 1fr) 19rem;
  gap: var(--sw-admin-shell-gap);
  align-items: start;
  min-width: 0;
}

.sw-product-story-workspace > * {
  min-width: 0;
}

.sw-product-story-head {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
  align-items: flex-start;
  padding: var(--sw-primitive-space-card-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-head h3,
.sw-product-story-stack h4,
.sw-product-story-inspector h4 {
  margin: 0.25rem 0;
  color: var(--sw-admin-shell-ink);
  letter-spacing: -0.02em;
}

.sw-product-story-head__actions,
.sw-product-story-blocked-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  justify-content: flex-end;
}

.sw-product-story-binding {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-card-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-story-binding__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-admin-shell-gap);
}

.sw-product-story-binding__head h4 {
  margin: 0.25rem 0;
  color: var(--sw-admin-shell-ink);
  letter-spacing: -0.02em;
}

.sw-product-story-binding__head p:last-child,
.sw-product-story-binding__migration p {
  margin: 0;
  color: var(--sw-admin-shell-muted);
}

.sw-product-story-binding__identity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-binding__identity div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-binding__identity dt {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-story-binding__identity dd {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  word-break: break-word;
}

.sw-product-story-binding__migration {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-card-padding);
  border: 1px solid rgba(217, 119, 6, 0.28);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: rgba(255, 251, 235, 0.72);
}

.sw-product-story-binding__candidates {
  display: grid;
  gap: var(--sw-primitive-space-stack-xs);
}

.sw-product-story-binding__candidate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-primitive-space-stack-sm);
  align-items: flex-start;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  cursor: pointer;
}

.sw-product-story-binding__candidate[data-selected="true"] {
  border-color: rgba(37, 99, 235, 0.4);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.sw-product-story-binding__candidate input {
  margin-top: 0.2rem;
}

.sw-product-story-binding__candidate span {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  min-width: 0;
}

.sw-product-story-binding__candidate small {
  color: var(--sw-admin-shell-muted);
  word-break: break-word;
}

.sw-product-story-stack,
.sw-product-story-inspector {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-card-padding);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-story-section-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-xs);
  align-items: center;
  width: 100%;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  text-align: left;
  cursor: pointer;
}

.sw-product-story-section-row[data-active="true"] {
  border-color: rgba(37, 99, 235, 0.4);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.sw-product-story-section-row span {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
}

.sw-product-story-section-row strong,
.sw-product-story-section-row small {
  min-width: 0;
}

.sw-product-story-section-row small {
  grid-column: 2 / 4;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-product-story-state {
  display: grid;
  gap: var(--sw-primitive-space-stack-xs);
  padding: var(--sw-primitive-space-card-padding);
  border: 1px dashed var(--sw-admin-shell-border-color);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-muted);
}

.sw-product-story-canvas {
  min-width: 0;
  padding: 1rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: linear-gradient(#e8eef7 1px, transparent 1px), linear-gradient(90deg, #e8eef7 1px, transparent 1px), #f3f7fc;
  background-size: 32px 32px;
  box-shadow: var(--sw-admin-shell-shadow-soft);
}

.sw-product-story-preview .sw-product-description-page__section {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-preview .sw-product-description-page__section small {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-product-story-inspector dl {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-inspector dl div {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-inspector dt {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
}

.sw-product-story-inspector dd {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  word-break: break-word;
}

.sw-product-story-editor {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-schema-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-schema-summary div,
.sw-product-story-layout {
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-schema-summary span,
.sw-product-story-layout__head span,
.sw-product-story-layout label span {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-schema-summary strong {
  display: block;
  margin-block-start: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink);
  overflow-wrap: anywhere;
}

.sw-product-story-editor label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-editor__sync-note {
  margin: var(--sw-primitive-space-menu-inset) 0;
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-editor__structured-summary {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-editor__structured-editor {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-editor__structured-head,
.sw-product-story-editor__structured-item > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-editor__structured-head > div,
.sw-product-story-editor__structured-head > span {
  display: grid;
  gap: 0.15rem;
  color: var(--sw-admin-shell-ink);
  font-weight: 850;
}

.sw-product-story-editor__structured-head small,
.sw-product-story-editor__structured-item > header strong {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-product-story-editor__structured-add,
.sw-product-story-editor__structured-item > header button {
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: 999px;
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-editor__structured-item > header button {
  color: #b91c1c;
}

.sw-product-story-editor__structured-add:disabled,
.sw-product-story-editor__structured-item > header button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.sw-product-story-editor__structured-list,
.sw-product-story-editor__structured-fields,
.sw-product-story-editor__structured-cta {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-product-story-editor__structured-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-story-editor__structured-fields[data-kind='cta'] {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.sw-product-story-editor__structured-item {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: 1px solid #dbe4f0;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: #f8fbff;
}

.sw-product-story-editor__structured-fields label,
.sw-product-story-editor__structured-cta label {
  min-width: 0;
}

.sw-product-story-editor__structured-fields textarea {
  min-height: 6rem;
}

.sw-product-story-editor__structured-cta {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: var(--sw-primitive-space-stack-sm);
  border: 1px dashed #cbd5e1;
  border-radius: var(--sw-admin-shell-radius-sm);
}

.sw-product-story-editor__structured-cta > span {
  grid-column: 1 / -1;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-editor__structured-empty {
  padding: var(--sw-primitive-space-stack-md);
  border: 1px dashed #cbd5e1;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: #f8fafc;
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 720px) {
  .sw-product-story-editor__structured-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-editor__structured-fields,
  .sw-product-story-editor__structured-fields[data-kind='cta'],
  .sw-product-story-editor__structured-cta {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sw-product-story-editor input,
.sw-product-story-editor textarea,
.sw-product-story-editor select {
  width: 100%;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-story-layout {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-layout__head {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-story-layout__head h5 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-product-story-layout__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-editor__actions,
.sw-product-story-order-preview,
.sw-product-story-mutation-status {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-mutation-status {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.5;
}

.sw-product-story-mutation-status strong {
  color: #b91c1c;
}

.sw-product-story-boundary-panel {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-boundary-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-boundary-panel__head h4 {
  margin: 0;
}

.sw-product-story-boundary-panel__list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-product-story-boundary-panel__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-boundary-panel__row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sw-product-story-unsaved-handoff {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-card-padding);
  border: 1px solid var(--sw-admin-shell-border-color);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-unsaved-handoff strong,
.sw-product-story-unsaved-handoff p {
  margin: 0;
}

.sw-product-story-unsaved-handoff p {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.5;
}

.sw-product-story-ai-assist {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-color: var(--sw-primitive-color-warning);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-ai-assist__head,
.sw-product-story-ai-assist__actions,
.sw-product-story-ai-assist__proof {
  display: flex;
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-ai-assist__head {
  justify-content: space-between;
}

.sw-product-story-ai-assist__head h4,
.sw-product-story-ai-assist__head p {
  margin: 0;
}

.sw-product-story-ai-assist__head p,
.sw-product-story-ai-assist__actions span,
.sw-product-story-ai-assist__idle {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-ai-assist__head > span,
.sw-product-story-ai-assist__actions {
  flex-wrap: wrap;
}

.sw-product-story-ai-assist__base,
.sw-product-story-ai-assist__grid,
.sw-product-story-ai-assist__text-grid {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-ai-assist__base,
.sw-product-story-ai-assist__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-story-ai-assist__base div,
.sw-product-story-ai-assist label,
.sw-product-story-ai-assist__idle,
.sw-product-story-ai-assist__proof,
.sw-product-story-ai-assist__audit pre {
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-ai-assist dt,
.sw-product-story-ai-assist label span,
.sw-product-story-ai-assist__audit summary {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-ai-assist dd {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  overflow-wrap: anywhere;
}

.sw-product-story-ai-assist label {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
}

.sw-product-story-ai-assist input,
.sw-product-story-ai-assist select,
.sw-product-story-ai-assist textarea {
  width: 100%;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-product-story-ai-assist__wide-field {
  grid-column: 1 / -1;
}

.sw-product-story-ai-assist__blockers {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-product-story-ai-assist__blockers li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-primitive-space-menu-inset);
  align-items: start;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-ai-assist__blockers svg,
.sw-product-story-ai-assist__proof svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  color: var(--sw-admin-shell-warning);
}

.sw-product-story-ai-assist__proof {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-ai-assist__audit {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-ai-assist__audit summary {
  cursor: pointer;
}

.sw-product-story-ai-assist__audit pre {
  max-block-size: calc(var(--sw-primitive-density-control-height-lg) * 6);
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-family: var(--sw-primitive-type-mono-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
  overflow: auto;
  white-space: pre-wrap;
}

.sw-product-story-proposal {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-proposal__head,
.sw-product-story-proposal__actions,
.sw-product-story-proposal__footer {
  display: flex;
  align-items: flex-start;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-proposal__head {
  justify-content: space-between;
}

.sw-product-story-proposal__head h4,
.sw-product-story-proposal__head p,
.sw-product-story-proposal__diff p {
  margin: 0;
}

.sw-product-story-proposal__head p,
.sw-product-story-proposal__actions span,
.sw-product-story-proposal__empty,
.sw-product-story-proposal__diff p {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-proposal__identity,
.sw-product-story-proposal__protected ul,
.sw-product-story-proposal__diff ul {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-proposal__identity {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-product-story-proposal__identity div,
.sw-product-story-proposal__empty,
.sw-product-story-proposal__stale,
.sw-product-story-proposal__protected,
.sw-product-story-proposal__diff,
.sw-product-story-proposal__preview,
.sw-product-story-proposal__audit pre {
  min-width: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-story-proposal__identity dt,
.sw-product-story-proposal__audit summary {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-proposal__identity dd {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  overflow-wrap: anywhere;
}

.sw-product-story-proposal__actions {
  flex-wrap: wrap;
}

.sw-product-story-proposal__stale {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  background: var(--sw-primitive-color-warning-surface);
}

.sw-product-story-proposal__protected,
.sw-product-story-proposal__diff,
.sw-product-story-proposal__preview,
.sw-product-story-proposal__audit {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-proposal__audit--hidden {
  display: none;
}

.sw-product-story-proposal__protected strong,
.sw-product-story-proposal__diff strong,
.sw-product-story-proposal__preview strong {
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-proposal__protected ul,
.sw-product-story-proposal__diff ul {
  padding: 0;
  list-style: none;
}

.sw-product-story-proposal__protected li,
.sw-product-story-proposal__diff li {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-proposal__protected li {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-product-story-proposal__diff li {
  grid-template-columns: minmax(0, 0.9fr) repeat(2, minmax(0, 1fr));
}

.sw-product-story-proposal__diff span,
.sw-product-story-proposal__protected span {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.sw-product-story-proposal__diff code,
.sw-product-story-proposal__audit pre {
  color: var(--sw-admin-shell-ink);
  font-family: var(--sw-primitive-type-mono-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sw-product-story-proposal__render {
  max-block-size: calc(var(--sw-primitive-density-control-height-lg) * 8);
  overflow: auto;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-product-story-proposal__footer {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sw-product-story-proposal__audit summary {
  cursor: pointer;
}

.sw-product-story-proposal__audit pre {
  max-block-size: calc(var(--sw-primitive-density-control-height-lg) * 6);
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
}

.sw-product-story-visual-target {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  max-width: 100%;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-product-story-visual-target__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-visual-target__head h4,
.sw-product-story-visual-target__helper {
  margin: 0;
}

.sw-product-story-visual-target__helper {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-product-story-visual-target__identity {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-visual-target__route,
.sw-product-story-visual-target__identity div,
.sw-product-story-visual-target__blockers li,
.sw-product-story-visual-target__provider-lane,
.sw-product-story-visual-target__evidence-lane,
.sw-product-story-visual-target__provider-proof div,
.sw-product-story-visual-target__evidence-proof div,
.sw-product-story-visual-target__provider-blockers li,
.sw-product-story-visual-target__evidence-blockers li,
.sw-product-story-visual-target__f4-state,
.sw-product-story-visual-target__provider-pattern {
  display: grid;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-story-visual-target dt,
.sw-product-story-visual-target__route span,
.sw-product-story-visual-target__blockers span,
.sw-product-story-visual-target__provider-pattern span,
.sw-product-story-visual-target__provider-blockers span,
.sw-product-story-visual-target__evidence-blockers span,
.sw-product-story-visual-target__f4-state span,
.sw-product-story-visual-target__request summary,
.sw-product-story-visual-target__lineage summary {
  color: var(--sw-admin-shell-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-product-story-visual-target dd {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  overflow-wrap: anywhere;
}

.sw-product-story-visual-target code,
.sw-product-story-visual-target pre {
  max-width: 100%;
  color: var(--sw-admin-shell-ink);
  font-family: var(--sw-primitive-type-mono-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  font-size: var(--sw-primitive-type-caption-size);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sw-product-story-visual-target__route code {
  overflow-wrap: anywhere;
}

.sw-product-story-visual-target__blockers {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-product-story-visual-target__provider-lane {
  background: var(--sw-primitive-color-warning-surface);
}

.sw-product-story-visual-target__evidence-lane {
  background: var(--sw-admin-shell-surface-soft);
}

.sw-product-story-visual-target__provider-head,
.sw-product-story-visual-target__evidence-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-visual-target__provider-head h5,
.sw-product-story-visual-target__evidence-head h5 {
  margin: 0;
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-product-story-visual-target__provider-proof,
.sw-product-story-visual-target__evidence-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
}

.sw-product-story-visual-target__provider-blockers,
.sw-product-story-visual-target__evidence-blockers {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-product-story-visual-target__request,
.sw-product-story-visual-target__lineage {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-product-story-visual-target__request summary,
.sw-product-story-visual-target__lineage summary {
  cursor: pointer;
}

.sw-product-story-visual-target__request pre,
.sw-product-story-visual-target__lineage pre {
  max-block-size: calc(var(--sw-primitive-density-control-height-lg) * 6);
  margin: 0;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
  line-height: var(--sw-primitive-type-line-body);
  overflow: auto;
  white-space: pre-wrap;
}

.sw-product-story-preview-link {
  display: block;
  padding: var(--sw-primitive-space-stack-sm);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-accent);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.sw-product-story-boundary {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-stack-sm);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: rgba(255, 251, 235, 0.85);
  color: #92400e;
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.5;
}

.sw-product-story-boundary svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
}

@container sw-products-catalog (max-width: 74rem) {
  .sw-products-catalog__workspace {
    grid-template-columns: 1fr;
  }

  .sw-products-inspector {
    order: 2;
  }
}

@container sw-products-category-page (max-width: 76rem) {
  .sw-products-category-layout {
    grid-template-columns: 1fr;
  }

  .sw-products-category-inspector {
    order: 3;
  }
}

@media (max-width: 1180px) {
  .sw-product-variant-spec-row {
    grid-template-columns: minmax(7rem, 0.46fr) minmax(0, 1.9fr) minmax(7.5rem, 0.48fr);
  }

  .sw-product-variant-spec-option-detail,
  .sw-product-variant-sellable-selection-contract dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-variant-combination-gate__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-products-catalog__hero,
  .sw-products-catalog__workspace,
  .sw-products-category-layout,
  .sw-product-detail__header,
  .sw-product-detail-tab-grid,
  .sw-product-description-workbench,
  .sw-product-story-workspace {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .sw-product-story-head,
  .sw-product-story-binding__head {
    flex-direction: column;
  }

  .sw-product-story-head__actions {
    justify-content: flex-start;
  }

  .sw-product-story-binding__identity {
    grid-template-columns: 1fr;
  }

  .sw-products-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 52em) {
  .sw-admin-shell:has(.sw-products-catalog),
  .sw-admin-shell:has(.sw-product-detail) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100vw;
    padding-bottom: var(--sw-admin-shell-mobile-bar);
  }

  .sw-admin-shell:has(.sw-products-catalog) .sw-admin-shell__rail,
  .sw-admin-shell:has(.sw-product-detail) .sw-admin-shell__rail {
    display: none !important;
  }

  .sw-product-story-visual-target__head {
    flex-direction: column;
  }

  .sw-product-story-visual-target__provider-head {
    flex-direction: column;
  }

  .sw-product-story-visual-target__evidence-head {
    flex-direction: column;
  }

  .sw-product-story-boundary-panel__head {
    flex-direction: column;
  }

  .sw-product-story-boundary-panel__row {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }

  .sw-product-story-ai-assist__head,
  .sw-product-story-ai-assist__actions,
  .sw-product-story-proposal__head,
  .sw-product-story-proposal__actions,
  .sw-product-story-proposal__footer {
    flex-direction: column;
  }

  .sw-product-story-ai-assist__base,
  .sw-product-story-ai-assist__grid,
  .sw-product-story-proposal__identity,
  .sw-product-story-proposal__diff li {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-product-story-visual-target__identity {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-product-story-schema-summary,
  .sw-product-story-layout__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-product-story-visual-target__provider-proof,
  .sw-product-story-visual-target__evidence-proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-admin-shell:has(.sw-products-catalog) .sw-admin-shell__workspace,
  .sw-admin-shell:has(.sw-products-catalog) .sw-admin-shell__header,
  .sw-admin-shell:has(.sw-products-catalog) .sw-admin-shell__layout,
  .sw-admin-shell:has(.sw-products-catalog) .sw-admin-shell__main,
  .sw-admin-shell:has(.sw-product-detail) .sw-admin-shell__workspace,
  .sw-admin-shell:has(.sw-product-detail) .sw-admin-shell__header,
  .sw-admin-shell:has(.sw-product-detail) .sw-admin-shell__layout,
  .sw-admin-shell:has(.sw-product-detail) .sw-admin-shell__main {
    max-width: 100vw;
    overflow-x: clip;
  }
}

@media (max-width: 760px) {
  .sw-product-variant-spec-row {
    grid-template-columns: 1fr;
  }

  .sw-product-variant-spec-row__status {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
  }

  .sw-product-variant-spec-option-detail,
  .sw-product-variant-sellable-selection-contract dl,
  .sw-product-variant-combination-gate__options {
    grid-template-columns: 1fr;
  }

  .sw-product-variant-matrix__value {
    max-width: min(100%, 11rem);
  }

  .sw-products-toolbar,
  .sw-products-toolbar__actions,
  .sw-product-detail__actions,
  .sw-product-detail__tabs {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-products-table__row {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .sw-products-category-products__row {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .sw-products-table__action {
    align-items: stretch;
  }

  .sw-products-category-products__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-products-table__inspect-action,
  .sw-products-table__edit-action {
    flex: 1 1 auto;
  }

  .sw-products-metric-grid,
  .sw-product-detail-field-grid,
  .sw-product-basic__section,
  .sw-product-pricing__facts,
  .sw-product-pricing__owner-grid,
  .sw-product-pricing__merchant-grid,
  .sw-product-pricing__member-grid,
  .sw-product-pricing__setting-row,
  .sw-product-basic__category-grid,
  .sw-product-media-posture,
  .sw-product-media-posture__body dl,
  .sw-product-media-candidate-grid,
  .sw-product-variant-matrix__summary,
  .sw-product-variant-commerce-strip,
  .sw-product-variant-setup-rail,
  .sw-product-variant-drawer__grid,
  .sw-product-variant-drawer__fields,
  .sw-product-bom-projection-contract,
  .sw-product-bom-owner-map__head,
  .sw-product-bom-owner-map__grid,
  .sw-product-bom-option-mapping__row,
  .sw-product-variant-projection__trace,
  .sw-product-variant-source-gaps,
  .sw-product-variant-matrix__row,
  .sw-product-variant-workbench-table__row,
  .sw-product-variant-drawer__image-row,
  .sw-product-variant-matrix__blocker,
  .sw-product-variant-image-posture__head,
  .sw-product-variant-image-posture__row,
  .sw-product-variant-compositor,
  .sw-product-paper-doll__head,
  .sw-product-paper-doll__section-head,
  .sw-product-paper-doll__summary,
  .sw-product-paper-doll__workbench-grid,
  .sw-product-paper-doll__workbox-grid,
  .sw-product-paper-doll__layer-row,
  .sw-product-paper-doll__composite-row,
  .sw-product-paper-doll__thumbnail-row,
  .sw-product-inventory__mode-grid,
  .sw-product-inventory__summary,
  .sw-product-inventory__aggregate-grid,
  .sw-product-inventory__draft-grid,
  .sw-product-inventory__row,
  .sw-product-inventory__matrix-row,
  .sw-product-inventory__draft-row,
  .sw-product-inventory__empty,
  .sw-product-inventory__blocker {
    grid-template-columns: 1fr;
  }

  .sw-product-basic__heading,
  .sw-product-basic__summary,
  .sw-product-basic__actions,
  .sw-product-basic__category-head,
  .sw-product-basic__category-actions,
  .sw-product-pricing__heading,
  .sw-product-media__heading,
  .sw-product-variant-matrix__head,
  .sw-product-variant-commerce-card__head,
  .sw-product-variant-drawer__head,
  .sw-product-variant-image-posture__head,
  .sw-product-inventory__heading,
  .sw-product-inventory__save-strip,
  .sw-product-inventory__section-head,
  .sw-product-inventory__component-row,
  .sw-product-inventory__bottleneck-row {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-inventory__save-actions {
    justify-content: stretch;
  }

  .sw-product-variant-workbench-table__row {
    min-width: 0;
  }

  .sw-product-inventory__save-actions .sw-products-action {
    width: 100%;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/product-story-merchant-shell.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.sw-product-story-merchant-shell {
  display: grid;
  min-width: 0;
  gap: 0.9rem;
}

.sw-product-story-merchant-shell__header,
.sw-product-story-merchant-shell__tabs,
.sw-product-story-merchant-onboarding,
.sw-product-story-merchant-rail,
.sw-product-story-merchant-preview,
.sw-product-story-merchant-inspector {
  border: 1px solid #dce4ef;
  border-radius: 1rem;
  background: #fff;
}

.sw-product-story-merchant-shell__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.15rem;
}

.sw-product-story-merchant-shell__header > div:first-child {
  display: grid;
  gap: 0.28rem;
}

.sw-product-story-merchant-shell__header h3,
.sw-product-story-merchant-shell__header p,
.sw-product-story-merchant-column-head h4,
.sw-product-story-merchant-onboarding h4,
.sw-product-story-merchant-onboarding p {
  margin: 0;
}

.sw-product-story-merchant-shell__header > div:first-child > p:last-child {
  max-width: 54rem;
  color: #64748b;
  line-height: 1.55;
}

.sw-product-story-merchant-shell__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.sw-product-story-merchant-shell__tabs {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.38rem;
}

.sw-product-story-merchant-shell__tabs button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.45rem;
  padding: 0.5rem 0.8rem;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-merchant-shell__tabs button[aria-current='page'] {
  background: #eff6ff;
  color: #1d4ed8;
}

.sw-product-story-merchant-shell__tabs button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.sw-product-story-merchant-shell__tabs button svg,
.sw-product-story-merchant-shell__header-actions svg,
.sw-product-story-merchant-preview footer svg,
.sw-product-story-merchant-inspector__actions svg,
.sw-product-story-merchant-inspector__tools svg {
  width: 1rem;
  height: 1rem;
}

.sw-product-story-merchant-shell__tabs > span {
  margin-left: auto;
  padding-right: 0.55rem;
  color: #7b8798;
  font-size: 0.68rem;
  font-weight: 700;
}

.sw-product-story-merchant-shell__notice {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.72rem 0.88rem;
  border: 1px solid #b9dfc5;
  border-radius: 0.8rem;
  background: #effbf3;
  color: #17633d;
  font-size: 0.82rem;
  font-weight: 750;
}

.sw-product-story-merchant-shell__notice[data-tone='danger'] {
  border-color: #efb7b7;
  background: #fff3f3;
  color: #a12d2d;
}

.sw-product-story-merchant-shell__notice svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.sw-product-story-merchant-shell__notice button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-merchant-onboarding {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 0.9fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  overflow: hidden;
  padding: clamp(1.4rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 85% 10%, rgb(96 165 250 / 0.16), transparent 34%),
    linear-gradient(135deg, #fff 0%, #f6f9ff 100%);
}

.sw-product-story-merchant-onboarding__copy {
  display: grid;
  align-content: center;
  gap: 0.75rem;
}

.sw-product-story-merchant-onboarding__copy > span {
  color: #2563eb;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.sw-product-story-merchant-onboarding__copy h4 {
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  letter-spacing: -0.05em;
  line-height: 1;
}

.sw-product-story-merchant-onboarding__copy > p {
  max-width: 44rem;
  color: #64748b;
  line-height: 1.65;
}

.sw-product-story-merchant-onboarding__copy ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
}

.sw-product-story-merchant-onboarding__copy li {
  display: grid;
  gap: 0.35rem;
  min-height: 6rem;
  padding: 0.8rem;
  border: 1px solid #dde6f2;
  border-radius: 0.85rem;
  background: rgb(255 255 255 / 0.82);
}

.sw-product-story-merchant-onboarding__copy li b {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  background: #e8f0ff;
  color: #2563eb;
  font-size: 0.68rem;
}

.sw-product-story-merchant-onboarding__copy li span {
  align-self: end;
  color: #334155;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.4;
}

.sw-product-story-merchant-onboarding__action {
  display: grid;
  align-content: center;
  gap: 0.75rem;
  min-width: 0;
}

.sw-product-story-merchant-onboarding__action > .sw-products-action {
  justify-content: center;
  width: 100%;
  min-height: 3rem;
}

.sw-product-story-merchant-onboarding__action > small {
  color: #718096;
  text-align: center;
}

.sw-product-story-merchant-onboarding__preview {
  display: grid;
  gap: 0.85rem;
  min-height: 18rem;
  padding: 1.2rem;
  border: 1px solid #dce5f1;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 20px 55px rgb(15 23 42 / 0.12);
}

.sw-product-story-merchant-onboarding__preview > div {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.35rem;
}

.sw-product-story-merchant-onboarding__preview > div span {
  min-height: 7.5rem;
  border-radius: 0.65rem;
  background: linear-gradient(145deg, #dbeafe, #f1f5f9);
}

.sw-product-story-merchant-onboarding__preview strong {
  align-self: end;
  font-size: 1.35rem;
}

.sw-product-story-merchant-onboarding__preview p {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.5;
}

.sw-product-story-merchant-migration {
  display: grid;
  gap: 0.5rem;
}

.sw-product-story-merchant-migration label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem;
  border: 1px solid #dce4ef;
  border-radius: 0.8rem;
  background: #fff;
  cursor: pointer;
}

.sw-product-story-merchant-migration label[data-selected='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
}

.sw-product-story-merchant-migration label span {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-merchant-migration small {
  color: #64748b;
}

.sw-product-story-merchant-workspace {
  display: grid;
  grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr);
  align-items: start;
  gap: 0.85rem;
  min-width: 0;
}

.sw-product-story-merchant-rail {
  position: sticky;
  top: 0.75rem;
  display: grid;
  gap: 0.7rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 0.85rem;
}

.sw-product-story-merchant-inspector {
  display: grid;
  grid-column: 2;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.85rem;
}

.sw-product-story-merchant-preview {
  grid-column: 2;
  min-width: 0;
  padding: 0.85rem;
}

.sw-product-story-merchant-stage {
  display: grid;
  grid-column: 2;
  gap: 0.85rem;
  min-width: 0;
}

.sw-product-story-merchant-stage[hidden] {
  display: none !important;
}

.sw-product-story-merchant-stage--structure {
  grid-template-columns: minmax(28rem, 1fr) minmax(20rem, 24rem);
  align-items: start;
}

.sw-product-story-merchant-stage--structure .sw-product-story-merchant-preview,
.sw-product-story-merchant-stage--structure .sw-product-story-merchant-inspector {
  grid-column: auto;
}

.sw-product-story-merchant-stage--structure .sw-product-story-merchant-inspector {
  position: sticky;
  top: 0.75rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
}

.sw-product-story-merchant-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid #e7ecf2;
}

.sw-product-story-merchant-column-head > div:first-child {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-merchant-column-head span {
  color: #7b8798;
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0.06em;
}

.sw-product-story-merchant-column-head h4 {
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-merchant-column-head > b {
  padding: 0.2rem 0.48rem;
  border-radius: 999px;
  background: #eef3f8;
  color: #516072;
  font-size: 0.68rem;
  white-space: nowrap;
}

.sw-product-story-merchant-section-card {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.65rem;
  border: 1px solid #e0e7f0;
  border-radius: 0.76rem;
  background: #fff;
  color: #172033;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-merchant-section-card[data-active='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #3b82f6;
}

.sw-product-story-merchant-section-card > b {
  color: #94a3b8;
  font-size: 0.68rem;
}

.sw-product-story-merchant-section-card > span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-merchant-section-card strong,
.sw-product-story-merchant-section-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-merchant-section-card strong {
  font-size: 0.8rem;
}

.sw-product-story-merchant-section-card small {
  color: #718096;
  font-size: 0.64rem;
}

.sw-product-story-merchant-section-card em {
  color: #47705a;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 800;
}

.sw-product-story-merchant-empty {
  display: grid;
  gap: 0.28rem;
  padding: 0.9rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.8rem;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.5;
}

.sw-product-story-merchant-empty p {
  margin: 0;
}

.sw-product-story-merchant-device-toggle {
  display: grid;
  grid-auto-flow: column;
  gap: 0.18rem;
  padding: 0.18rem;
  border: 1px solid #dce4ef;
  border-radius: 0.7rem;
  background: #f4f7fb;
}

.sw-product-story-merchant-device-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 1.9rem;
  padding: 0.3rem 0.55rem;
  border: 0;
  border-radius: 0.52rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-merchant-device-toggle button[aria-pressed='true'] {
  background: #fff;
  color: #172033;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.12);
}

.sw-product-story-merchant-preview__canvas {
  display: flex;
  justify-content: center;
  min-height: 46rem;
  margin-top: 0.75rem;
  overflow: auto;
  padding: 1rem;
  border: 1px solid #dbe3ed;
  border-radius: 0.88rem;
  background:
    linear-gradient(45deg, #eef2f6 25%, transparent 25%) 0 0 / 14px 14px,
    linear-gradient(45deg, transparent 75%, #eef2f6 75%) 0 0 / 14px 14px,
    linear-gradient(45deg, transparent 75%, #eef2f6 75%) 7px -7px / 14px 14px,
    linear-gradient(45deg, #eef2f6 25%, #f8fafc 25%) 7px 7px / 14px 14px;
}

.sw-product-story-merchant-preview[data-scope='section'] .sw-product-story-merchant-preview__canvas {
  min-height: 28rem;
  max-height: 52rem;
}

.sw-product-story-merchant-media-warning {
  display: grid;
  gap: 0.18rem;
  margin-top: 0.65rem;
  padding: 0.68rem 0.78rem;
  border: 1px solid #f0c578;
  border-radius: 0.72rem;
  background: #fff9e9;
  color: #7c5b20;
}

.sw-product-story-merchant-media-warning strong {
  font-size: 0.72rem;
}

.sw-product-story-merchant-media-warning span {
  font-size: 0.64rem;
  line-height: 1.45;
}

.sw-product-story-merchant-preview__page {
  width: min(62rem, 100%);
  min-width: 0;
  overflow: hidden;
  border-radius: 0.65rem;
  background: #fff;
  box-shadow: 0 18px 50px rgb(15 23 42 / 0.16);
  transition: width 180ms ease;
}

.sw-product-story-merchant-preview__canvas[data-preview-mode='mobile'] .sw-product-story-merchant-preview__page {
  width: min(23.5rem, 100%);
}

.sw-product-story-merchant-preview__empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.55rem;
  width: min(38rem, 100%);
  min-height: 28rem;
  padding: 2rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 0.94);
  color: #64748b;
  text-align: center;
}

.sw-product-story-merchant-preview__empty svg {
  width: 2rem;
  height: 2rem;
  color: #3b82f6;
}

.sw-product-story-merchant-preview__empty p {
  margin: 0;
  font-size: 0.78rem;
}

.sw-product-story-merchant-preview footer {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  padding-top: 0.65rem;
  color: #718096;
  font-size: 0.65rem;
  font-weight: 700;
}

.sw-product-story-merchant-preview footer button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-merchant-preview-link {
  display: block;
  margin-top: 0.5rem;
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 800;
  text-align: right;
}

.sw-product-story-history-drawer {
  overflow: hidden;
  border: 1px solid #dce4ef;
  border-radius: 0.82rem;
  background: #fff;
}

.sw-product-story-history-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.75rem 0.85rem;
  color: #334155;
  cursor: pointer;
  list-style: none;
}

.sw-product-story-history-drawer > summary::-webkit-details-marker {
  display: none;
}

.sw-product-story-history-drawer > summary span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.74rem;
  font-weight: 850;
}

.sw-product-story-history-drawer > summary svg {
  width: 0.95rem;
  height: 0.95rem;
  color: #2563eb;
}

.sw-product-story-history-drawer > summary small {
  color: #718096;
  font-size: 0.62rem;
}

.sw-product-story-history-drawer[open] > summary {
  border-bottom: 1px solid #e7ecf2;
  background: #f8fafc;
}

.sw-product-story-history-drawer > .sw-product-story-recovery,
.sw-product-story-history-drawer > .sw-product-story-section-generation__candidate-list,
.sw-product-story-history-drawer > .sw-product-story-section-generation__version-receipt,
.sw-product-story-history-drawer > .sw-product-story-section-generation__diff,
.sw-product-story-history-drawer > .sw-product-story-section-generation__detail-drawer {
  margin: 0.75rem;
}

.sw-product-story-release-gate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.65rem;
  padding: 0.9rem;
  border: 1px solid #dce4ef;
  border-radius: 0.9rem;
  background: #fff;
}

.sw-product-story-release-gate > div {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-release-gate strong {
  color: #172033;
  font-size: 0.82rem;
}

.sw-product-story-release-gate span,
.sw-product-story-release-gate p {
  color: #64748b;
  font-size: 0.66rem;
  line-height: 1.5;
}

.sw-product-story-release-gate p {
  grid-column: 1 / -1;
  margin: 0;
}

.sw-product-story-release-panel {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem;
  border: 1px solid #cfd9e7;
  border-radius: 0.95rem;
  background: #fff;
}

.sw-product-story-release-panel > header,
.sw-product-story-release-panel__readback > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.sw-product-story-release-panel > header > div {
  display: grid;
  gap: 0.18rem;
}

.sw-product-story-release-panel > header strong {
  color: #172033;
  font-size: 0.92rem;
}

.sw-product-story-release-panel > header p,
.sw-product-story-release-panel__actions span,
.sw-product-story-release-panel__readback p,
.sw-product-story-release-panel__history p {
  margin: 0;
  color: #64748b;
  font-size: 0.68rem;
  line-height: 1.5;
}

.sw-product-story-release-panel__notice {
  padding: 0.65rem 0.75rem;
  border-radius: 0.72rem;
  background: #fff1f0;
  color: #b42318;
  font-size: 0.72rem;
  font-weight: 800;
}

.sw-product-story-release-panel__status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

.sw-product-story-release-panel__status-grid article {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid #e1e8f1;
  border-radius: 0.75rem;
  background: #f8fafc;
}

.sw-product-story-release-panel__status-grid small,
.sw-product-story-release-panel__readback dt,
.sw-product-story-release-panel__history small {
  color: #718096;
  font-size: 0.59rem;
  font-weight: 750;
}

.sw-product-story-release-panel__status-grid strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-release-panel__status-grid span {
  color: #64748b;
  font-size: 0.62rem;
  line-height: 1.42;
}

.sw-product-story-release-panel__changes {
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem 0.75rem;
  border-left: 3px solid #2563eb;
  background: #eff6ff;
}

.sw-product-story-release-panel__changes strong {
  color: #1e3a8a;
  font-size: 0.68rem;
}

.sw-product-story-release-panel__changes span {
  color: #355589;
  font-size: 0.63rem;
  word-break: break-word;
}

.sw-product-story-release-panel__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.sw-product-story-release-panel__actions .sw-products-action {
  flex: 0 0 auto;
}

.sw-product-story-release-panel__readback {
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem;
  border: 1px solid #a7d9bf;
  border-radius: 0.8rem;
  background: #f0fdf4;
}

.sw-product-story-release-panel__readback > header span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #166534;
}

.sw-product-story-release-panel__readback dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
}

.sw-product-story-release-panel__readback dl > div {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-release-panel__readback dd {
  overflow: hidden;
  margin: 0;
  color: #173d2b;
  font-size: 0.68rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-release-panel__readback a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  width: fit-content;
  color: #166534;
  font-size: 0.7rem;
  font-weight: 850;
}

.sw-product-story-release-panel__history {
  display: grid;
  gap: 0.45rem;
  padding: 0.65rem;
}

.sw-product-story-release-panel__history article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.58rem 0.65rem;
  border: 1px solid #e1e8f1;
  border-radius: 0.68rem;
  background: #fff;
}

.sw-product-story-release-panel__history article > span {
  display: grid;
  gap: 0.1rem;
}

.sw-product-story-release-panel__history-copy {
  min-width: 0;
}

.sw-product-story-release-panel__history article > .sw-products-action {
  flex: 0 0 auto;
}

.sw-product-story-release-panel__history article strong,
.sw-product-story-release-panel__history article b {
  color: #27364a;
  font-size: 0.68rem;
}

.sw-product-story-release-panel__history code {
  color: #64748b;
  font-size: 0.58rem;
}

.sw-product-story-release-panel__rollback-readback {
  display: grid;
  gap: 0.65rem;
  padding: 0.72rem;
  border: 1px solid #a7d9bf;
  border-radius: 0.72rem;
  background: #f0fdf4;
}

.sw-product-story-release-panel__rollback-readback > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-release-panel__rollback-readback > header span,
.sw-product-story-release-panel__rollback-readback a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #166534;
}

.sw-product-story-release-panel__rollback-readback dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
}

.sw-product-story-release-panel__rollback-readback dl > div {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-release-panel__rollback-readback dd {
  overflow: hidden;
  margin: 0;
  color: #173d2b;
  font-size: 0.68rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-release-panel__rollback-readback a {
  width: fit-content;
  font-size: 0.7rem;
  font-weight: 850;
}

.sw-product-story-release-panel__boundary {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  color: #526174;
  font-size: 0.63rem;
  line-height: 1.45;
}

.sw-product-story-release-panel__boundary svg {
  flex: 0 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  color: #2563eb;
}

.sw-product-story-release-panel__continuation-failed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid #f2c7a5;
  border-radius: 0.72rem;
  background: #fff7ed;
}

.sw-product-story-release-panel__continuation-failed p {
  color: #9a3412;
}

.sw-product-story-recovery[data-embedded='true'] {
  padding: 0.75rem;
}

.sw-product-story-recovery__embedded-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-merchant-inspector > div[style] {
  box-shadow: none !important;
}

.sw-product-story-merchant-inspector__actions,
.sw-product-story-merchant-inspector__tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
}

.sw-product-story-merchant-inspector__actions .sw-products-action {
  justify-content: center;
}

.sw-product-story-merchant-inspector__tools {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 0.2rem;
}

.sw-product-story-merchant-inspector__tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 2.25rem;
  padding: 0.4rem;
  border: 1px solid #dce4ef;
  border-radius: 0.65rem;
  background: #fff;
  color: #526174;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-merchant-inspector__tools button[data-danger='true'] {
  color: #b42318;
}

.sw-product-story-merchant-inspector__tools button:disabled,
.sw-product-story-merchant-preview footer button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.sw-product-story-merchant-unsaved {
  position: sticky;
  z-index: 10;
  bottom: 0.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem;
  border: 1px solid #e7ca84;
  border-radius: 0.85rem;
  background: #fff9e9;
  box-shadow: 0 14px 35px rgb(15 23 42 / 0.12);
}

.sw-product-story-merchant-unsaved > div {
  display: grid;
  gap: 0.1rem;
}

.sw-product-story-merchant-unsaved p {
  margin: 0;
  color: #7a6641;
  font-size: 0.75rem;
}

.sw-product-story-merchant-unsaved > button {
  min-height: 2.3rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid #d9c17e;
  border-radius: 0.65rem;
  background: #fff;
  color: #5f4d25;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-merchant-unsaved > button[data-primary='true'] {
  border-color: #9b7425;
  background: #9b7425;
  color: #fff;
}

@media (max-width: 1320px) {
  .sw-product-story-merchant-workspace {
    grid-template-columns: minmax(13rem, 15rem) minmax(30rem, 1fr);
  }

  .sw-product-story-merchant-stage--structure {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-product-story-merchant-inspector {
    position: static;
    grid-column: 2;
    max-height: none;
  }

  .sw-product-story-merchant-stage--structure .sw-product-story-merchant-inspector {
    grid-column: auto;
  }
}

@media (max-width: 820px) {
  .sw-product-story-merchant-shell__header,
  .sw-product-story-merchant-shell__tabs {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-merchant-shell__tabs > span {
    margin-left: 0;
    padding: 0.3rem 0.55rem;
  }

  .sw-product-story-merchant-onboarding,
  .sw-product-story-merchant-workspace {
    grid-template-columns: 1fr;
  }

  .sw-product-story-merchant-onboarding__copy ol {
    grid-template-columns: 1fr;
  }

  .sw-product-story-merchant-rail,
  .sw-product-story-merchant-inspector {
    position: static;
    grid-column: 1;
    max-height: none;
  }

  .sw-product-story-merchant-stage,
  .sw-product-story-merchant-preview,
  .sw-product-story-merchant-inspector {
    grid-column: 1;
    order: 2;
  }

  .sw-product-story-merchant-rail {
    order: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    padding: 0.65rem;
  }

  .sw-product-story-merchant-rail .sw-product-story-merchant-column-head,
  .sw-product-story-merchant-rail > .sw-products-action,
  .sw-product-story-merchant-rail > .sw-product-story-merchant-empty {
    flex: 0 0 auto;
    min-width: 11rem;
  }

  .sw-product-story-merchant-section-card {
    flex: 0 0 12.5rem;
  }

  .sw-product-story-merchant-preview__canvas {
    min-height: 34rem;
    padding: 0.55rem;
  }

  .sw-product-story-merchant-preview__page {
    width: min(23.5rem, 100%);
  }

  .sw-product-story-release-panel > header,
  .sw-product-story-release-panel__readback > header,
  .sw-product-story-release-panel__rollback-readback > header,
  .sw-product-story-release-panel__history article {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-release-panel__status-grid,
  .sw-product-story-release-panel__readback dl,
  .sw-product-story-release-panel__rollback-readback dl {
    grid-template-columns: 1fr;
  }

  .sw-product-story-merchant-unsaved {
    grid-template-columns: 1fr 1fr;
  }

  .sw-product-story-merchant-unsaved > div {
    grid-column: 1 / -1;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/product-story-generation-workbench.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.sw-product-story-merchant-inspector__modes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  padding: 0.25rem;
  border: 1px solid #dce4ef;
  border-radius: 0.75rem;
  background: #f4f7fb;
}

.sw-product-story-merchant-inspector__modes button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.2rem;
  border: 0;
  border-radius: 0.58rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-merchant-inspector__modes button[aria-selected='true'] {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.12);
}

.sw-product-story-merchant-inspector__modes svg {
  width: 0.95rem;
  height: 0.95rem;
}

.sw-product-story-brief {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.sw-product-story-brief__head,
.sw-product-story-brief__media-head,
.sw-product-story-brief__footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-brief__head > div,
.sw-product-story-brief__media-head > div {
  display: grid;
  gap: 0.16rem;
}

.sw-product-story-brief__head span,
.sw-product-story-brief__media-head span {
  color: #365b8f;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.sw-product-story-brief__head h5,
.sw-product-story-brief__head p,
.sw-product-story-brief__media-head small,
.sw-product-story-brief__footer strong,
.sw-product-story-brief__footer small {
  margin: 0;
}

.sw-product-story-brief__head h5 {
  font-size: 0.96rem;
}

.sw-product-story-brief__head p,
.sw-product-story-brief__media-head small,
.sw-product-story-brief__footer small {
  color: #718096;
  font-size: 0.67rem;
  line-height: 1.45;
}

.sw-product-story-brief__notice {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.62rem 0.7rem;
  border: 1px solid #b9dfc5;
  border-radius: 0.7rem;
  background: #effbf3;
  color: #17633d;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.45;
}

.sw-product-story-brief__notice[data-tone='danger'] {
  border-color: #efb7b7;
  background: #fff3f3;
  color: #9b2c2c;
}

.sw-product-story-brief__notice svg {
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 auto;
}

.sw-product-story-brief__notice button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-brief__field {
  display: grid;
  gap: 0.35rem;
}

.sw-product-story-brief__field > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: #334155;
  font-size: 0.72rem;
  font-weight: 850;
}

.sw-product-story-brief__field > span b {
  color: #b45309;
  font-size: 0.62rem;
}

.sw-product-story-brief__field > span small,
.sw-product-story-brief__field > small {
  color: #94a3b8;
  font-size: 0.62rem;
  font-weight: 700;
}

.sw-product-story-brief__field > small {
  justify-self: end;
}

.sw-product-story-brief__field textarea {
  min-height: 6.5rem;
  resize: vertical;
  padding: 0.72rem;
  border: 1px solid #dce4ef;
  border-radius: 0.72rem;
  background: #fff;
  color: #172033;
  font: inherit;
  font-size: 0.76rem;
  line-height: 1.55;
}

.sw-product-story-brief__field textarea:focus {
  border-color: #60a5fa;
  outline: 2px solid rgb(96 165 250 / 0.16);
}

.sw-product-story-brief__media-head {
  align-items: center;
  padding-top: 0.2rem;
}

.sw-product-story-brief__media-head button {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 2rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid #dce4ef;
  border-radius: 0.6rem;
  background: #fff;
  color: #526174;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-brief__media-head button svg {
  width: 0.85rem;
  height: 0.85rem;
}

.sw-product-story-brief__media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
  max-height: 20rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.sw-product-story-brief__media-grid button {
  position: relative;
  display: grid;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.35rem;
  border: 1px solid #dce4ef;
  border-radius: 0.7rem;
  background: #fff;
  color: #263548;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-brief__media-grid button[aria-pressed='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #3b82f6;
}

.sw-product-story-brief__media-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.48rem;
  background: #eef2f6;
}

.sw-product-story-brief__media-grid button > span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-brief__media-grid strong,
.sw-product-story-brief__media-grid small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-brief__media-grid strong {
  font-size: 0.64rem;
}

.sw-product-story-brief__media-grid small {
  color: #718096;
  font-size: 0.58rem;
}

.sw-product-story-brief__media-grid button > svg {
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
  width: 1rem;
  height: 1rem;
  padding: 0.15rem;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
}

.sw-product-story-brief__media-empty,
.sw-product-story-brief__missing-media {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.7rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.7rem;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.68rem;
  line-height: 1.45;
}

.sw-product-story-brief__missing-media {
  border-color: #e8c77a;
  background: #fff9e9;
  color: #7a5b21;
}

.sw-product-story-brief__media-empty svg,
.sw-product-story-brief__missing-media svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.sw-product-story-brief__lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

.sw-product-story-brief__lists textarea {
  min-height: 8rem;
}

.sw-product-story-brief__footer {
  align-items: center;
  padding-top: 0.7rem;
  border-top: 1px solid #e7ecf2;
}

.sw-product-story-brief__footer > div {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.sw-product-story-brief__footer > div > span {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-brief__footer svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  color: #2563eb;
}

.sw-product-story-generation {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}

.sw-product-story-generation__section-workspace {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}

.sw-product-story-performance {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid #dce4ef;
  border-radius: 1rem;
  background: #fff;
}

.sw-product-story-performance__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.sw-product-story-performance__header > div:first-child {
  display: grid;
  gap: 0.2rem;
}

.sw-product-story-performance__header h4,
.sw-product-story-performance__header p,
.sw-product-story-performance__plan h5,
.sw-product-story-performance__plan ol,
.sw-product-story-performance__limitations ul {
  margin: 0;
}

.sw-product-story-performance__header h4 {
  color: #172033;
  font-size: 1rem;
}

.sw-product-story-performance__header > div:first-child > p:last-child {
  max-width: 50rem;
  color: #64748b;
  font-size: 0.72rem;
  line-height: 1.5;
}

.sw-product-story-performance__header-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
}

.sw-product-story-performance__header-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #dce4ef;
  border-radius: 0.6rem;
  background: #fff;
  color: #526174;
  cursor: pointer;
}

.sw-product-story-performance__header-actions button:disabled {
  opacity: 0.55;
  cursor: wait;
}

.sw-product-story-performance__header-actions svg,
.sw-product-story-performance__readback svg,
.sw-product-story-performance__diagnosis svg,
.sw-product-story-performance__plan-boundary svg,
.sw-product-story-performance__empty svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.sw-product-story-performance__windows {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  overflow-x: auto;
}

.sw-product-story-performance__windows button {
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid #dce4ef;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
}

.sw-product-story-performance__windows button[aria-pressed='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  color: #1d4ed8;
}

.sw-product-story-performance__metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.55rem;
}

.sw-product-story-performance__metrics article {
  display: grid;
  align-content: start;
  gap: 0.25rem;
  min-width: 0;
  min-height: 6.2rem;
  padding: 0.75rem;
  border: 1px solid #e4eaf2;
  border-radius: 0.78rem;
  background: #f8fafc;
}

.sw-product-story-performance__metrics article > span {
  color: #526174;
  font-size: 0.66rem;
  font-weight: 850;
}

.sw-product-story-performance__metrics article > strong {
  color: #172033;
  font-size: 1.35rem;
  line-height: 1.1;
}

.sw-product-story-performance__metrics article > small {
  color: #718096;
  font-size: 0.61rem;
  line-height: 1.4;
}

.sw-product-story-performance__readback {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.8rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e4eaf2;
  border-radius: 0.72rem;
  background: #fff;
  color: #64748b;
  font-size: 0.65rem;
  font-weight: 750;
}

.sw-product-story-performance__readback span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.sw-product-story-performance__readback b {
  color: #334155;
}

.sw-product-story-performance__readback span[data-drift='true'] {
  padding: 0.22rem 0.4rem;
  border-radius: 999px;
  background: #fff7e6;
  color: #9a5b13;
}

.sw-product-story-performance__normalization {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e4eaf2;
  border-radius: 0.72rem;
  background: #f8fafc;
}

.sw-product-story-performance__normalization span {
  padding: 0.24rem 0.45rem;
  border-radius: 999px;
  background: #fff7e6;
  color: #9a5b13;
  font-size: 0.62rem;
  font-weight: 850;
}

.sw-product-story-performance__normalization[data-complete='true'] span {
  background: #ecfdf3;
  color: #17633d;
}

.sw-product-story-performance__normalization small {
  width: 100%;
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.45;
}

.sw-product-story-performance__diagnosis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.8rem;
  border: 1px solid #bfd4f5;
  border-radius: 0.8rem;
  background: #f3f7ff;
}

.sw-product-story-performance__diagnosis[data-state='blocked'] {
  border-color: #e5e7eb;
  background: #f8fafc;
}

.sw-product-story-performance__diagnosis > div {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  min-width: 0;
  color: #2563eb;
}

.sw-product-story-performance__diagnosis > div > span {
  display: grid;
  gap: 0.18rem;
}

.sw-product-story-performance__diagnosis strong {
  color: #1e3a5f;
  font-size: 0.78rem;
}

.sw-product-story-performance__diagnosis small {
  color: #58708f;
  font-size: 0.66rem;
  line-height: 1.45;
}

.sw-product-story-performance__diagnosis > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #2563eb;
  border-radius: 0.65rem;
  background: #2563eb;
  color: #fff;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
}

.sw-product-story-performance__diagnosis > button:disabled {
  border-color: #cbd5e1;
  background: #e2e8f0;
  color: #94a3b8;
  cursor: not-allowed;
}

.sw-product-story-performance__plan {
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem;
  border: 1px solid #d7e3f4;
  border-radius: 0.8rem;
  background: #fff;
}

.sw-product-story-performance__plan > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.sw-product-story-performance__plan > header > div {
  display: grid;
  gap: 0.15rem;
}

.sw-product-story-performance__plan > header span {
  color: #365b8f;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.sw-product-story-performance__plan h5 {
  color: #172033;
  font-size: 0.88rem;
}

.sw-product-story-performance__plan ol {
  display: grid;
  gap: 0.38rem;
  padding-left: 1.25rem;
  color: #475569;
  font-size: 0.7rem;
  line-height: 1.45;
}

.sw-product-story-performance__plan-boundary {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.7rem;
  border-radius: 0.7rem;
  background: #f8fafc;
  color: #475569;
}

.sw-product-story-performance__plan-boundary > span {
  display: grid;
  gap: 0.12rem;
}

.sw-product-story-performance__plan-boundary strong {
  font-size: 0.68rem;
}

.sw-product-story-performance__plan-boundary small {
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.45;
}

.sw-product-story-performance__limitations {
  border-top: 1px solid #e7ecf2;
  padding-top: 0.65rem;
}

.sw-product-story-performance__limitations summary {
  color: #526174;
  font-size: 0.66rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-performance__limitations ul {
  display: grid;
  gap: 0.3rem;
  padding: 0.6rem 0 0 1.1rem;
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.45;
}

.sw-product-story-performance__notice,
.sw-product-story-performance__empty {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.78rem;
  background: #f8fafc;
  color: #64748b;
}

.sw-product-story-performance__empty {
  flex-wrap: wrap;
}

.sw-product-story-performance__empty strong {
  color: #334155;
  font-size: 0.72rem;
}

.sw-product-story-performance__empty p {
  width: 100%;
  margin: 0 0 0 1.5rem;
  font-size: 0.64rem;
}

.sw-product-story-performance__notice[data-tone='danger'] {
  border-style: solid;
  border-color: #efb7b7;
  background: #fff3f3;
  color: #9b2c2c;
  font-size: 0.7rem;
}

.sw-product-story-performance__notice button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 850;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 1180px) {
  .sw-product-story-performance__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .sw-product-story-performance {
    padding: 0.8rem;
  }

  .sw-product-story-performance__header,
  .sw-product-story-performance__diagnosis,
  .sw-product-story-performance__plan > header {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-performance__header-actions {
    justify-content: space-between;
  }

  .sw-product-story-performance__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-story-performance__diagnosis > button {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .sw-product-story-performance__metrics {
    grid-template-columns: 1fr;
  }
}

.sw-product-story-generation__toolbar,
.sw-product-story-generation__sources,
.sw-product-story-generation__actions,
.sw-product-story-generation__results {
  border: 1px solid #dce4ef;
  border-radius: 1rem;
  background: #fff;
}

.sw-product-story-generation__toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.15rem;
}

.sw-product-story-generation__toolbar > div {
  display: grid;
  gap: 0.25rem;
}

.sw-product-story-generation__toolbar > div > button {
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-generation__toolbar h3,
.sw-product-story-generation__toolbar p,
.sw-product-story-generation__column-head h4,
.sw-product-story-generation__execution h5,
.sw-product-story-generation__confirm p,
.sw-product-story-generation__result-empty p {
  margin: 0;
}

.sw-product-story-generation__toolbar h3 {
  font-size: 1.35rem;
}

.sw-product-story-generation__toolbar p {
  max-width: 62rem;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.55;
}

.sw-product-story-generation__notice {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid #b9dfc5;
  border-radius: 0.78rem;
  background: #effbf3;
  color: #17633d;
  font-size: 0.76rem;
  font-weight: 750;
}

.sw-product-story-generation__notice[data-tone='danger'] {
  border-color: #efb7b7;
  background: #fff3f3;
  color: #9b2c2c;
}

.sw-product-story-generation__notice button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-generation__grid {
  display: grid;
  grid-template-columns: minmax(15rem, 18rem) minmax(30rem, 1fr) minmax(22rem, 28rem);
  align-items: start;
  gap: 0.85rem;
  min-width: 0;
}

.sw-product-story-generation__sources,
.sw-product-story-generation__actions,
.sw-product-story-generation__results {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.85rem;
}

.sw-product-story-generation__sources,
.sw-product-story-generation__results {
  position: sticky;
  top: 0.75rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
}

.sw-product-story-generation__column-head,
.sw-product-story-generation__execution > header,
.sw-product-story-generation__style-results > header,
.sw-product-story-generation__target-results > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.sw-product-story-generation__column-head {
  padding-bottom: 0.65rem;
  border-bottom: 1px solid #e7ecf2;
}

.sw-product-story-generation__column-head > div,
.sw-product-story-generation__execution > header > div,
.sw-product-story-generation__style-results > header > div,
.sw-product-story-generation__target-results > header > div {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-generation__column-head span,
.sw-product-story-generation__execution header span {
  color: #64748b;
  font-size: 0.63rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.sw-product-story-generation__source-list,
.sw-product-story-generation__task-list,
.sw-product-story-generation__style-results,
.sw-product-story-generation__target-results {
  display: grid;
  gap: 0.48rem;
}

.sw-product-story-generation__source-list > div {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.72rem;
  background: #fff;
}

.sw-product-story-generation__source-list > div[data-ready='true'] {
  border-color: #b9dfc5;
  background: #f4fbf6;
}

.sw-product-story-generation__source-list b {
  color: #94a3b8;
  font-size: 0.64rem;
}

.sw-product-story-generation__source-list span,
.sw-product-story-generation__task-list button > span,
.sw-product-story-generation__execution-grid button > span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-generation__source-list strong,
.sw-product-story-generation__task-list strong,
.sw-product-story-generation__execution-grid strong {
  font-size: 0.72rem;
}

.sw-product-story-generation__source-list small,
.sw-product-story-generation__task-list small,
.sw-product-story-generation__execution-grid small {
  color: #718096;
  font-size: 0.61rem;
  line-height: 1.4;
}

.sw-product-story-generation__source-list svg {
  width: 0.95rem;
  height: 0.95rem;
  color: #94a3b8;
}

.sw-product-story-generation__source-list > div[data-ready='true'] svg {
  color: #24845a;
}

.sw-product-story-generation__source-help {
  display: grid;
  gap: 0.35rem;
  padding: 0.75rem;
  border: 1px solid #e8c77a;
  border-radius: 0.76rem;
  background: #fff9e9;
  color: #725622;
  font-size: 0.69rem;
  line-height: 1.5;
}

.sw-product-story-generation__source-help[data-ready='true'] {
  border-color: #b9dfc5;
  background: #effbf3;
  color: #17633d;
}

.sw-product-story-generation__source-help p {
  margin: 0;
}

.sw-product-story-generation__source-help button {
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 850;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-generation__type-grid,
.sw-product-story-generation__execution-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

.sw-product-story-generation__type-grid > button,
.sw-product-story-generation__execution-grid > button {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid #dce4ef;
  border-radius: 0.78rem;
  background: #fff;
  color: #263548;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-generation__type-grid > button[aria-pressed='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #3b82f6;
}

.sw-product-story-generation__type-grid svg,
.sw-product-story-generation__execution-grid svg {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
  color: #2563eb;
}

.sw-product-story-generation__style-select {
  display: grid;
  gap: 0.35rem;
}

.sw-product-story-generation__style-select > span {
  color: #334155;
  font-size: 0.72rem;
  font-weight: 850;
}

.sw-product-story-generation__style-select select {
  min-height: 2.45rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid #dce4ef;
  border-radius: 0.68rem;
  background: #fff;
  color: #172033;
  font: inherit;
  font-size: 0.74rem;
}

.sw-product-story-generation__style-select small {
  color: #b45309;
  font-size: 0.65rem;
}

.sw-product-story-generation__create {
  justify-content: center;
  min-height: 2.75rem;
}

.sw-product-story-generation__task-list {
  padding-top: 0.25rem;
}

.sw-product-story-generation__task-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #334155;
  font-size: 0.72rem;
}

.sw-product-story-generation__task-list-head small {
  color: #94a3b8;
}

.sw-product-story-generation__task-list > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.62rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #fff;
  color: #263548;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-generation__task-list > button[data-selected='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
}

.sw-product-story-generation__task-list > p {
  margin: 0;
  padding: 0.8rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.7rem;
  color: #718096;
  font-size: 0.7rem;
}

.sw-product-story-generation__execution {
  display: grid;
  gap: 0.65rem;
  padding-top: 0.7rem;
  border-top: 1px solid #e7ecf2;
}

.sw-product-story-generation__return-actions {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.sw-product-story-generation__return-actions button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.2rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid #dce4ef;
  border-radius: 0.65rem;
  background: #fff;
  color: #526174;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-generation__return-actions svg {
  width: 0.9rem;
  height: 0.9rem;
}

.sw-product-story-generation__confirm,
.sw-product-story-generation__paste {
  display: grid;
  gap: 0.55rem;
  padding: 0.75rem;
  border: 1px solid #e8c77a;
  border-radius: 0.76rem;
  background: #fff9e9;
}

.sw-product-story-generation__confirm {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

.sw-product-story-generation__confirm > div {
  display: grid;
  gap: 0.18rem;
}

.sw-product-story-generation__confirm p {
  color: #725622;
  font-size: 0.68rem;
  line-height: 1.45;
}

.sw-product-story-generation__confirm > button {
  min-height: 2.2rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid #d9c17e;
  border-radius: 0.62rem;
  background: #fff;
  color: #5f4d25;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-generation__confirm > button[data-primary='true'] {
  border-color: #9b7425;
  background: #9b7425;
  color: #fff;
}

.sw-product-story-generation__paste label {
  display: grid;
  gap: 0.35rem;
  color: #5f4d25;
  font-size: 0.7rem;
  font-weight: 800;
}

.sw-product-story-generation__paste textarea {
  min-height: 14rem;
  resize: vertical;
  padding: 0.7rem;
  border: 1px solid #d9c17e;
  border-radius: 0.65rem;
  background: #fff;
  color: #172033;
  font: 0.7rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.sw-product-story-generation__result-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.45rem;
  min-height: 18rem;
  padding: 1.2rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.78rem;
  color: #718096;
  text-align: center;
}

.sw-product-story-generation__result-empty svg {
  width: 1.7rem;
  height: 1.7rem;
  color: #3b82f6;
}

.sw-product-story-generation__result-empty p {
  font-size: 0.68rem;
  line-height: 1.5;
}

.sw-product-story-generation__style-results > header small,
.sw-product-story-generation__target-results > header small,
.sw-product-story-generation__style-results > small {
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.45;
}

.sw-product-story-generation__style-results > div {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: 0.5rem;
  padding: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.72rem;
  background: #f8fafc;
}

.sw-product-story-generation__style-results > div > b {
  color: #94a3b8;
  font-size: 0.64rem;
}

.sw-product-story-generation__style-results > div > span {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-generation__style-results > div strong {
  font-size: 0.72rem;
}

.sw-product-story-generation__style-results > div small {
  color: #718096;
  font-size: 0.62rem;
}

.sw-product-story-generation__target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.sw-product-story-generation__target-grid figure {
  display: grid;
  min-width: 0;
  gap: 0.35rem;
  margin: 0;
  padding: 0.38rem;
  border: 1px solid #dce4ef;
  border-radius: 0.72rem;
  background: #fff;
}

.sw-product-story-generation__target-grid figure > div {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 8rem;
  overflow: hidden;
  border-radius: 0.55rem;
  background: #eef2f7;
  color: #94a3b8;
}

.sw-product-story-generation__target-grid figure > div[data-kind='mobile_overview'] {
  aspect-ratio: 3 / 4;
}

.sw-product-story-generation__target-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-product-story-generation__target-grid figure > div > svg:last-child {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  width: 1.3rem;
  height: 1.3rem;
  padding: 0.22rem;
  border-radius: 999px;
  background: rgb(15 23 42 / 0.72);
  color: #fff;
}

.sw-product-story-generation__target-grid figcaption {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-generation__target-grid figcaption strong,
.sw-product-story-generation__target-grid figcaption small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-generation__target-grid figcaption strong {
  font-size: 0.66rem;
}

.sw-product-story-generation__target-grid figcaption small {
  color: #b45309;
  font-size: 0.58rem;
}

.sw-product-story-generation__target-boundary,
.sw-product-story-generation__result-summary {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  padding: 0.7rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.72rem;
  background: #eff6ff;
  color: #1e4d86;
}

.sw-product-story-generation__target-boundary svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.sw-product-story-generation__target-boundary span {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-generation__target-boundary strong {
  font-size: 0.68rem;
}

.sw-product-story-generation__target-boundary small {
  color: #4f6f96;
  font-size: 0.61rem;
  line-height: 1.45;
}

.sw-product-story-generation__result-summary {
  display: grid;
  gap: 0.18rem;
  color: #365b8f;
  font-size: 0.65rem;
}

.sw-product-story-generation__spin {
  animation: sw-product-story-generation-spin 0.9s linear infinite;
}

@keyframes sw-product-story-generation-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1320px) {
  .sw-product-story-generation__grid {
    grid-template-columns: minmax(14rem, 17rem) minmax(30rem, 1fr);
  }

  .sw-product-story-generation__results {
    position: static;
    grid-column: 1 / -1;
    max-height: none;
  }
}

@media (max-width: 820px) {
  .sw-product-story-generation__toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-generation__grid,
  .sw-product-story-generation__type-grid,
  .sw-product-story-generation__execution-grid,
  .sw-product-story-brief__lists {
    grid-template-columns: 1fr;
  }

  .sw-product-story-generation__sources,
  .sw-product-story-generation__results {
    position: static;
    max-height: none;
  }

  .sw-product-story-generation__confirm {
    grid-template-columns: 1fr 1fr;
  }

  .sw-product-story-generation__confirm > div {
    grid-column: 1 / -1;
  }

  .sw-product-story-brief__media-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sw-product-story-brief__footer {
    align-items: stretch;
    flex-direction: column;
  }
}

.sw-product-story-generation__copy-buffer {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.76rem;
  background: #eff6ff;
}

.sw-product-story-generation__copy-buffer > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: #1e4d86;
  font-size: 0.72rem;
}

.sw-product-story-generation__copy-buffer button {
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 850;
  cursor: pointer;
}

.sw-product-story-generation__copy-buffer textarea {
  min-height: 14rem;
  resize: vertical;
  padding: 0.7rem;
  border: 1px solid #93c5fd;
  border-radius: 0.65rem;
  background: #fff;
  color: #172033;
  font: 0.68rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.sw-product-story-generation__copy-buffer small {
  color: #4f6f96;
  font-size: 0.62rem;
  line-height: 1.45;
}

.sw-product-story-generation__scope-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
  padding: 0.32rem;
  border: 1px solid #dce4ef;
  border-radius: 0.88rem;
  background: #f3f6fa;
}

.sw-product-story-recovery {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}

.sw-product-story-recovery__head,
.sw-product-story-recovery__readback,
.sw-product-story-recovery__grid > section {
  border: 1px solid #dce4ef;
  border-radius: 0.9rem;
  background: #fff;
}

.sw-product-story-recovery__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
}

.sw-product-story-recovery__head > div {
  display: grid;
  gap: 0.25rem;
}

.sw-product-story-recovery__head h4,
.sw-product-story-recovery__head p {
  margin: 0;
}

.sw-product-story-recovery__head h4 {
  color: #172033;
  font-size: 1rem;
}

.sw-product-story-recovery__head p {
  max-width: 54rem;
  color: #718096;
  font-size: 0.7rem;
  line-height: 1.5;
}

.sw-product-story-recovery__readback {
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem;
  background: #fff9e9;
  border-color: #f0c578;
}

.sw-product-story-recovery__readback[data-ready='true'] {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.sw-product-story-recovery__readback > header,
.sw-product-story-recovery__grid > section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-recovery__readback > header > span,
.sw-product-story-recovery__grid > section > header > span {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.sw-product-story-recovery__readback header svg,
.sw-product-story-recovery__grid header svg {
  width: 1rem;
  height: 1rem;
  color: #2563eb;
}

.sw-product-story-recovery__readback strong,
.sw-product-story-recovery__grid strong {
  color: #172033;
  font-size: 0.72rem;
}

.sw-product-story-recovery__readback > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.sw-product-story-recovery__readback article {
  display: grid;
  gap: 0.1rem;
  padding: 0.62rem;
  border: 1px solid #f0c578;
  border-radius: 0.62rem;
  background: #fff;
}

.sw-product-story-recovery__readback article[data-ready='true'] {
  border-color: #bbf7d0;
}

.sw-product-story-recovery__readback article b {
  color: #172033;
  font-size: 0.85rem;
}

.sw-product-story-recovery__readback article small,
.sw-product-story-recovery__readback > p,
.sw-product-story-recovery__grid p,
.sw-product-story-recovery__grid label > span {
  color: #64748b;
  font-size: 0.59rem;
  line-height: 1.45;
}

.sw-product-story-recovery__readback > p,
.sw-product-story-recovery__grid p {
  margin: 0;
}

.sw-product-story-recovery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 0.75rem;
}

.sw-product-story-recovery__grid > section {
  display: grid;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.85rem;
}

.sw-product-story-recovery__grid label {
  display: grid;
  gap: 0.25rem;
}

.sw-product-story-recovery__thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.55rem;
}

.sw-product-story-recovery__thumbnail-grid > button {
  display: grid;
  min-width: 0;
  gap: 0.45rem;
  padding: 0.5rem;
  border: 1px solid #dce4ef;
  border-radius: 0.7rem;
  background: #fff;
  color: #334155;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-recovery__thumbnail-grid > button[data-selected='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #3b82f6;
}

.sw-product-story-recovery__thumbnail-grid > button > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-recovery__thumbnail-grid strong,
.sw-product-story-recovery__thumbnail-grid small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-recovery__thumbnail-grid strong {
  font-size: 0.66rem;
}

.sw-product-story-recovery__thumbnail-grid small {
  color: #64748b;
  font-size: 0.56rem;
}

.sw-product-story-recovery__thumbnail {
  position: relative;
  display: block !important;
  width: 100%;
  height: 6rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 0.55rem;
  background: #f8fafc;
  pointer-events: none;
}

.sw-product-story-recovery__thumbnail > article {
  width: 40rem;
  min-height: 28rem;
  transform: scale(0.25);
  transform-origin: left top;
}

.sw-product-story-recovery__thumbnail > svg {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 1.4rem;
  height: 1.4rem;
  color: #94a3b8;
  transform: translate(-50%, -50%);
}

.sw-product-story-recovery__grid select {
  width: 100%;
  min-height: 2.35rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.58rem;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 0.65rem;
}

.sw-product-story-recovery__compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 0.35rem;
}

.sw-product-story-recovery__compare > article,
.sw-product-story-recovery__facts > span,
.sw-product-story-recovery__assembly-summary {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
  padding: 0.52rem;
  border-radius: 0.55rem;
  background: #f8fafc;
}

.sw-product-story-recovery__compare > span {
  align-self: center;
  color: #94a3b8;
}

.sw-product-story-recovery__compare p {
  color: #334155;
  overflow-wrap: anywhere;
}

.sw-product-story-recovery__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
}

.sw-product-story-recovery__facts small,
.sw-product-story-recovery__assembly-summary small {
  color: #64748b;
  font-size: 0.53rem;
}

.sw-product-story-recovery__facts b,
.sw-product-story-recovery__assembly-summary code {
  overflow: hidden;
  color: #334155;
  font-size: 0.61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-recovery__grid .sw-products-action {
  width: 100%;
}

.sw-product-story-recovery .sw-product-story-generation__target-boundary {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.sw-product-story-recovery .sw-product-story-generation__target-boundary button {
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 850;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-generation__scope-tabs > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.35rem;
  padding: 0.55rem 0.8rem;
  border: 0;
  border-radius: 0.68rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  cursor: pointer;
}

.sw-product-story-generation__scope-tabs > button[aria-selected='true'] {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 2px 8px rgb(15 23 42 / 0.1);
}

.sw-product-story-generation__scope-tabs svg {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
}

.sw-product-story-generation__scope-tabs span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
  text-align: left;
}

.sw-product-story-generation__scope-tabs strong {
  font-size: 0.78rem;
}

.sw-product-story-generation__scope-tabs small {
  color: #718096;
  font-size: 0.62rem;
}

.sw-product-story-section-generation {
  display: grid;
  min-width: 0;
  gap: 0.8rem;
}

.sw-product-story-section-generation__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid #dce4ef;
  border-radius: 0.9rem;
  background: #fff;
}

.sw-product-story-section-generation__head > div {
  display: grid;
  gap: 0.25rem;
}

.sw-product-story-section-generation__head h4,
.sw-product-story-section-generation__head p {
  margin: 0;
}

.sw-product-story-section-generation__head h4 {
  color: #172033;
  font-size: 1rem;
}

.sw-product-story-section-generation__head p {
  max-width: 52rem;
  color: #718096;
  font-size: 0.7rem;
  line-height: 1.5;
}

.sw-product-story-section-generation__grid {
  display: grid;
  grid-template-columns: minmax(13.5rem, 16rem) minmax(24rem, 0.72fr) minmax(31rem, 1.28fr);
  align-items: start;
  gap: 0.75rem;
  min-width: 0;
}

.sw-product-story-section-generation[data-embedded='true'] .sw-product-story-section-generation__grid {
  grid-template-columns: minmax(0, 1fr);
}

.sw-product-story-section-generation[data-embedded='true'] .sw-product-story-section-generation__sections {
  display: none;
}

.sw-product-story-section-generation[data-embedded='true'] .sw-product-story-section-generation__preview {
  position: static;
  grid-column: 1;
  grid-row: 1;
  max-height: none;
}

.sw-product-story-section-generation[data-embedded='true'] .sw-product-story-section-generation__tasks {
  grid-column: 1;
  grid-row: 2;
}

.sw-product-story-section-generation[data-embedded='true'] .sw-product-story-section-generation__preview-comparison {
  grid-template-columns: repeat(2, minmax(18rem, 1fr));
}

.sw-product-story-section-generation__merchant-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.9rem;
  background: #eff6ff;
}

.sw-product-story-section-generation__merchant-action > div {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.sw-product-story-section-generation__merchant-action span,
.sw-product-story-section-generation__merchant-action small,
.sw-product-story-section-generation__merchant-action p {
  color: #4f6f96;
  font-size: 0.64rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__merchant-action strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__merchant-action p {
  grid-column: 1 / -1;
  margin: 0;
}

.sw-product-story-section-generation__history-drawer,
.sw-product-story-section-generation__detail-drawer {
  min-width: 0;
}

.sw-product-story-section-generation__detail-drawer > .sw-product-story-section-generation__version-receipt,
.sw-product-story-section-generation__detail-drawer > .sw-product-story-section-generation__diff {
  margin: 0.7rem;
}

.sw-product-story-section-generation__sections,
.sw-product-story-section-generation__tasks,
.sw-product-story-section-generation__preview {
  display: grid;
  min-width: 0;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid #dce4ef;
  border-radius: 0.9rem;
  background: #fff;
}

.sw-product-story-section-generation__sections,
.sw-product-story-section-generation__preview {
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
}

.sw-product-story-section-generation__section-list,
.sw-product-story-section-generation__candidate-list {
  display: grid;
  gap: 0.38rem;
}

.sw-product-story-section-generation__section-list > button,
.sw-product-story-section-generation__candidate-list > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.58rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #f8fafc;
  color: #334155;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-section-generation__candidate-list > button {
  grid-template-columns: 6.5rem minmax(0, 1fr) auto;
}

.sw-product-story-section-generation__candidate-thumbnail {
  position: relative;
  display: block !important;
  width: 6.5rem;
  height: 4.1rem;
  overflow: hidden;
  border: 1px solid #dbe4ef;
  border-radius: 0.5rem;
  background: #fff;
  pointer-events: none;
}

.sw-product-story-section-generation__candidate-thumbnail > article {
  width: 34rem;
  min-height: 22rem;
  transform: scale(0.19);
  transform-origin: left top;
}

.sw-product-story-section-generation__candidate-thumbnail > svg {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 1.2rem;
  height: 1.2rem;
  color: #94a3b8;
  transform: translate(-50%, -50%);
}

.sw-product-story-section-generation__candidate-thumbnail[data-state='stale'],
.sw-product-story-section-generation__candidate-thumbnail[data-state='invalid'] {
  background: #fff9e9;
}

.sw-product-story-section-generation__section-list > button[data-selected='true'],
.sw-product-story-section-generation__candidate-list > button[data-selected='true'] {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: inset 3px 0 #2563eb;
}

.sw-product-story-section-generation__section-list b,
.sw-product-story-section-generation__candidate-list b {
  color: #94a3b8;
  font-size: 0.62rem;
}

.sw-product-story-section-generation__section-list span,
.sw-product-story-section-generation__candidate-list span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-section-generation__section-list strong,
.sw-product-story-section-generation__candidate-list strong {
  overflow: hidden;
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__section-list small,
.sw-product-story-section-generation__candidate-list small {
  overflow: hidden;
  color: #718096;
  font-size: 0.58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__section-list svg,
.sw-product-story-section-generation__candidate-list svg {
  width: 0.9rem;
  height: 0.9rem;
  color: #16a34a;
}

.sw-product-story-section-generation__source-card {
  display: grid;
  gap: 0.2rem;
  padding: 0.68rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.72rem;
  background: #eff6ff;
}

.sw-product-story-section-generation__source-card strong {
  color: #1e4d86;
  font-size: 0.7rem;
}

.sw-product-story-section-generation__source-card span,
.sw-product-story-section-generation__source-card small {
  color: #4f6f96;
  font-size: 0.61rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__source-card img {
  width: 100%;
  max-height: 9rem;
  object-fit: contain;
  border-radius: 0.55rem;
  background: #fff;
}

.sw-product-story-section-generation__source-card button {
  justify-self: start;
  margin-top: 0.25rem;
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-size: 0.64rem;
  font-weight: 850;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-section-generation__tasks > .sw-products-action {
  width: 100%;
}

.sw-product-story-section-generation__preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem;
}

.sw-product-story-section-generation__preview-head > div:first-child {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-section-generation__preview-head span {
  color: #3b82f6;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.sw-product-story-section-generation__preview-head h4 {
  margin: 0;
  color: #172033;
  font-size: 0.82rem;
}

.sw-product-story-section-generation__preview-head > div:last-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
  padding: 0.2rem;
  border: 1px solid #dce4ef;
  border-radius: 0.65rem;
  background: #f4f7fb;
}

.sw-product-story-section-generation__preview-head > div:last-child button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 1.9rem;
  padding: 0.35rem 0.5rem;
  border: 0;
  border-radius: 0.48rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-section-generation__preview-head > div:last-child button[aria-pressed='true'] {
  background: #fff;
  color: #2563eb;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.12);
}

.sw-product-story-section-generation__preview-head svg {
  width: 0.82rem;
  height: 0.82rem;
}

.sw-product-story-section-generation__candidate-empty,
.sw-product-story-section-generation__preview-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.42rem;
  min-height: 6rem;
  padding: 0.8rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.72rem;
  background: #f8fafc;
  color: #718096;
  text-align: center;
}

.sw-product-story-section-generation__candidate-empty {
  grid-template-columns: auto 1fr;
  place-items: center start;
  min-height: 3rem;
  text-align: left;
  font-size: 0.66rem;
}

.sw-product-story-section-generation__preview-empty {
  min-height: 24rem;
}

.sw-product-story-section-generation__current-preview {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

.sw-product-story-section-generation__current-preview > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.72rem;
  background: #eff6ff;
}

.sw-product-story-section-generation__current-preview > header > div {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-section-generation__current-preview > header span,
.sw-product-story-section-generation__current-preview > header small {
  color: #4f6f96;
  font-size: 0.59rem;
}

.sw-product-story-section-generation__current-preview > header strong {
  color: #172033;
  font-size: 0.75rem;
}

.sw-product-story-section-generation__preview-empty[data-state='stale'] {
  border-color: #f0c578;
  background: #fff9e9;
  color: #7c5b20;
}

.sw-product-story-section-generation__preview-empty svg {
  width: 1.5rem;
  height: 1.5rem;
}

.sw-product-story-section-generation__preview-empty strong,
.sw-product-story-section-generation__preview-empty p {
  margin: 0;
}

.sw-product-story-section-generation__preview-empty strong {
  font-size: 0.76rem;
}

.sw-product-story-section-generation__preview-empty p {
  max-width: 26rem;
  font-size: 0.64rem;
  line-height: 1.5;
}

.sw-product-story-section-generation__preview-shell {
  min-height: 34rem;
  max-height: 58rem;
  padding: 0.7rem;
}

.sw-product-story-section-generation__preview-shell .sw-product-story-style-preview-page {
  width: min(48rem, 100%);
}

.sw-product-story-section-generation__version-receipt,
.sw-product-story-section-generation__diff,
.sw-product-story-section-generation__apply {
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem;
  border: 1px solid #dce4ef;
  border-radius: 0.78rem;
  background: #f8fafc;
}

.sw-product-story-section-generation__version-receipt > header,
.sw-product-story-section-generation__diff > header,
.sw-product-story-section-generation__apply > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-section-generation__version-receipt > header > span,
.sw-product-story-section-generation__apply > header > span {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.sw-product-story-section-generation__version-receipt > header svg,
.sw-product-story-section-generation__apply > header svg {
  width: 1rem;
  height: 1rem;
  color: #16a34a;
}

.sw-product-story-section-generation__version-receipt > header span span,
.sw-product-story-section-generation__apply > header span span,
.sw-product-story-section-generation__diff > header > div {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-section-generation__version-receipt strong,
.sw-product-story-section-generation__apply strong,
.sw-product-story-section-generation__diff h5 {
  margin: 0;
  color: #172033;
  font-size: 0.72rem;
}

.sw-product-story-section-generation__version-receipt small,
.sw-product-story-section-generation__apply small,
.sw-product-story-section-generation__diff > header span {
  color: #64748b;
  font-size: 0.58rem;
}

.sw-product-story-section-generation__diff > header span {
  color: #2563eb;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.sw-product-story-section-generation__version-receipt dl,
.sw-product-story-section-generation__apply dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0;
}

.sw-product-story-section-generation__version-receipt dl > div,
.sw-product-story-section-generation__apply dl > div {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  padding: 0.48rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.58rem;
  background: #fff;
}

.sw-product-story-section-generation__version-receipt dt,
.sw-product-story-section-generation__apply dt {
  color: #64748b;
  font-size: 0.55rem;
  font-weight: 800;
}

.sw-product-story-section-generation__version-receipt dd,
.sw-product-story-section-generation__apply dd {
  overflow: hidden;
  margin: 0;
  color: #334155;
  font-size: 0.62rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__version-receipt > p,
.sw-product-story-section-generation__apply > p {
  margin: 0;
  color: #166534;
  font-size: 0.58rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__apply[data-state='applied'] {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.sw-product-story-section-generation__apply[data-state='blocked'] {
  border-color: #f0c578;
  background: #fff9e9;
}

.sw-product-story-section-generation__apply > .sw-products-action {
  width: 100%;
}

.sw-product-story-section-generation__apply[data-state='applied'] > p {
  color: #166534;
}

.sw-product-story-section-generation__apply[data-state='blocked'] small {
  color: #7c5b20;
}

.sw-product-story-section-generation__history {
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.78rem;
  background: #f8fafc;
}

.sw-product-story-section-generation__history > header,
.sw-product-story-section-generation__restore-plan > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
}

.sw-product-story-section-generation__history > header > span {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.sw-product-story-section-generation__history > header svg {
  width: 1rem;
  height: 1rem;
  color: #2563eb;
}

.sw-product-story-section-generation__history > header span span,
.sw-product-story-section-generation__restore-plan > header > div {
  display: grid;
  gap: 0.08rem;
}

.sw-product-story-section-generation__history strong,
.sw-product-story-section-generation__restore-plan h5 {
  margin: 0;
  color: #172033;
  font-size: 0.72rem;
}

.sw-product-story-section-generation__history small,
.sw-product-story-section-generation__restore-plan > header span {
  color: #64748b;
  font-size: 0.58rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__restore-plan > header span {
  color: #2563eb;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.sw-product-story-section-generation__history-list {
  display: grid;
  gap: 0.38rem;
  max-height: 18rem;
  overflow: auto;
}

.sw-product-story-section-generation__history-list > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.58rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #fff;
  color: #334155;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-section-generation__history-list > button[data-selected='true'] {
  border-color: #93c5fd;
  background: #eff6ff;
  box-shadow: inset 3px 0 #2563eb;
}

.sw-product-story-section-generation__history-list > button[data-current='true'] {
  border-color: #bbf7d0;
  background: #f0fdf4;
  cursor: default;
}

.sw-product-story-section-generation__history-list > button > span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.sw-product-story-section-generation__history-list b,
.sw-product-story-section-generation__history-list strong,
.sw-product-story-section-generation__history-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__history-list b {
  color: #64748b;
  font-size: 0.62rem;
}

.sw-product-story-section-generation__history-list strong {
  font-size: 0.66rem;
}

.sw-product-story-section-generation__history-list small {
  color: #718096;
  font-size: 0.56rem;
}

.sw-product-story-section-generation__history-list svg {
  width: 0.9rem;
  height: 0.9rem;
  color: #2563eb;
}

.sw-product-story-section-generation__history-error,
.sw-product-story-section-generation__history-empty {
  margin: 0;
  padding: 0.58rem;
  border-radius: 0.58rem;
  background: #fff;
  color: #64748b;
  font-size: 0.6rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__history-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid #fecaca;
  color: #991b1b;
}

.sw-product-story-section-generation__history-error button {
  border: 0;
  background: transparent;
  color: #b91c1c;
  font: inherit;
  font-weight: 850;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-section-generation__restore-plan {
  display: grid;
  gap: 0.65rem;
  padding: 0.7rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.68rem;
  background: #fff;
}

.sw-product-story-section-generation__restore-plan dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 0;
}

.sw-product-story-section-generation__restore-plan dl > div {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  padding: 0.45rem;
  border-radius: 0.5rem;
  background: #f8fafc;
}

.sw-product-story-section-generation__restore-plan dt {
  color: #64748b;
  font-size: 0.54rem;
  font-weight: 800;
}

.sw-product-story-section-generation__restore-plan dd {
  overflow: hidden;
  margin: 0;
  color: #334155;
  font-size: 0.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__restore-plan > p {
  margin: 0;
  color: #475569;
  font-size: 0.58rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__restore-plan > .sw-products-action {
  width: 100%;
}

.sw-product-story-section-generation__restore-plan
.sw-product-story-section-generation__preview-comparison {
  grid-template-columns: repeat(2, minmax(18rem, 1fr));
}

.sw-product-story-section-generation__diff-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem;
}

.sw-product-story-section-generation__diff-summary span {
  display: grid;
  place-items: center;
  gap: 0.04rem;
  padding: 0.42rem;
  border-radius: 0.55rem;
  background: #fff;
  color: #64748b;
  font-size: 0.55rem;
  text-align: center;
}

.sw-product-story-section-generation__diff-summary b {
  color: #172033;
  font-size: 0.82rem;
}

.sw-product-story-section-generation__diff-rows {
  display: grid;
  gap: 0.4rem;
  max-height: 24rem;
  overflow: auto;
}

.sw-product-story-section-generation__diff-rows > article {
  display: grid;
  gap: 0.42rem;
  padding: 0.58rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.62rem;
  background: #fff;
}

.sw-product-story-section-generation__diff-rows > article[data-change='preserved'] {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.sw-product-story-section-generation__diff-rows article > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.4rem;
}

.sw-product-story-section-generation__diff-rows article > header span,
.sw-product-story-section-generation__diff-rows article > header b {
  font-size: 0.55rem;
}

.sw-product-story-section-generation__diff-rows article > header span {
  color: #2563eb;
  font-weight: 850;
}

.sw-product-story-section-generation__diff-rows article > header b {
  color: #475569;
}

.sw-product-story-section-generation__diff-rows article > header code {
  overflow: hidden;
  color: #334155;
  font-size: 0.58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-section-generation__diff-rows article > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 0.35rem;
}

.sw-product-story-section-generation__diff-rows article > div > span {
  display: grid;
  align-content: start;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.42rem;
  border-radius: 0.48rem;
  background: #f8fafc;
}

.sw-product-story-section-generation__diff-rows article > div small {
  color: #64748b;
  font-size: 0.52rem;
}

.sw-product-story-section-generation__diff-rows article > div code {
  overflow-wrap: anywhere;
  color: #172033;
  font-size: 0.58rem;
  line-height: 1.4;
  white-space: pre-wrap;
}

.sw-product-story-section-generation__diff-rows article > div i {
  align-self: center;
  color: #94a3b8;
  font-style: normal;
}

.sw-product-story-section-generation__diff-rows article > p,
.sw-product-story-section-generation__diff-empty {
  margin: 0;
  color: #64748b;
  font-size: 0.56rem;
  line-height: 1.45;
}

.sw-product-story-section-generation__preview-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(22rem, 1fr));
  align-items: start;
  gap: 0.65rem;
  overflow-x: auto;
}

.sw-product-story-section-generation__preview-pane {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
}

.sw-product-story-section-generation__preview-pane > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0.15rem;
}

.sw-product-story-section-generation__preview-pane > header strong {
  color: #172033;
  font-size: 0.68rem;
}

.sw-product-story-section-generation__preview-pane > header small {
  color: #64748b;
  font-size: 0.56rem;
}

.sw-product-story-section-generation__preview-comparison .sw-product-story-section-generation__preview-shell {
  min-height: 28rem;
  max-height: 48rem;
}

.sw-product-story-section-generation__preview-comparison[data-preview-mode='mobile']
.sw-product-story-section-generation__preview-shell .sw-product-story-style-preview-page {
  width: min(24rem, 100%);
}

@media (max-width: 1460px) {
  .sw-product-story-recovery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-story-section-generation__grid {
    grid-template-columns: minmax(13rem, 16rem) minmax(26rem, 1fr);
  }

  .sw-product-story-section-generation__preview {
    position: static;
    grid-column: 1 / -1;
    max-height: none;
  }
}

@media (max-width: 900px) {
  .sw-product-story-generation__scope-tabs,
  .sw-product-story-recovery__grid,
  .sw-product-story-recovery__readback > div,
  .sw-product-story-section-generation__grid {
    grid-template-columns: 1fr;
  }

  .sw-product-story-recovery__head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-recovery__compare {
    grid-template-columns: 1fr;
  }

  .sw-product-story-recovery__compare > span {
    justify-self: center;
    transform: rotate(90deg);
  }

  .sw-product-story-recovery .sw-product-story-generation__target-boundary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .sw-product-story-recovery .sw-product-story-generation__target-boundary button {
    grid-column: 2;
    justify-self: start;
  }

  .sw-product-story-section-generation__head,
  .sw-product-story-section-generation__preview-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-section-generation__sections,
  .sw-product-story-section-generation__preview {
    position: static;
    max-height: none;
  }

  .sw-product-story-section-generation__preview {
    grid-column: auto;
  }

  .sw-product-story-section-generation__version-receipt dl,
  .sw-product-story-section-generation__preview-comparison {
    grid-template-columns: 1fr;
  }

  .sw-product-story-section-generation__merchant-action {
    grid-template-columns: 1fr;
  }

  .sw-product-story-section-generation__merchant-action .sw-products-action {
    justify-content: center;
    width: 100%;
  }

  .sw-product-story-section-generation__diff-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-story-section-generation__diff-rows article > div {
    grid-template-columns: 1fr;
  }

  .sw-product-story-section-generation__diff-rows article > div i {
    justify-self: center;
    transform: rotate(90deg);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/product-story-style-workbench.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.sw-product-story-style-workbench {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.sw-product-story-style-workbench__toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--sw-border-subtle, #dbe3ee);
  border-radius: 1rem;
  background: var(--sw-surface, #fff);
}

.sw-product-story-style-workbench__toolbar h3,
.sw-product-story-style-workbench__toolbar p,
.sw-product-story-style-column-head h4,
.sw-product-story-style-stage__head h4 {
  margin: 0;
}

.sw-product-story-style-workbench__toolbar > div:first-child {
  display: grid;
  gap: 0.28rem;
}

.sw-product-story-style-workbench__toolbar > div:first-child > p:last-child {
  color: var(--sw-text-muted, #64748b);
  max-width: 52rem;
}

.sw-product-story-style-back {
  width: fit-content;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--sw-link, #1d4ed8);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.sw-product-story-style-workbench__toolbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.sw-product-story-style-status {
  display: inline-flex;
  align-items: center;
  min-height: 2.2rem;
  padding: 0 0.75rem;
  border: 1px solid #d8e1ec;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
}

.sw-product-story-style-status[data-active='true'] {
  border-color: #9ed4b3;
  background: #ecfdf3;
  color: #167044;
}

.sw-product-story-style-preview-toggle,
.sw-product-story-style-segmented {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.18rem;
  padding: 0.18rem;
  border: 1px solid #dce4ef;
  border-radius: 0.72rem;
  background: #f4f7fb;
}

.sw-product-story-style-preview-toggle button,
.sw-product-story-style-segmented button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2rem;
  padding: 0.34rem 0.62rem;
  border: 0;
  border-radius: 0.55rem;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 800;
  cursor: pointer;
}

.sw-product-story-style-preview-toggle button[aria-pressed='true'],
.sw-product-story-style-segmented button[aria-pressed='true'] {
  background: #fff;
  color: #172033;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.12);
}

.sw-product-story-style-preview-toggle svg,
.sw-product-story-style-stage__actions svg,
.sw-product-story-style-generate-card svg {
  width: 1rem;
  height: 1rem;
}

.sw-product-story-style-notice {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid #b6d9c1;
  border-radius: 0.8rem;
  background: #effbf3;
  color: #17633d;
  font-size: 0.84rem;
  font-weight: 700;
}

.sw-product-story-style-notice[data-tone='danger'] {
  border-color: #efb9b9;
  background: #fff3f3;
  color: #a53030;
}

.sw-product-story-style-notice svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.sw-product-story-style-notice button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.sw-product-story-style-workbench__grid {
  display: grid;
  grid-template-columns: minmax(14rem, 17rem) minmax(32rem, 1fr) minmax(17rem, 20rem);
  align-items: start;
  gap: 0.9rem;
  min-width: 0;
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-workbench__toolbar {
  padding: 0.85rem 0.95rem;
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-back {
  display: none;
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-workbench__grid {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-versions {
  display: none;
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-stage {
  grid-column: 1;
}

.sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-controls {
  grid-column: 2;
}

.sw-product-story-style-versions,
.sw-product-story-style-stage,
.sw-product-story-style-controls {
  min-width: 0;
  border: 1px solid #dce4ef;
  border-radius: 1rem;
  background: #fff;
}

.sw-product-story-style-versions,
.sw-product-story-style-controls {
  position: sticky;
  top: 0.75rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 0.85rem;
}

.sw-product-story-style-column-head,
.sw-product-story-style-stage__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.sw-product-story-style-column-head {
  position: sticky;
  top: -0.85rem;
  z-index: 2;
  margin: -0.85rem -0.85rem 0.75rem;
  padding: 0.85rem;
  border-bottom: 1px solid #e6ebf2;
  background: rgb(255 255 255 / 0.96);
  backdrop-filter: blur(8px);
}

.sw-product-story-style-column-head > span {
  display: inline-flex;
  padding: 0.2rem 0.48rem;
  border-radius: 999px;
  background: #eef3f8;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
  white-space: nowrap;
}

.sw-product-story-style-empty {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 0.8rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.8rem;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.8rem;
}

.sw-product-story-style-empty p {
  margin: 0;
}

.sw-product-story-style-version-group {
  display: grid;
  gap: 0.42rem;
  margin-bottom: 0.9rem;
}

.sw-product-story-style-version-group__label {
  color: #94a3b8;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.sw-product-story-style-version-card {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.62rem;
  width: 100%;
  padding: 0.58rem;
  border: 1px solid #e0e7f0;
  border-radius: 0.76rem;
  background: #fff;
  color: #172033;
  text-align: left;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.sw-product-story-style-version-card:hover {
  transform: translateY(-1px);
  border-color: #adc3df;
}

.sw-product-story-style-version-card[data-selected='true'] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.12);
}

.sw-product-story-style-version-card[data-active='true'] {
  background: #f2fbf6;
}

.sw-product-story-style-version-card__swatches {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  border: 1px solid rgb(15 23 42 / 0.12);
  border-radius: 0.55rem;
}

.sw-product-story-style-version-card__swatches i {
  min-width: 0;
}

.sw-product-story-style-version-card__copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.sw-product-story-style-version-card__copy > span {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.sw-product-story-style-version-card__copy b {
  font-size: 0.7rem;
}

.sw-product-story-style-version-card__copy em {
  padding: 0.12rem 0.36rem;
  border-radius: 999px;
  background: #dff7e8;
  color: #167044;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 800;
}

.sw-product-story-style-version-card__copy strong,
.sw-product-story-style-version-card__copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-style-version-card__copy strong {
  font-size: 0.82rem;
}

.sw-product-story-style-version-card__copy small {
  color: #718096;
  font-size: 0.65rem;
}

.sw-product-story-style-stage {
  padding: 0.85rem;
}

.sw-product-story-style-stage__head {
  align-items: center;
  padding-bottom: 0.75rem;
}

.sw-product-story-style-stage__head > div:first-child {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.sw-product-story-style-stage__head > div:first-child span {
  overflow: hidden;
  color: #64748b;
  font-size: 0.73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-style-stage__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

.sw-product-story-style-spec-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 0.7rem;
}

.sw-product-story-style-spec-strip > div {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.55rem 0.62rem;
  border: 1px solid #e0e7f0;
  border-radius: 0.68rem;
  background: #f8fafc;
}

.sw-product-story-style-spec-strip span,
.sw-product-story-style-spec-strip small {
  overflow: hidden;
  color: #718096;
  font-size: 0.61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-style-spec-strip strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-product-story-style-preview-shell {
  display: flex;
  justify-content: center;
  min-height: 44rem;
  overflow: auto;
  padding: 1rem;
  border: 1px solid #dae2ec;
  border-radius: 0.88rem;
  background:
    linear-gradient(45deg, #eef2f6 25%, transparent 25%) 0 0 / 14px 14px,
    linear-gradient(45deg, transparent 75%, #eef2f6 75%) 0 0 / 14px 14px,
    linear-gradient(45deg, transparent 75%, #eef2f6 75%) 7px -7px / 14px 14px,
    linear-gradient(45deg, #eef2f6 25%, #f8fafc 25%) 7px 7px / 14px 14px;
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-page {
  width: min(23.5rem, 100%);
}

.sw-product-story-style-preview-page {
  --ps-style-bg: #f7f8fb;
  --ps-style-surface: #fff;
  --ps-style-panel: #f4f7fb;
  --ps-style-text: #111827;
  --ps-style-muted: #64748b;
  --ps-style-accent: #2563eb;
  --ps-style-accent-contrast: #fff;
  --ps-style-border: #dbe4f0;

  width: min(56rem, 100%);
  overflow: hidden;
  border: 1px solid var(--ps-style-border);
  border-radius: 0.7rem;
  background: var(--ps-style-bg);
  color: var(--ps-style-text);
  box-shadow: 0 18px 50px rgb(15 23 42 / 0.16);
  transition: width 180ms ease;
}

.sw-product-story-style-preview-page > main {
  min-height: 0;
  max-width: none;
  padding: clamp(1rem, 3vw, 2.25rem);
  gap: clamp(0.85rem, 2vw, 1.6rem);
  background: var(--sw-color-surface-page);
}

.sw-product-story-style-preview-page > main > section {
  min-width: 0;
  transition:
    border-radius 160ms ease,
    transform 160ms ease,
    background 160ms ease;
}

.sw-product-story-style-preview-shell[data-composition-family='minimal_luxe']
  .sw-product-story-style-preview-page > main {
  max-width: 48rem;
  padding-inline: clamp(1.5rem, 7vw, 5rem);
  gap: clamp(1.8rem, 4vw, 3.4rem);
}

.sw-product-story-style-preview-shell[data-composition-family='editorial_story']
  .sw-product-story-style-preview-page > main {
  gap: 0;
  padding: 0;
}

.sw-product-story-style-preview-shell[data-composition-family='editorial_story']
  .sw-product-story-style-preview-page > main > section {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
}

.sw-product-story-style-preview-shell[data-composition-family='technical_precision']
  .sw-product-story-style-preview-page > main {
  gap: 0.65rem;
  padding: 1rem;
}

.sw-product-story-style-preview-shell[data-composition-family='technical_precision']
  .sw-product-story-style-preview-page > main > section {
  border-radius: 0.3rem;
  box-shadow: none;
}

.sw-product-story-style-preview-shell[data-composition-family='launch_campaign']
  .sw-product-story-style-preview-page > main {
  gap: 0;
  padding: 0;
}

.sw-product-story-style-preview-shell[data-composition-family='launch_campaign']
  .sw-product-story-style-preview-page > main > section:nth-child(odd) {
  background: color-mix(in srgb, var(--sw-color-accent) 13%, var(--sw-color-surface-panel));
}

.sw-product-story-style-preview-shell[data-composition-family='launch_campaign']
  .sw-product-story-style-preview-page > main > section {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile']
  .sw-product-story-style-preview-page > main {
  padding: 0.75rem;
  gap: 0.75rem;
}

.sw-product-story-style-preview-page h2,
.sw-product-story-style-preview-page h3,
.sw-product-story-style-preview-page h4,
.sw-product-story-style-preview-page p,
.sw-product-story-style-preview-page blockquote {
  margin: 0;
}

.sw-product-story-style-preview-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(12rem, 0.95fr);
  align-items: center;
  gap: clamp(1.4rem, 4vw, 3.4rem);
  min-height: 23rem;
  padding: clamp(2rem, 5vw, 4rem);
  background: var(--ps-style-surface);
}

.sw-product-story-style-preview-hero > div:first-child {
  display: grid;
  gap: 0.8rem;
}

.sw-product-story-style-preview-hero > div:first-child > span,
.sw-product-story-style-preview-feature header > span,
.sw-product-story-style-preview-detail > div:last-child > span {
  color: var(--ps-style-accent);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sw-product-story-style-preview-hero h2 {
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.95;
}

.sw-product-story-style-preview-hero p,
.sw-product-story-style-preview-detail p,
.sw-product-story-style-preview-feature article p {
  color: var(--ps-style-muted);
  line-height: 1.65;
}

.sw-product-story-style-preview-hero button {
  width: fit-content;
  margin-top: 0.5rem;
  padding: 0.68rem 1rem;
  border: 0;
  border-radius: 0.4rem;
  background: var(--ps-style-accent);
  color: var(--ps-style-accent-contrast);
  font: inherit;
  font-size: 0.75rem;
  font-weight: 800;
}

.sw-product-story-style-preview-product {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 17rem;
  overflow: hidden;
  border: 1px solid var(--ps-style-border);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--ps-style-accent) 25%, transparent), transparent 36%),
    var(--ps-style-panel);
}

.sw-product-story-style-preview-product i {
  display: block;
  width: 2.2rem;
  height: 13rem;
  border: 1px solid color-mix(in srgb, var(--ps-style-text) 28%, transparent);
  border-radius: 999px 999px 0.65rem 0.65rem;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 0.55), transparent 26%, rgb(0 0 0 / 0.15) 78%),
    var(--ps-style-text);
  box-shadow: 0 18px 28px rgb(15 23 42 / 0.25);
  transform: rotate(24deg);
}

.sw-product-story-style-preview-product span {
  position: absolute;
  right: 0.7rem;
  bottom: 0.55rem;
  color: var(--ps-style-muted);
  font-size: 0.55rem;
  font-weight: 800;
  text-transform: uppercase;
}

.sw-product-story-style-preview-feature {
  display: grid;
  gap: 1.5rem;
  padding: clamp(2rem, 5vw, 4rem);
  background: var(--ps-style-bg);
}

.sw-product-story-style-preview-feature header {
  display: grid;
  max-width: 34rem;
  gap: 0.42rem;
}

.sw-product-story-style-preview-feature h3,
.sw-product-story-style-preview-detail h3 {
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.sw-product-story-style-preview-feature > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.sw-product-story-style-preview-feature article {
  display: grid;
  gap: 0.45rem;
  min-height: 11rem;
  padding: 1rem;
  border: 1px solid var(--ps-style-border);
  border-radius: 0.8rem;
  background: var(--ps-style-surface);
}

.sw-product-story-style-preview-feature article b {
  color: var(--ps-style-accent);
  font-size: 0.68rem;
}

.sw-product-story-style-preview-feature article h4 {
  font-size: 1rem;
}

.sw-product-story-style-preview-feature article p {
  font-size: 0.72rem;
}

.sw-product-story-style-preview-detail {
  display: grid;
  grid-template-columns: minmax(11rem, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  min-height: 20rem;
  background: var(--ps-style-surface);
}

.sw-product-story-style-preview-detail > div:first-child {
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ps-style-accent) 20%, var(--ps-style-panel)), var(--ps-style-panel));
}

.sw-product-story-style-preview-detail > div:first-child span {
  color: var(--ps-style-muted);
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.sw-product-story-style-preview-detail > div:last-child {
  display: grid;
  align-content: center;
  gap: 0.75rem;
  padding: clamp(2rem, 5vw, 4rem);
}

.sw-product-story-style-preview-proof {
  display: grid;
  gap: 0.8rem;
  padding: clamp(2rem, 5vw, 3.2rem);
  background: var(--ps-style-text);
  color: var(--ps-style-surface);
  text-align: center;
}

.sw-product-story-style-preview-proof blockquote {
  font-size: clamp(1.2rem, 2.6vw, 1.9rem);
  font-weight: 700;
  line-height: 1.35;
}

.sw-product-story-style-preview-proof span {
  color: color-mix(in srgb, var(--ps-style-surface) 65%, transparent);
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.sw-product-story-style-preview-shell[data-density='dense'] .sw-product-story-style-preview-page section {
  padding-top: 1.65rem;
  padding-bottom: 1.65rem;
}

.sw-product-story-style-preview-shell[data-intensity='expressive'] .sw-product-story-style-preview-hero {
  background:
    linear-gradient(145deg, var(--ps-style-surface), color-mix(in srgb, var(--ps-style-accent) 12%, var(--ps-style-surface)));
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-hero,
.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-detail {
  grid-template-columns: 1fr;
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-feature > div {
  grid-template-columns: 1fr;
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-hero {
  padding: 1.5rem;
}

.sw-product-story-style-preview-shell[data-preview-mode='mobile'] .sw-product-story-style-preview-hero h2 {
  font-size: 2.35rem;
}

.sw-product-story-style-stage__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  flex-wrap: wrap;
  padding-top: 0.7rem;
  color: #718096;
  font-size: 0.67rem;
  font-weight: 700;
}

.sw-product-story-style-controls {
  display: grid;
  gap: 0.78rem;
}

.sw-product-story-style-control-group {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.sw-product-story-style-control-group legend {
  margin-bottom: 0.4rem;
  color: #334155;
  font-size: 0.72rem;
  font-weight: 900;
}

.sw-product-story-style-direction-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.42rem;
}

.sw-product-story-style-direction-grid button,
.sw-product-story-style-template-list button {
  border: 1px solid #dce4ef;
  border-radius: 0.7rem;
  background: #fff;
  color: #172033;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-product-story-style-direction-grid button {
  display: grid;
  gap: 0.2rem;
  min-height: 4.15rem;
  padding: 0.62rem;
}

.sw-product-story-style-direction-grid button[aria-pressed='true'],
.sw-product-story-style-template-list button[aria-pressed='true'] {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #3b82f6;
}

.sw-product-story-style-direction-grid strong,
.sw-product-story-style-template-list strong {
  font-size: 0.74rem;
}

.sw-product-story-style-direction-grid small,
.sw-product-story-style-template-list small {
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.35;
}

.sw-product-story-style-template-list {
  display: grid;
  gap: 0.35rem;
}

.sw-product-story-style-template-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2.8rem;
  padding: 0.52rem 0.62rem;
}

.sw-product-story-style-template-list button > span {
  display: grid;
  gap: 0.06rem;
}

.sw-product-story-style-template-list svg {
  width: 0.95rem;
  height: 0.95rem;
  color: #2563eb;
}

.sw-product-story-style-generate-card {
  position: sticky;
  bottom: -0.85rem;
  z-index: 2;
  display: grid;
  gap: 0.6rem;
  margin: 0.2rem -0.85rem -0.85rem;
  padding: 0.85rem;
  border-top: 1px solid #dce4ef;
  background: rgb(255 255 255 / 0.97);
  backdrop-filter: blur(8px);
}

.sw-product-story-style-generate-card > div {
  display: flex;
  align-items: flex-start;
  gap: 0.48rem;
}

.sw-product-story-style-generate-card > div > span {
  display: grid;
  gap: 0.14rem;
}

.sw-product-story-style-generate-card strong {
  font-size: 0.75rem;
}

.sw-product-story-style-generate-card small {
  color: #718096;
  font-size: 0.62rem;
  line-height: 1.35;
}

.sw-product-story-style-generate-card .sw-products-action {
  justify-content: center;
  width: 100%;
}

.sw-product-story-style-clear-base {
  border: 0;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
  text-decoration: underline;
}

.sw-product-story-style-unavailable {
  display: grid;
  justify-items: start;
  gap: 0.6rem;
  padding: 1.25rem;
  border: 1px solid #e7d39b;
  border-radius: 1rem;
  background: #fffaf0;
}

.sw-product-story-style-unavailable h3,
.sw-product-story-style-unavailable p {
  margin: 0;
}

@media (max-width: 1380px) {
  .sw-product-story-style-workbench__grid {
    grid-template-columns: minmax(13rem, 15rem) minmax(28rem, 1fr) minmax(16rem, 18rem);
  }
}

@media (max-width: 1120px) {
  .sw-product-story-style-spec-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-story-style-workbench__grid {
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr);
  }

  .sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-workbench__grid {
    grid-template-columns: 1fr;
  }

  .sw-product-story-style-controls {
    position: static;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
  }

  .sw-product-story-style-controls .sw-product-story-style-column-head,
  .sw-product-story-style-controls .sw-product-story-style-generate-card {
    position: static;
    grid-column: 1 / -1;
  }

  .sw-product-story-style-workbench[data-embedded='true'] .sw-product-story-style-controls {
    grid-column: 1;
  }
}

@media (max-width: 760px) {
  .sw-product-story-style-spec-strip {
    grid-template-columns: 1fr 1fr;
  }

  .sw-product-story-style-workbench__toolbar,
  .sw-product-story-style-stage__head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-product-story-style-workbench__toolbar-actions,
  .sw-product-story-style-stage__actions {
    justify-content: flex-start;
  }

  .sw-product-story-style-workbench__grid {
    grid-template-columns: 1fr;
  }

  .sw-product-story-style-versions,
  .sw-product-story-style-controls {
    position: static;
    max-height: none;
  }

  .sw-product-story-style-versions {
    order: 2;
  }

  .sw-product-story-style-stage {
    order: 1;
  }

  .sw-product-story-style-controls {
    order: 3;
    grid-template-columns: 1fr;
  }

  .sw-product-story-style-preview-shell {
    min-height: 36rem;
    padding: 0.55rem;
  }

  .sw-product-story-style-preview-page {
    width: min(23.5rem, 100%);
  }

  .sw-product-story-style-preview-hero,
  .sw-product-story-style-preview-detail,
  .sw-product-story-style-preview-feature > div {
    grid-template-columns: 1fr;
  }

  .sw-product-story-style-preview-hero {
    padding: 1.4rem;
  }

  .sw-product-story-style-preview-hero h2 {
    font-size: 2.3rem;
  }

  .sw-product-story-style-stage__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .sw-product-story-style-stage__actions .sw-products-action {
    justify-content: center;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-customers.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.sw-customers-toolbar,
.sw-customers-toolbar__controls,
.sw-customers-control,
.sw-customers-action,
.sw-customers-status-strip,
.sw-customers-panel__head,
.sw-customers-table__row,
.sw-customers-empty-state,
.sw-customers-blocker {
  display: flex;
  align-items: center;
}

.sw-customers-toolbar {
  justify-content: space-between;
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-customers-toolbar h2,
.sw-customers-directory h2,
.sw-customers-directory h3 {
  margin: 0;
  letter-spacing: 0;
}

.sw-customers-toolbar h2 {
  font-size: var(--sw-primitive-type-page-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-customers-toolbar__controls {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-customers-control {
  min-height: var(--sw-primitive-density-control-height-lg);
  gap: var(--sw-primitive-space-stack-sm);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 750;
}

.sw-customers-control svg,
.sw-customers-action svg,
.sw-customers-empty-state svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
  flex: none;
}

.sw-customers-control input,
.sw-customers-control select,
.sw-customers-field input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--sw-admin-shell-ink);
  font: inherit;
}

.sw-customers-control--search input {
  width: min(100%, var(--sw-admin-shell-context-width));
}

.sw-customers-control:focus-within,
.sw-customers-action:focus-visible {
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-customers-directory {
  display: grid;
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
}

.sw-customers-status-strip {
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
  padding: var(--sw-primitive-space-panel-padding-compact);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-customers-status-strip p,
.sw-customers-muted,
.sw-customers-blocker p,
.sw-customers-empty-state p {
  margin: 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-customers-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--sw-primitive-density-popover-width), var(--sw-primitive-density-inspector-width));
  gap: var(--sw-primitive-space-grid-gap);
  align-items: start;
  min-width: 0;
}

.sw-customers-main,
.sw-customers-side {
  display: grid;
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
}

.sw-customers-panel,
.sw-customers-empty-state {
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-customers-panel {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-customers-panel--side {
  align-content: start;
}

.sw-customers-panel__head {
  justify-content: space-between;
  gap: var(--sw-primitive-space-grid-gap);
}

.sw-customers-eyebrow {
  margin: 0 0 var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sw-customers-badge {
  display: inline-flex;
  align-items: center;
  min-height: var(--sw-primitive-density-badge-height);
  padding: 0 var(--sw-primitive-space-badge-padding);
  border-radius: var(--sw-primitive-radius-badge);
  border: var(--sw-admin-shell-border);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  white-space: nowrap;
}

.sw-customers-badge--neutral {
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-admin-shell-ink-soft);
}

.sw-customers-badge--warning {
  border-color: var(--sw-primitive-color-warning);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-primitive-color-warning);
}

.sw-customers-badge--danger {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-primitive-color-danger);
}

.sw-customers-action {
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-primitive-density-control-height-lg);
  padding: 0 var(--sw-primitive-space-control-padding);
  border-radius: var(--sw-admin-shell-radius-sm);
  border: var(--sw-admin-shell-border);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 850;
  cursor: pointer;
}

.sw-customers-action--primary {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-customers-action--secondary {
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
}

.sw-customers-action--disabled,
.sw-customers-action:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.sw-customers-table {
  display: grid;
  min-width: 0;
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  overflow: clip;
}

.sw-customers-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .75fr) minmax(0, .75fr) minmax(0, .85fr) minmax(0, 1fr);
  min-height: var(--sw-primitive-density-table-row-height);
  border-bottom: var(--sw-admin-shell-border-soft);
  background: var(--sw-admin-shell-surface);
}

.sw-customers-table__row:last-child {
  border-bottom: 0;
}

.sw-customers-table__row--head {
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-customers-table__row > span {
  min-width: 0;
  padding: var(--sw-primitive-space-table-cell-padding);
  border-right: var(--sw-admin-shell-border-soft);
  overflow-wrap: anywhere;
}

.sw-customers-table__row > span:last-child {
  border-right: 0;
}

.sw-customers-table strong,
.sw-customers-table small {
  display: block;
}

.sw-customers-table small {
  margin-top: var(--sw-primitive-space-menu-inset);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-customers-empty-state {
  gap: var(--sw-primitive-space-grid-gap);
  align-items: flex-start;
  padding: var(--sw-primitive-space-state-padding);
}

.sw-customers-empty-state > svg {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  color: var(--sw-primitive-color-warning);
}

.sw-customers-empty-state--danger > svg {
  color: var(--sw-primitive-color-danger);
}

.sw-customers-empty-state h2 {
  margin-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-customers-blocker-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-customers-field,
.sw-customers-criteria,
.sw-customers-saved-list,
.sw-customers-saved-actions {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-customers-field {
  min-width: 0;
}

.sw-customers-field span,
.sw-customers-criteria span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-customers-field input {
  min-height: var(--sw-primitive-density-control-height-lg);
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-admin-shell-border);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-customers-field input:focus {
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-customers-criteria {
  padding: var(--sw-primitive-space-panel-padding-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-customers-criteria p,
.sw-customers-criteria small,
.sw-customers-saved-view small {
  margin: 0;
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-customers-form-state {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-primitive-density-control-height);
  margin: 0;
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 850;
}

.sw-customers-form-state svg {
  width: var(--sw-primitive-density-icon-size);
  height: var(--sw-primitive-density-icon-size);
}

.sw-customers-form-state--success {
  color: var(--sw-primitive-color-success);
}

.sw-customers-form-state--danger {
  color: var(--sw-primitive-color-danger);
}

.sw-customers-saved-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-customers-saved-view {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  padding: var(--sw-primitive-space-panel-padding-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
}

.sw-customers-saved-view strong {
  display: block;
  overflow-wrap: anywhere;
}

.sw-customers-blocker {
  align-items: flex-start;
  flex-direction: column;
  gap: var(--sw-primitive-space-menu-inset);
  padding: var(--sw-primitive-space-panel-padding-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-customers-skeleton,
.sw-customers-skeleton-row span {
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-customers-skeleton--title {
  width: var(--sw-primitive-density-popover-width);
  max-width: 100%;
  height: var(--sw-primitive-density-control-height);
}

.sw-customers-skeleton-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-primitive-density-row-height);
}

.sw-customers-skeleton-row span {
  min-height: var(--sw-primitive-density-skeleton-block-height);
}

.sw-customers-sr {
  position: absolute;
  width: var(--sw-primitive-motion-switch-thumb-start);
  height: var(--sw-primitive-motion-switch-thumb-start);
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sw-customers-directory {
    padding-bottom: var(--sw-primitive-density-mobile-action-height);
  }

  .sw-customers-toolbar,
  .sw-customers-toolbar__controls,
  .sw-customers-control,
  .sw-customers-action,
  .sw-customers-layout,
  .sw-customers-side {
    width: 100%;
  }

  .sw-customers-toolbar,
  .sw-customers-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-customers-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-customers-toolbar__controls,
  .sw-customers-control,
  .sw-customers-action {
    justify-content: flex-start;
  }

  .sw-customers-control select,
  .sw-customers-control input {
    flex: 1;
  }

  .sw-customers-table {
    border: 0;
    gap: var(--sw-primitive-space-stack-sm);
  }

  .sw-customers-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border: var(--sw-admin-shell-border);
    border-radius: var(--sw-admin-shell-radius-sm);
  }

  .sw-customers-table__row--head {
    display: none;
  }

  .sw-customers-table__row > span {
    border-right: 0;
    border-bottom: var(--sw-admin-shell-border-soft);
  }

  .sw-customers-table__row > span:last-child {
    border-bottom: 0;
  }

  .sw-customers-panel__head,
  .sw-customers-empty-state {
    align-items: flex-start;
    flex-direction: column;
  }

  .sw-customers-saved-actions,
  .sw-customers-saved-view {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-settings.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.sw-settings-policy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.sw-settings-policy__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 20px;
  align-items: stretch;
}

.sw-settings-policy__eyebrow {
  margin: 0 0 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-settings-policy__hero h1 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1;
}

.sw-settings-policy__hero p {
  margin: 12px 0 0;
  max-width: 760px;
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
}

.sw-settings-policy__hero-card,
.sw-settings-policy__panel {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.sw-settings-policy__hero-card {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 22px;
}

.sw-settings-policy__hero-card svg {
  width: 28px;
  height: 28px;
  color: #2563eb;
}

.sw-settings-policy__hero-card strong {
  color: #0f172a;
  font-size: 18px;
}

.sw-settings-policy__hero-card span,
.sw-settings-policy__muted {
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

.sw-settings-policy__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sw-settings-policy__panel {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
}

.sw-settings-policy__panel--wide {
  grid-column: 1 / -1;
}

.sw-settings-policy__panel-title {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.sw-settings-policy__panel-title svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: #2563eb;
}

.sw-settings-policy__panel-title h2 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
}

.sw-settings-policy__panel-title p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
}

.sw-settings-policy__locale-list,
.sw-settings-policy__blocked-grid,
.sw-settings-policy__opening-grid,
.sw-settings-policy__next-grid,
.sw-settings-policy__profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.sw-settings-policy__settings-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 18px;
  background: #f8fafc;
}

.sw-settings-policy__locale-card,
.sw-settings-policy__opening-card,
.sw-settings-policy__profile-card {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 18px;
  background: #f8fafc;
  padding: 14px;
}

.sw-settings-policy__list-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 76px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: #ffffff;
  padding: 16px 18px;
}

.sw-settings-policy__list-row:last-child {
  border-bottom: 0;
}

.sw-settings-policy__locale-card {
  display: flex;
  min-height: 112px;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.sw-settings-policy__locale-card strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
}

.sw-settings-policy__locale-card span,
.sw-settings-policy__locale-card small {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.sw-settings-policy__opening-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.sw-settings-policy__opening-card svg {
  width: 22px;
  height: 22px;
  color: #2563eb;
}

.sw-settings-policy__opening-card[data-opening-state="ready"] svg {
  color: #16a34a;
}

.sw-settings-policy__opening-card[data-opening-state="pending"] svg {
  color: #d97706;
}

.sw-settings-policy__opening-card[data-opening-state="blocked"] svg {
  color: #64748b;
}

.sw-settings-policy__opening-card strong,
.sw-settings-policy__opening-card small,
.sw-settings-policy__profile-card strong,
.sw-settings-policy__profile-card span,
.sw-settings-policy__profile-card small,
.sw-settings-policy__list-row strong,
.sw-settings-policy__list-row span,
.sw-settings-policy__list-row small {
  display: block;
}

.sw-settings-policy__opening-card strong,
.sw-settings-policy__profile-card strong,
.sw-settings-policy__list-row strong {
  color: #0f172a;
  font-size: 14px;
}

.sw-settings-policy__profile-card {
  display: flex;
  min-height: 128px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

.sw-settings-policy__profile-card span,
.sw-settings-policy__list-row span {
  margin-top: 6px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
}

.sw-settings-policy__opening-card small,
.sw-settings-policy__profile-card small,
.sw-settings-policy__list-row small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.sw-settings-policy__next-card {
  display: flex;
  min-height: 128px;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(37, 99, 235, 0.24);
  border-radius: 18px;
  background: #eff6ff;
  padding: 16px;
  color: inherit;
  text-decoration: none;
}

.sw-settings-policy__next-card strong,
.sw-settings-policy__next-card small,
.sw-settings-policy__next-card span {
  display: block;
}

.sw-settings-policy__next-card strong {
  color: #0f172a;
  font-size: 15px;
}

.sw-settings-policy__next-card small {
  color: #475569;
  font-size: 12px;
  line-height: 1.5;
}

.sw-settings-policy__next-card span {
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
}

.sw-settings-policy__next-card--done {
  border-color: rgba(22, 163, 74, 0.24);
  background: #f0fdf4;
}

.sw-settings-policy__next-card--done span {
  color: #16a34a;
}

.sw-settings-policy__next-card--current {
  border-color: rgba(37, 99, 235, 0.36);
  background: #dbeafe;
}

.sw-settings-policy__next-card--pending {
  border-color: rgba(217, 119, 6, 0.28);
  background: #fffbeb;
}

.sw-settings-policy__next-card--pending span {
  color: #d97706;
}

.sw-settings-policy__next-card--locked {
  border-color: rgba(148, 163, 184, 0.24);
  background: #f8fafc;
}

.sw-settings-policy__next-card--locked span {
  color: #64748b;
}

.sw-settings-policy__readiness-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}

.sw-settings-policy__readiness-strip span {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 18px;
  background: #f8fafc;
  padding: 14px;
}

.sw-settings-policy__readiness-strip strong,
.sw-settings-policy__readiness-strip small {
  display: block;
}

.sw-settings-policy__readiness-strip strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1;
}

.sw-settings-policy__readiness-strip small {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
}

.sw-settings-policy__inline-link {
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.sw-settings-policy__callout {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  border-radius: 18px;
  background: #fff7ed;
  padding: 14px 16px;
}

.sw-settings-policy__callout strong {
  color: #9a3412;
}

.sw-settings-policy__callout p {
  flex: 1 1 320px;
  margin: 0;
  color: #9a3412;
  font-size: 13px;
  line-height: 1.55;
}

.sw-settings-policy__facts {
  display: grid;
  gap: 10px;
  margin: 0;
}

.sw-settings-policy__facts div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  padding-bottom: 10px;
}

.sw-settings-policy__facts dt {
  color: #64748b;
  font-size: 12px;
}

.sw-settings-policy__facts dd {
  margin: 0;
  color: #0f172a;
  font-weight: 700;
}

.sw-settings-policy__owner-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sw-settings-policy__owner-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  padding: 12px;
}

.sw-settings-policy__owner-list strong,
.sw-settings-policy__owner-list small {
  display: block;
}

.sw-settings-policy__owner-list strong {
  color: #0f172a;
  font-size: 13px;
}

.sw-settings-policy__owner-list small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.5;
}

.sw-settings-control-plane {
  display: flex;
  flex-direction: column;
  gap: var(--sw-primitive-space-grid-gap);
}

.sw-settings-control-plane__status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
  padding: var(--sw-primitive-space-panel-padding-compact);
}

.sw-settings-control-plane__status-strip > div {
  min-width: 0;
}

.sw-settings-control-plane__status-strip span,
.sw-settings-control-plane__action-toolbar span,
.sw-settings-control-plane__field small,
.sw-settings-control-plane__switch-row span,
.sw-settings-control-plane__status-message {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__status-strip strong,
.sw-settings-control-plane__action-toolbar strong,
.sw-settings-control-plane__field span,
.sw-settings-control-plane__switch-row strong,
.sw-settings-control-plane__effective-panel strong {
  display: block;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-settings-control-plane__status-action {
  justify-self: end;
}

.sw-settings-control-plane__status-message {
  grid-column: 1 / -1;
  margin: 0;
}

.sw-settings-control-plane__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(var(--sw-primitive-density-inspector-width), 0.65fr);
  gap: var(--sw-primitive-space-grid-gap);
  align-items: start;
}

.sw-settings-control-plane__layout--membership {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-settings-control-plane__form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
}

.sw-settings-control-plane__field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-settings-control-plane__field--wide {
  grid-column: 1 / -1;
}

.sw-settings-control-plane__field .sw-primitive-input,
.sw-settings-control-plane__field .sw-primitive-textarea {
  width: 100%;
}

.sw-settings-control-plane__action-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  justify-content: space-between;
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
  padding: var(--sw-primitive-space-panel-padding-compact);
}

.sw-settings-control-plane__action-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  justify-content: flex-end;
}

.sw-settings-control-plane__state-banner {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-state-icon-size) minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-danger-surface);
  padding: var(--sw-primitive-space-state-padding);
}

.sw-settings-control-plane__state-banner[data-settings-state="stale"] {
  background: var(--sw-primitive-color-conflict-surface);
}

.sw-settings-control-plane__state-banner svg {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  color: var(--sw-primitive-color-danger);
}

.sw-settings-control-plane__state-banner[data-settings-state="stale"] svg {
  color: var(--sw-primitive-color-conflict);
}

.sw-settings-control-plane__state-banner strong,
.sw-settings-control-plane__state-banner p {
  margin: 0;
}

.sw-settings-control-plane__state-banner strong {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
}

.sw-settings-control-plane__state-banner p {
  margin-top: var(--sw-primitive-space-stack-sm);
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__switch-list {
  overflow: hidden;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-settings-control-plane__switch-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-grid-gap);
  align-items: center;
  border-bottom: var(--sw-primitive-border-subtle);
  background: var(--sw-primitive-color-panel);
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-settings-control-plane__switch-row:last-child {
  border-bottom: 0;
}

.sw-settings-control-plane__effective-panel {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-state-icon-size) minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-warning-surface);
  padding: var(--sw-primitive-space-state-padding);
}

.sw-settings-control-plane__read-only-card {
  display: grid;
  grid-template-columns: var(--sw-primitive-density-state-icon-size) minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-md);
  align-items: center;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
  padding: var(--sw-primitive-space-state-padding);
}

.sw-settings-control-plane__effective-panel svg {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  color: var(--sw-primitive-color-warning);
}

.sw-settings-control-plane__read-only-card svg {
  width: var(--sw-primitive-density-state-icon-size);
  height: var(--sw-primitive-density-state-icon-size);
  color: var(--sw-primitive-color-muted);
}

.sw-settings-control-plane__effective-panel p {
  margin: var(--sw-primitive-space-stack-sm) 0 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__read-only-card strong,
.sw-settings-control-plane__read-only-card p {
  margin: 0;
}

.sw-settings-control-plane__read-only-card strong {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-settings-control-plane__read-only-card p {
  margin-top: var(--sw-primitive-space-stack-sm);
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__runtime-grid {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-settings-control-plane__runtime-grid > div {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-primitive-space-stack-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
  padding: var(--sw-primitive-space-row-padding);
}

.sw-settings-control-plane__runtime-grid > div > div {
  display: grid;
  min-width: 0;
  gap: var(--sw-primitive-space-stack-xs);
}

.sw-settings-control-plane__runtime-grid span {
  min-width: 0;
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 700;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__runtime-grid small {
  min-width: 0;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__runtime-action {
  flex: 0 0 auto;
}

.sw-settings-control-plane__facts {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  margin: 0;
}

.sw-settings-control-plane__facts div {
  display: flex;
  justify-content: space-between;
  gap: var(--sw-primitive-space-grid-gap);
  border-bottom: var(--sw-primitive-border-subtle);
  padding-bottom: var(--sw-primitive-space-stack-sm);
}

.sw-settings-control-plane__facts dt,
.sw-settings-control-plane__facts dd {
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-settings-control-plane__facts dt {
  color: var(--sw-primitive-color-muted);
}

.sw-settings-control-plane__facts dd {
  margin: 0;
  color: var(--sw-primitive-color-text);
  font-weight: 700;
  text-align: right;
}

@media (max-width: 900px) {
  .sw-settings-policy {
    padding: 16px;
  }

  .sw-settings-policy__hero,
  .sw-settings-policy__grid,
  .sw-settings-control-plane__layout,
  .sw-settings-control-plane__layout--membership,
  .sw-settings-control-plane__status-strip,
  .sw-settings-control-plane__form-grid {
    grid-template-columns: 1fr;
  }

  .sw-settings-control-plane__status-action,
  .sw-settings-control-plane__action-group {
    justify-self: stretch;
  }

  .sw-settings-control-plane__action-group,
  .sw-settings-control-plane__action-group .sw-primitive-button {
    width: 100%;
  }

  .sw-settings-control-plane__state-banner,
  .sw-settings-control-plane__effective-panel,
  .sw-settings-control-plane__read-only-card,
  .sw-settings-control-plane__runtime-grid div,
  .sw-settings-control-plane__switch-row {
    grid-template-columns: 1fr;
  }

  .sw-settings-control-plane__runtime-grid div {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 52em) {
  .sw-admin-shell.sw-surface-page:has(.sw-settings-policy),
  .sw-admin-shell.sw-surface-page[data-drawer-open="true"]:has(.sw-settings-policy) {
    grid-template-columns: 1fr;
    max-width: 100vw;
    padding-bottom: 0;
  }

  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__rail,
  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__context,
  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__mobile-action-bar {
    display: none;
  }

  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__workspace,
  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__header,
  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__layout,
  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__main {
    max-width: 100vw;
    overflow-x: clip;
  }

  .sw-admin-shell:has(.sw-settings-policy) .sw-admin-shell__header-side {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-storefront.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.sw-visual-shell {
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.sw-visual-shell[data-preview-mode="mobile"] {
  max-width: 30rem;
  margin-inline: auto;
}

.sw-visual-shell__surface {
  display: grid;
  gap: 0;
  margin-top: 1rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 1.1rem;
  background: #faf8f4;
}

.sw-visual-shell-announcement {
  padding: 0.55rem 1rem;
  background: #111827;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-visual-shell-header,
.sw-visual-shell-footer,
.sw-visual-shell-layout,
.sw-visual-shell-main,
.sw-visual-shell-section,
.sw-visual-shell-hero,
.sw-visual-shell-product-grid,
.sw-visual-shell-category-grid,
.sw-visual-shell-product-detail,
.sw-module-detail-editor {
  display: grid;
  gap: 1rem;
}

.sw-visual-shell-header {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.sw-visual-shell-header nav,
.sw-visual-shell-header div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 900;
}

.sw-visual-shell-layout {
  grid-template-columns: 9rem minmax(0, 1fr);
  align-items: start;
}

.sw-visual-shell-leftnav {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  background: #f3f4f6;
  min-height: 100%;
}

.sw-visual-shell-leftnav p {
  margin: 0;
  color: #111827;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-visual-shell-leftnav span {
  color: #475569;
  font-size: 0.78rem;
  font-weight: 850;
}

.sw-visual-shell-main {
  padding: 1.25rem;
  background: #faf8f4;
}

.sw-visual-shell-hero {
  grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1.1fr);
  align-items: stretch;
  padding: 1.2rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 1.1rem;
}

.sw-visual-shell-hero h2,
.sw-visual-shell-product-detail h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.75rem, 4vw, 3.2rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.sw-visual-shell-hero p,
.sw-visual-shell-section p,
.sw-visual-shell-product-detail p {
  margin: 0;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-visual-shell-hero span,
.sw-visual-shell-section span,
.sw-visual-shell-product-detail span {
  color: #475569;
  line-height: 1.55;
}

.sw-visual-shell-hero button,
.sw-visual-shell-product-grid button,
.sw-visual-shell-purchase-card button {
  width: fit-content;
  padding: 0.65rem 0.95rem;
  border: 1px solid #111827;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-weight: 950;
}

.sw-visual-shell-hero__media,
.sw-visual-shell-product-detail__gallery,
.sw-visual-shell-product-grid i {
  display: grid;
  min-height: 15rem;
  place-items: center;
  border-radius: 1rem;
  background: linear-gradient(135deg, #d7d0c5, #f8f3e9);
  color: #334155;
  font-weight: 950;
}

.sw-visual-shell-section,
.sw-visual-shell-product-detail,
.sw-visual-shell-purchase-card {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}

.sw-visual-shell-category-grid,
.sw-visual-shell-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-visual-shell-category-grid span {
  min-height: 6rem;
  display: grid;
  place-items: end start;
  padding: 0.85rem;
  border-radius: 0.9rem;
  background: #eee7dc;
  color: #111827;
  font-weight: 950;
}

.sw-visual-shell-product-grid article {
  display: grid;
  gap: 0.55rem;
}

.sw-visual-shell-product-grid i {
  min-height: 9rem;
  font-style: normal;
}

.sw-visual-shell-product-grid b,
.sw-visual-shell-footer b {
  color: #111827;
  font-weight: 950;
}

.sw-visual-shell-product-grid em {
  color: #64748b;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.sw-visual-shell-product-detail {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}

.sw-visual-shell-purchase-card {
  align-content: start;
}

.sw-visual-shell-footer {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 1.25rem;
  border-top: 1px solid #e5e7eb;
  background: #111827;
  color: #ffffff;
}

.sw-visual-shell-footer section {
  display: grid;
  gap: 0.45rem;
}

.sw-visual-shell-footer span {
  color: #cbd5e1;
  font-size: 0.78rem;
}

.sw-module-detail-editor {
  padding: 0.85rem;
  border: 1px solid #dbeafe;
  border-radius: 1rem;
  background: #f8fbff;
}

.sw-module-detail-editor label {
  display: grid;
  gap: 0.35rem;
}

.sw-module-detail-editor input,
.sw-module-detail-editor textarea {
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: #ffffff;
  color: #0f172a;
}

.sw-template-builder-layout--advanced {
  grid-template-columns: 17rem minmax(36rem, 1fr) 25rem;
}

.sw-template-builder-region,
.sw-template-advanced-editor-card,
.sw-template-advanced-schema,
.sw-template-advanced-commerce-slots {
  display: grid;
  gap: 0.65rem;
  padding: 0.8rem;
  border: 1px solid #dbeafe;
  border-radius: 0.95rem;
  background: #f8fbff;
}

.sw-template-builder-region strong,
.sw-template-advanced-schema strong,
.sw-template-advanced-editor-card h3 {
  color: #0f172a;
  font-weight: 950;
}

.sw-template-builder-region small,
.sw-template-advanced-schema span,
.sw-template-advanced-editor-card small {
  color: #64748b;
  font-size: 0.74rem;
}

.sw-template-advanced-canvas {
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.2rem;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.sw-template-advanced-canvas[data-preview-mode="mobile"] {
  max-width: 28rem;
  margin-inline: auto;
}

.sw-template-advanced-canvas__page {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 1.15rem;
  background: linear-gradient(180deg, #f8fbff, #f8fafc);
}

.sw-template-advanced-canvas__nav,
.sw-template-advanced-hero,
.sw-template-advanced-product-layout,
.sw-template-advanced-region-map,
.sw-template-advanced-product-gallery,
.sw-template-advanced-commerce-slots,
.sw-template-advanced-slide-tabs {
  display: grid;
  gap: 0.85rem;
}

.sw-template-advanced-canvas__nav {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-advanced-canvas__nav nav {
  display: flex;
  gap: 0.8rem;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 900;
}

.sw-template-advanced-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(16rem, 0.9fr);
  align-items: stretch;
  padding: 1rem;
  border-radius: 1.1rem;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.sw-template-advanced-hero h3,
.sw-template-advanced-product-layout__main h3 {
  margin: 0.4rem 0;
  color: #0f172a;
  font-size: 1.55rem;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sw-template-advanced-hero button,
.sw-template-advanced-purchase-panel button,
.sw-template-advanced-editor-card button {
  width: fit-content;
  padding: 0.55rem 0.85rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 900;
}

.sw-template-advanced-hero button {
  border: 0;
  background: #0f172a;
  color: #ffffff;
}

.sw-template-advanced-hero__image,
.sw-template-advanced-media-frame {
  display: grid;
  min-height: 14rem;
  place-items: center;
  border-radius: 1rem;
  background: linear-gradient(135deg, #cbd5e1, #eff6ff);
  color: #475569;
  font-weight: 900;
  overflow: hidden;
}

.sw-template-advanced-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-template-advanced-product-layout {
  grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr);
}

.sw-template-advanced-product-layout__main,
.sw-template-advanced-purchase-panel,
.sw-template-advanced-region-map article {
  padding: 1rem;
  border-radius: 1.05rem;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.sw-template-advanced-product-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-template-advanced-product-gallery span,
.sw-template-advanced-purchase-panel span,
.sw-template-advanced-commerce-slots span {
  padding: 0.7rem;
  border-radius: 0.8rem;
  background: #eef6ff;
  color: #1e3a8a;
  font-weight: 900;
}

.sw-template-advanced-purchase-panel {
  align-content: start;
}

.sw-template-advanced-purchase-panel label,
.sw-template-advanced-editor-card label {
  display: grid;
  gap: 0.35rem;
}

.sw-template-advanced-purchase-panel select,
.sw-template-advanced-editor-card input,
.sw-template-advanced-editor-card textarea,
.sw-template-advanced-editor-card select {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  padding: 0.62rem 0.75rem;
  background: #ffffff;
  color: #0f172a;
}

.sw-template-advanced-region-map {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-template-advanced-region-map article[data-grid="left-2"] {
  grid-column: span 2;
}

.sw-template-advanced-region-map article[data-grid="full"] {
  grid-column: 1 / -1;
}

.sw-template-advanced-canvas [data-active="true"] {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

.sw-template-advanced-slide-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .sw-template-builder-layout--advanced,
  .sw-template-advanced-hero,
  .sw-template-advanced-product-layout,
  .sw-template-advanced-region-map {
    grid-template-columns: 1fr;
  }
}

.sw-template-system,
.sw-template-builder {
  display: grid;
  gap: 1rem;
}

.sw-template-system-hero,
.sw-template-system-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.35rem;
  background: linear-gradient(135deg, #ffffff, #f8fbff);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.sw-template-system-hero h2,
.sw-template-system-editor-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1.5rem;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sw-template-system-hero p,
.sw-template-system-editor-head span,
.sw-template-system-panel p,
.sw-template-builder-inspector p {
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.55;
}

.sw-template-system-hero__summary,
.sw-template-system-toolbar,
.sw-template-system-section-head,
.sw-template-system-layout,
.sw-template-system-detail-layout,
.sw-template-builder-layout,
.sw-template-system-framework-grid {
  display: grid;
  gap: 1rem;
}

.sw-template-system-hero__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 26rem;
}

.sw-template-system-hero__summary span,
.sw-template-system-panel,
.sw-template-builder-rail,
.sw-template-builder-inspector,
.sw-template-system-canvas,
.sw-template-system-module-library {
  border: 1px solid #dfe8f5;
  border-radius: 1.15rem;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.sw-template-system-hero__summary span {
  display: grid;
  gap: 0.2rem;
  padding: 0.8rem;
  color: #111827;
  font-weight: 950;
}

.sw-template-system-hero__summary b,
.sw-template-system-toolbar span {
  color: #64748b;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-template-system-toolbar {
  grid-template-columns: minmax(0, 1fr) 14rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.1rem;
  background: #ffffff;
}

.sw-template-system-status-strip {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
}

.sw-template-system-status-strip > span {
  overflow: hidden;
  padding: var(--sw-space-1, var(--sw-primitive-space-stack-sm)) var(--sw-primitive-space-badge-padding);
  border: var(--sw-border-subtle, var(--sw-primitive-border-subtle));
  border-radius: var(--sw-radius-control, var(--sw-primitive-radius-control));
  background: var(--sw-color-surface-muted, var(--sw-primitive-color-panel-muted));
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-template-system-filter-bar {
  grid-template-columns:
    minmax(0, 1fr)
    repeat(3, minmax(var(--sw-density-toolbar-select-width, var(--sw-primitive-density-select-content-min-width)), auto));
}

.sw-template-system-toolbar label {
  display: grid;
  gap: 0.4rem;
}

.sw-template-system-toolbar .sw-input {
  width: 100%;
  min-height: var(--sw-density-toolbar, var(--sw-primitive-density-toolbar-height));
  padding: 0 var(--sw-primitive-space-control-padding);
  border: var(--sw-border-default, var(--sw-primitive-border-default));
  border-radius: var(--sw-radius-control, var(--sw-primitive-radius-control));
  background: var(--sw-color-surface, var(--sw-primitive-color-panel));
  color: var(--sw-color-text-primary, var(--sw-primitive-color-text));
  font: inherit;
  font-size: var(--sw-type-body, var(--sw-primitive-type-control-size));
  font-weight: 800;
  outline: none;
  box-shadow: var(--sw-shadow-panel, var(--sw-primitive-shadow-raised));
}

.sw-template-system-toolbar .sw-input:focus {
  border: var(--sw-border-interactive, var(--sw-primitive-border-interactive));
  box-shadow: var(--sw-shadow-focus, var(--sw-primitive-shadow-focus));
}

.sw-template-system-layout {
  grid-template-columns: minmax(0, 1fr) 22rem;
  align-items: start;
}

.sw-template-system-detail-layout {
  grid-template-columns: 22rem minmax(0, 1fr);
  align-items: start;
}

.sw-template-system-panel,
.sw-template-builder-rail,
.sw-template-builder-inspector,
.sw-template-system-canvas,
.sw-template-system-module-library {
  padding: 1rem;
}

.sw-template-system-section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-system-section-head h3,
.sw-template-system-panel h3,
.sw-template-builder-rail h3,
.sw-template-builder-inspector h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
}

.sw-template-system-style-grid,
.sw-template-system-page-grid,
.sw-template-system-framework-grid,
.sw-template-system-module-list,
.sw-template-system-canvas__header,
.sw-template-system-canvas__sections {
  display: grid;
  gap: 0.85rem;
}

.sw-template-system-style-grid,
.sw-template-system-page-grid,
.sw-template-system-framework-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-products-catalog__workspace {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(calc(var(--sw-density-row-compact, var(--sw-primitive-density-row-height)) * 8), 0.42fr);
}

.sw-products-catalog__rows {
  grid-template-columns: minmax(0, 1fr);
}

.sw-products-catalog__row {
  grid-template-columns:
    minmax(calc(var(--sw-density-row-compact, var(--sw-primitive-density-row-height)) * 3), 0.28fr)
    minmax(0, 1fr);
  align-items: stretch;
}

.sw-products-catalog__row[data-active="true"] {
  box-shadow:
    inset calc(var(--sw-border-width, var(--sw-primitive-density-separator-height)) * 3) 0 0 var(--sw-color-action-primary, var(--sw-primitive-color-accent)),
    var(--sw-shadow-panel, var(--sw-primitive-shadow-panel));
}

.sw-products-catalog__row-facts,
.sw-products-catalog__badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-space-1, var(--sw-primitive-space-stack-sm));
  align-items: center;
}

.sw-products-catalog__row-facts span {
  min-width: 0;
  display: inline-grid;
  gap: calc(var(--sw-space-1, var(--sw-primitive-space-stack-sm)) * 0.4);
  padding: var(--sw-space-1, var(--sw-primitive-space-stack-sm)) var(--sw-primitive-space-badge-padding);
  border: var(--sw-border-subtle, var(--sw-primitive-border-subtle));
  border-radius: var(--sw-radius-control, var(--sw-primitive-radius-control));
  background: var(--sw-color-surface-muted, var(--sw-primitive-color-panel-muted));
  color: var(--sw-color-text-primary, var(--sw-primitive-color-text));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  font-weight: 900;
}

.sw-products-catalog__row-facts b {
  color: var(--sw-color-text-secondary, var(--sw-primitive-color-muted));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-products-catalog__coverage,
.sw-products-catalog__readiness,
.sw-products-catalog__posture,
.sw-products-catalog__inspector {
  min-width: 0;
}

.sw-products-catalog__coverage-table,
.sw-products-catalog__module-list {
  display: grid;
  gap: var(--sw-space-2, var(--sw-primitive-space-stack-md));
}

.sw-products-catalog__coverage-row,
.sw-products-catalog__module-row {
  min-width: 0;
  display: grid;
  gap: var(--sw-space-2, var(--sw-primitive-space-stack-md));
  align-items: center;
  padding: var(--sw-space-row-padding, var(--sw-primitive-space-row-padding));
  border: var(--sw-border-subtle, var(--sw-primitive-border-subtle));
  border-radius: var(--sw-radius-panel, var(--sw-primitive-radius-panel));
  background: var(--sw-color-surface, var(--sw-primitive-color-panel));
  color: var(--sw-color-text-primary, var(--sw-primitive-color-text));
  text-decoration: none;
}

.sw-products-catalog__coverage-row {
  grid-template-columns:
    minmax(0, 1.3fr)
    repeat(4, minmax(calc(var(--sw-density-row-compact, var(--sw-primitive-density-row-height)) * 2), 0.38fr))
    auto;
}

.sw-products-catalog__module-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.sw-products-catalog__coverage-row:hover {
  border: var(--sw-border-interactive, var(--sw-primitive-border-interactive));
  background: var(--sw-color-surface-muted, var(--sw-primitive-color-panel-muted));
}

.sw-products-catalog__coverage-row span,
.sw-products-catalog__module-row span {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-space-1, var(--sw-primitive-space-stack-sm)) * 0.5);
}

.sw-products-catalog__coverage-row strong,
.sw-products-catalog__module-row strong {
  color: var(--sw-color-text-primary, var(--sw-primitive-color-text));
  font-weight: 950;
}

.sw-products-catalog__coverage-row small,
.sw-products-catalog__module-row small {
  color: var(--sw-color-text-secondary, var(--sw-primitive-color-muted));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  line-height: 1.45;
}

.sw-products-catalog__coverage-row b {
  color: var(--sw-color-text-secondary, var(--sw-primitive-color-muted));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-products-catalog__secondary {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(calc(var(--sw-density-row-compact, var(--sw-primitive-density-row-height)) * 8), 0.42fr);
}

.sw-products-catalog__owner-panel,
.sw-products-catalog__readback-state {
  min-width: 0;
}

.sw-products-catalog__state-rows {
  align-content: start;
}

.sw-products-catalog__management-rows,
.sw-products-catalog__management-main,
.sw-products-catalog__management-actions {
  display: grid;
  gap: var(--sw-space-1, var(--sw-primitive-space-stack-sm));
}

.sw-products-catalog__management-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-space-2, var(--sw-primitive-space-stack-md));
  padding: var(--sw-space-row-padding, var(--sw-primitive-space-row-padding));
  border: var(--sw-border-subtle, var(--sw-primitive-border-subtle));
  border-radius: var(--sw-radius-panel, var(--sw-primitive-radius-panel));
  background: var(--sw-color-surface, var(--sw-primitive-color-panel));
}

.sw-products-catalog__management-main {
  min-width: 0;
}

.sw-products-catalog__management-main strong {
  color: var(--sw-color-text-primary, var(--sw-primitive-color-text));
  font-weight: 950;
}

.sw-products-catalog__management-main small,
.sw-products-catalog__action-message {
  color: var(--sw-color-text-secondary, var(--sw-primitive-color-muted));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  line-height: 1.45;
}

.sw-products-catalog__action-message[role="alert"] {
  color: var(--sw-color-danger, var(--sw-primitive-color-danger));
}

.sw-products-catalog__management-actions {
  justify-items: end;
}

.sw-products-catalog__management-actions .sw-storefront-action {
  min-width: max-content;
}

.sw-products-catalog__management-actions .sw-storefront-action:disabled {
  cursor: not-allowed;
  color: var(--sw-primitive-color-disabled);
}

.sw-products-catalog__disabled-action {
  display: inline-flex;
  align-items: center;
  min-height: var(--sw-density-control, var(--sw-primitive-density-control-height));
  padding-inline: var(--sw-primitive-space-control-padding);
  border: var(--sw-border-subtle, var(--sw-primitive-border-subtle));
  border-radius: var(--sw-radius-control, var(--sw-primitive-radius-control));
  background: var(--sw-color-surface-muted, var(--sw-primitive-color-panel-muted));
  color: var(--sw-color-text-secondary, var(--sw-primitive-color-muted));
  font-size: var(--sw-type-caption, var(--sw-primitive-type-caption-size));
  font-weight: 900;
}

.sw-products-catalog__retry {
  justify-self: start;
}

.sw-template-system-style-card,
.sw-template-system-page-card,
.sw-template-system-module-card {
  display: grid;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #ffffff;
  color: #111827;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.sw-template-system-style-card:hover,
.sw-template-system-style-card[data-active="true"],
.sw-template-system-page-card:hover {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.sw-template-system-style-card__body,
.sw-template-system-page-card span,
.sw-template-system-module-card div {
  display: grid;
  gap: 0.4rem;
}

.sw-template-system-style-card__body > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
}

.sw-template-system-style-card strong,
.sw-template-system-page-card strong,
.sw-template-system-module-card strong {
  color: #111827;
  font-weight: 950;
}

.sw-template-system-style-card small,
.sw-template-system-style-card em,
.sw-template-system-page-card small,
.sw-template-system-page-card em,
.sw-template-system-module-card p,
.sw-template-system-module-card__meta span {
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.45;
}

.sw-template-system-page-card__sections {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.55rem;
  padding-top: 0.55rem;
  border-top: 1px solid #e2e8f0;
}

.sw-template-system-page-card__sections small {
  display: block;
  color: #334155;
  font-weight: 850;
}

.sw-template-system-page-card__preview {
  display: grid;
  gap: 0.4rem;
  min-height: 6rem;
  padding: 0.55rem;
  border-radius: 0.85rem;
  background: linear-gradient(135deg, #eff6ff, #ffffff);
}

.sw-template-system-page-card__preview span {
  border-radius: 0.45rem;
  background: #cbd5e1;
}

.sw-template-builder-layout {
  grid-template-columns: 16rem minmax(0, 1fr) 22rem;
  align-items: start;
}

.sw-template-builder-rail,
.sw-template-builder-inspector {
  display: grid;
  gap: 0.75rem;
}

.sw-template-builder-rail button,
.sw-template-builder-library-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  background: #ffffff;
  color: #111827;
  text-align: left;
}

.sw-template-builder-rail button[data-active="true"] {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.sw-template-builder-region--shell {
  padding: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-template-builder-region--shell button {
  border-style: dashed;
}

.sw-template-builder-region--shell button[data-active="true"] {
  border-style: solid;
  background: #ecfeff;
  border-color: #67e8f9;
}

.sw-template-builder-rail button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-template-builder-library-item {
  cursor: default;
}

.sw-template-builder-library-item[aria-disabled="true"] {
  opacity: 0.72;
}

.sw-template-builder-layout--preview-workspace {
  grid-template-columns: 17rem minmax(0, 1fr);
}

.sw-template-builder-preview-workspace,
.sw-template-builder-section-editor,
.sw-template-builder-add-section-picker {
  min-width: 0;
  display: grid;
  gap: 1rem;
}

.sw-template-builder-preview-workspace[data-mode="inline-settings"] {
  align-items: start;
}

.sw-template-builder-section-editor__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem;
  border: 1px solid #dbeafe;
  border-radius: 0.95rem;
  background: #f8fbff;
}

.sw-template-builder-section-editor__head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.sw-template-builder-section-editor__head span,
.sw-template-builder-rail > div > span {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
}

.sw-template-builder-section-editor .sw-template-builder-inspector {
  border: 0;
  box-shadow: none;
  padding: 0;
}

.sw-template-builder-add-section-picker {
  padding: 0.75rem;
  border: 1px dashed #bfdbfe;
  border-radius: 0.95rem;
  background: #f8fbff;
}

.sw-template-builder-add-section-picker button {
  opacity: 0.78;
}

.sw-template-system-canvas {
  overflow: hidden;
}

.sw-template-system-canvas__browser {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}

.sw-template-system-canvas__browser span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #94a3b8;
}

.sw-template-system-canvas__browser strong {
  margin-left: auto;
  color: #64748b;
  font-size: 0.74rem;
}

.sw-template-system-canvas__page {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #f8fafc;
}

.sw-template-system-canvas__header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-system-canvas__header nav {
  display: flex;
  gap: 0.7rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
}

.sw-template-system-canvas__hero,
.sw-template-system-canvas__sections article {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

@media (max-width: 1180px) {
  .sw-template-system-hero,
  .sw-template-system-editor-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-template-system-hero__summary,
  .sw-template-system-toolbar,
  .sw-template-system-layout,
  .sw-template-system-detail-layout,
  .sw-template-builder-layout,
  .sw-template-system-style-grid,
  .sw-template-system-page-grid,
  .sw-template-system-framework-grid,
  .sw-products-catalog__row,
  .sw-products-catalog__coverage-row,
  .sw-products-catalog__management-row,
  .sw-products-catalog__secondary {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .sw-products-catalog__management-actions {
    justify-items: stretch;
  }
}

.sw-template-system-canvas[data-preview-mode="mobile"] {
  max-width: 26rem;
  margin-inline: auto;
}

.sw-template-system-canvas__tokens,
.sw-template-system-canvas__category-row,
.sw-template-system-canvas__product-grid,
.sw-template-system-module-tabs,
.sw-template-builder-inspector__tabs,
.sw-template-system-detail-preview {
  display: grid;
  gap: 0.65rem;
}

.sw-template-system-canvas__tokens {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0.75rem;
}

.sw-template-system-canvas__tokens span,
.sw-template-system-canvas__category-row span,
.sw-template-system-detail-preview {
  padding: 0.55rem 0.7rem;
  border-radius: 0.75rem;
  background: #eef6ff;
  color: #1e3a8a;
  font-size: 0.75rem;
  font-weight: 900;
}

.sw-template-system-canvas__hero button {
  width: fit-content;
  margin-top: 0.8rem;
  padding: 0.55rem 0.9rem;
  border: 0;
  border-radius: 999px;
  background: #0f172a;
  color: #ffffff;
  font-weight: 900;
}

.sw-template-system-canvas__category-row,
.sw-template-system-canvas__product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-template-system-canvas__product-grid article {
  display: grid;
  gap: 0.45rem;
  padding: 0.75rem;
  border-radius: 0.9rem;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.sw-template-system-canvas__product-grid i,
.sw-template-system-detail-preview i,
.sw-template-system-module-card__preview span {
  display: block;
  min-height: 4rem;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #cbd5e1, #f8fafc);
}

.sw-template-system-canvas [data-active="true"] {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

.sw-template-system-module-tabs,
.sw-template-builder-inspector__tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-template-system-module-tabs button,
.sw-template-builder-inspector__tabs button {
  padding: 0.45rem;
  border: 1px solid #dbeafe;
  border-radius: 0.7rem;
  background: #ffffff;
  color: #1e3a8a;
  font-weight: 900;
}

.sw-template-system-module-tabs button[data-active="true"],
.sw-template-builder-inspector__tabs button[data-active="true"],
.sw-template-system-module-card[data-active="true"] {
  border-color: #2563eb;
  background: #eff6ff;
}

.sw-template-system-module-card__preview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  padding: 0.55rem;
  border: 1px solid #dbeafe;
  border-radius: 0.85rem;
  background: #f8fbff;
}

.sw-template-builder-inspector__group,
.sw-template-builder-module-detail,
.sw-template-builder-inspector__field,
.sw-template-builder-inspector__field label,
.sw-template-builder-inspector__guard,
.sw-template-builder-inspector__empty,
.sw-composition-preview__draft-copy {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-template-builder-inspector__group {
  min-width: 0;
}

.sw-template-builder-module-detail {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow-card);
}

.sw-template-builder-module-detail div {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
}

.sw-template-builder-module-detail strong,
.sw-template-builder-module-detail span {
  min-width: 0;
}

.sw-template-builder-module-detail strong {
  color: var(--sw-admin-shell-ink);
}

.sw-template-builder-module-detail span {
  color: var(--sw-admin-shell-ink-soft);
  line-height: 1.45;
}

.sw-template-builder-module-detail .sw-storefront-action {
  grid-column: 1 / -1;
  justify-content: center;
}

.sw-template-builder-inspector__field {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-template-builder-inspector__field label {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-builder-inspector__field label span {
  min-width: 0;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-template-builder-inspector__field label small,
.sw-template-builder-inspector__field em {
  color: var(--sw-admin-shell-ink-soft);
  font-style: normal;
  font-weight: 900;
}

.sw-template-builder-inspector__field em {
  color: var(--sw-admin-shell-warning);
}

.sw-template-builder-inspector__field input,
.sw-template-builder-inspector__field textarea,
.sw-template-builder-inspector__field select,
.sw-template-builder-inspector__field output {
  width: 100%;
  min-width: 0;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  padding: var(--sw-admin-shell-panel-pad-compact);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  line-height: 1.45;
}

.sw-template-builder-inspector__field textarea {
  min-height: 5.8rem;
  resize: vertical;
}

.sw-template-builder-inspector__field output {
  display: block;
  color: var(--sw-admin-shell-ink-soft);
}

.sw-template-builder-inspector__field input:disabled,
.sw-template-builder-inspector__field textarea:disabled,
.sw-template-builder-inspector__field select:disabled,
.sw-template-builder-inspector__disabled-action:disabled {
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  cursor: not-allowed;
}

.sw-template-builder-inspector__disabled-action {
  width: 100%;
  min-height: var(--sw-admin-shell-control);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  font-weight: 950;
}

.sw-template-builder-inspector__toggle {
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: start;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-template-builder-inspector__toggle input {
  width: calc(var(--sw-admin-shell-control) / 2.5);
}

.sw-template-builder-hero-image-field {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-template-builder-hero-image-field__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-admin-shell-gap);
  align-items: center;
}

.sw-template-builder-hero-image-field__actions .sw-storefront-action {
  min-height: var(--sw-admin-shell-control);
  cursor: pointer;
}

.sw-template-builder-hero-image-field__actions .sw-storefront-action[aria-disabled="true"] {
  opacity: 0.62;
  pointer-events: none;
}

.sw-template-builder-hero-image-field__actions input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.sw-template-builder-hero-image-field small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 850;
}

.sw-template-builder-inspector__group[data-compact="true"] {
  gap: 0.35rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field {
  grid-template-columns: minmax(6.4rem, 0.22fr) minmax(0, 1fr);
  gap: 0.2rem 0.55rem;
  align-items: center;
  padding: 0.26rem 0;
  border: 0;
  border-bottom: var(--sw-admin-shell-border-soft);
  border-radius: 0;
  background: transparent;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field > label:not(.sw-template-builder-inspector__toggle) {
  grid-column: 1;
  min-height: 1.15rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field > label:not(.sw-template-builder-inspector__toggle) span {
  font-size: 0.78rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field > label:not(.sw-template-builder-inspector__toggle) small,
.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field .sw-badge {
  font-size: 0.68rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field input,
.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field textarea,
.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field select {
  grid-column: 2;
  min-height: 2.15rem;
  padding: 0.34rem 0.5rem;
  font-size: 0.78rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field textarea {
  min-height: 3rem;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__field > .sw-template-builder-inspector__toggle {
  grid-column: 2;
  width: fit-content;
  min-height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  padding: 0.18rem 0.4rem;
  border: 0;
  background: transparent;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__toggle input {
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  padding: 0;
}

.sw-template-builder-inspector__group[data-compact="true"] .sw-template-builder-inspector__toggle span {
  color: var(--sw-admin-shell-ink);
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.45;
}

.sw-template-builder-hero-image-field {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 0fr) auto;
  align-items: center;
  gap: 0.35rem;
  column-gap: 0;
}

.sw-template-builder-hero-image-field input {
  grid-column: 1 / 2;
}

.sw-template-builder-hero-image-field__actions {
  grid-column: 2 / 3;
  gap: 0.3rem;
}

.sw-template-builder-hero-image-field__actions .sw-storefront-action {
  min-height: 2.15rem;
  padding: 0.35rem 0.55rem;
  font-size: 0.72rem;
  white-space: nowrap;
}

.sw-template-builder-hero-image-field small {
  display: none;
}

.sw-template-builder-slide-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.4rem;
}

.sw-template-builder-slide-tabs button {
  position: relative;
  min-height: 6.25rem;
  display: grid;
  gap: 0.1rem;
  place-items: center;
  overflow: hidden;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-template-builder-slide-tabs[data-kind="featured-collection"] button {
  min-height: auto;
  aspect-ratio: 1 / 1;
}

.sw-template-builder-slide-tabs[data-kind="featured-collection"][data-card-ratio="4:5"] button {
  aspect-ratio: 4 / 5;
}

.sw-template-builder-slide-tabs button[data-has-image="true"] {
  min-height: 6.25rem;
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(15, 23, 42, 0.78);
}

.sw-template-builder-slide-tabs[data-kind="featured-collection"] button[data-has-image="true"] {
  min-height: auto;
}

.sw-template-builder-slide-tabs button[data-has-image="true"]::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.72));
}

.sw-template-builder-slide-tabs button img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-template-builder-slide-tabs button span,
.sw-template-builder-slide-tabs button small {
  position: relative;
  z-index: 1;
}

.sw-template-builder-slide-tabs button[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-template-builder-slide-tabs button[data-enabled="false"] {
  opacity: 0.58;
}

.sw-template-builder-slide-tabs small {
  color: var(--sw-admin-shell-ink-soft);
  font-size: 0.64rem;
  font-weight: 850;
}

.sw-template-builder-slide-tabs button[data-has-image="true"] small {
  color: rgba(255, 255, 255, 0.86);
}

.sw-template-builder-inspector__save-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  padding-top: var(--sw-admin-shell-gap);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--sw-admin-shell-surface) 38%);
}

.sw-template-builder-inspector__save-footer .sw-storefront-action {
  justify-content: center;
  min-height: 2.8rem;
}

.sw-template-builder-inspector__save-footer .sw-storefront-action:disabled {
  border-color: var(--sw-admin-shell-border);
  background: var(--sw-admin-shell-surface-soft);
  color: var(--sw-admin-shell-ink-soft);
  box-shadow: none;
}

.sw-template-builder-navbar-editor {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-gap);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: var(--sw-admin-shell-radius);
  background: #ffffff;
  color: #111827;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
}

.sw-template-builder-navbar-editor__head,
.sw-template-builder-navbar-editor__footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  justify-content: space-between;
}

.sw-template-builder-navbar-editor__head h3,
.sw-template-builder-navbar-editor__head p {
  margin: 0;
}

.sw-template-builder-navbar-editor__body {
  display: grid;
  grid-template-columns: minmax(11rem, 0.75fr) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
}

.sw-template-builder-navbar-editor__list,
.sw-template-builder-navbar-editor__form {
  display: grid;
  gap: 0.55rem;
}

.sw-template-builder-navbar-editor__list button {
  display: flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: #f8fafc;
  color: #111827;
  font-weight: 850;
}

.sw-template-builder-navbar-editor__list button[data-active="true"] {
  border-color: #67e8f9;
  background: #ecfeff;
}

.sw-template-builder-navbar-editor__form label {
  display: grid;
  gap: 0.3rem;
  font-size: 0.78rem;
  font-weight: 900;
}

.sw-template-builder-navbar-editor__form input,
.sw-template-builder-navbar-editor__form output {
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #ffffff;
  font-size: 0.88rem;
  font-weight: 800;
}

.sw-composition-preview [data-shell-active="true"] {
  outline: 2px solid #67e8f9;
  outline-offset: 3px;
}

.sw-composition-preview [data-shell-surface="navbar"] {
  position: relative;
}

.sw-composition-preview__shell-edit {
  min-height: 2rem;
  padding: 0.3rem 0.7rem;
  border: 0;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 950;
}

.sw-composition-preview__shell-editor {
  grid-column: 1 / -1;
}

.sw-template-style-media-source {
  display: grid;
  gap: 0.65rem;
  padding: 0.7rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-md);
  background: var(--sw-admin-shell-surface-soft);
}

.sw-template-style-media-source__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.sw-template-style-media-source__tabs button,
.sw-template-style-media-source__product button,
.sw-template-style-media-source__product select {
  min-height: 2.35rem;
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font-weight: 850;
}

.sw-template-style-media-source__tabs button[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-admin-shell-accent-soft);
  color: var(--sw-admin-shell-accent);
}

.sw-template-style-media-source__product {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
}

.sw-template-style-media-source__product span,
.sw-template-style-media-source__tag {
  color: var(--sw-admin-shell-ink-soft);
  font-size: 0.78rem;
  font-weight: 800;
}

.sw-template-style-media-source__product select {
  padding-inline: 0.65rem;
}

.sw-template-style-media-source__product button {
  padding-inline: 0.8rem;
}

.sw-template-builder-inspector__empty,
.sw-template-builder-inspector__guard {
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  color: var(--sw-admin-shell-ink-soft);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-template-builder-product-picker,
.sw-template-builder-media-picker,
.sw-template-builder-product-picker__status,
.sw-template-builder-product-picker__list,
.sw-template-builder-media-picker__grid,
.sw-composition-preview__product-binding {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-template-builder-product-picker__status {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-builder-product-picker__status span {
  color: var(--sw-admin-shell-ink-soft);
  font-weight: 850;
}

.sw-template-builder-product-picker__list,
.sw-template-builder-media-picker__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-template-builder-product-picker__list button,
.sw-template-builder-media-picker__grid button {
  min-width: 0;
  display: grid;
  gap: var(--sw-admin-shell-gap);
  justify-items: start;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  text-align: start;
  font: inherit;
}

.sw-template-builder-product-picker__list button[data-active="true"],
.sw-template-builder-media-picker__grid button[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-template-builder-product-picker__list img,
.sw-template-builder-product-picker__list button > span,
.sw-template-builder-media-picker__grid img,
.sw-template-builder-media-picker__grid button > span {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-soft);
  object-fit: cover;
}

.sw-template-builder-product-picker__list strong,
.sw-template-builder-media-picker__grid strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-admin-shell-type-body);
  font-weight: 950;
}

.sw-template-builder-product-picker__list small,
.sw-template-builder-media-picker__grid small {
  color: var(--sw-admin-shell-ink-soft);
  font-weight: 850;
}

.sw-composition-preview__draft-marker,
.sw-composition-preview__draft-copy,
.sw-composition-preview__product-binding,
.sw-composition-preview__read-state {
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-warning);
}

.sw-composition-preview__draft-marker {
  width: fit-content;
  padding: var(--sw-admin-shell-panel-pad-compact);
  font-weight: 950;
}

.sw-composition-preview__draft-copy {
  margin-top: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
}

.sw-composition-preview__draft-copy strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-composition-preview__draft-copy span {
  color: var(--sw-admin-shell-warning);
}

.sw-composition-preview__product-binding {
  padding: var(--sw-admin-shell-panel-pad-compact);
}

.sw-composition-preview__read-state {
  width: fit-content;
  padding: var(--sw-admin-shell-panel-pad-compact);
  font-weight: 850;
}

.sw-composition-preview__read-state span {
  color: var(--sw-admin-shell-warning);
}

.sw-composition-preview__product-binding strong,
.sw-composition-preview__product-binding span,
.sw-composition-preview__product-binding em {
  margin: 0;
  overflow-wrap: anywhere;
  font-style: normal;
}

.sw-composition-preview__product-binding strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-composition-preview__product-binding span,
.sw-composition-preview__product-binding em {
  color: var(--sw-admin-shell-warning);
  font-weight: 850;
}

.sw-theme-studio,
.sw-theme-studio__layout,
.sw-theme-studio__controls,
.sw-theme-studio__preview-stack,
.sw-theme-studio__rail,
.sw-theme-studio__control-group,
.sw-theme-studio__summary,
.sw-theme-studio__state-region,
.sw-theme-studio__summary dl,
.sw-theme-readiness,
.sw-theme-readiness__panels,
.sw-theme-readiness__panel,
.sw-theme-readiness__facts {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-studio__status,
.sw-theme-studio__toolbar,
.sw-theme-studio__target-switcher,
.sw-theme-studio__mode-switch,
.sw-theme-studio__actions,
.sw-theme-studio__summary-badges,
.sw-theme-readiness__strip,
.sw-theme-readiness__next-step {
  display: flex;
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-studio__status {
  flex-wrap: wrap;
  align-items: center;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-theme-studio__status span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--sw-admin-shell-gap);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-studio__toolbar {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-theme-studio__target-switcher,
.sw-theme-studio__mode-switch {
  flex-wrap: wrap;
}

.sw-theme-studio__target-switcher button,
.sw-theme-studio__mode-switch button,
.sw-theme-studio__option-grid button {
  min-height: var(--sw-admin-shell-control);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
  color: var(--sw-admin-shell-ink);
  font: inherit;
  font-size: var(--sw-admin-shell-type-body);
  font-weight: 900;
}

.sw-theme-studio__target-switcher button,
.sw-theme-studio__mode-switch button {
  padding-inline: var(--sw-admin-shell-panel-pad);
}

.sw-theme-studio__target-switcher button[data-active="true"],
.sw-theme-studio__mode-switch button[data-active="true"],
.sw-theme-studio__option-grid button[data-active="true"] {
  border-color: var(--sw-admin-shell-accent);
  background: var(--sw-primitive-color-accent-surface);
  box-shadow: var(--sw-admin-shell-focus);
}

.sw-theme-studio__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sw-theme-studio__summary-badges {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sw-theme-studio__layout {
  grid-template-columns:
    minmax(var(--sw-admin-shell-context-width), 0.52fr)
    minmax(0, 1fr)
    minmax(var(--sw-admin-shell-context-width), 0.42fr);
  align-items: start;
}

.sw-theme-studio__control-group,
.sw-theme-studio__summary,
.sw-theme-studio__state-region,
.sw-theme-readiness,
.sw-theme-readiness__panel {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-theme-studio__option-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--sw-admin-shell-status-max), 1fr));
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-studio__option-grid button {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
  justify-items: start;
  padding: var(--sw-admin-shell-panel-pad-compact);
  text-align: start;
}

.sw-theme-studio__option-grid strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-theme-studio__option-grid span,
.sw-theme-studio__summary p,
.sw-theme-readiness p,
.sw-theme-readiness__fact span,
.sw-theme-studio__save-message,
.sw-theme-studio__apply-message {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  line-height: 1.5;
}

.sw-theme-studio__summary dl {
  margin: 0;
}

.sw-theme-studio__summary dl div {
  display: grid;
  grid-template-columns: var(--sw-admin-shell-summary-min) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  padding-block: calc(var(--sw-admin-shell-gap) / 1.5);
  border-bottom: var(--sw-primitive-border-subtle);
}

.sw-theme-studio__summary dt,
.sw-theme-studio__summary dd {
  margin: 0;
}

.sw-theme-studio__summary dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-studio__summary dd {
  min-width: 0;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sw-theme-studio__preview-panel,
.sw-theme-studio__rail,
.sw-theme-studio__state-region,
.sw-theme-readiness,
.sw-theme-readiness__panel {
  min-width: 0;
}

.sw-theme-studio__preview-panel {
  align-content: start;
}

.sw-theme-studio__preview-head {
  margin-bottom: var(--sw-admin-shell-gap);
}

.sw-theme-studio__state-row {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--sw-admin-shell-summary-min) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  padding-block: calc(var(--sw-admin-shell-gap) / 1.5);
  border-bottom: var(--sw-primitive-border-subtle);
}

.sw-theme-studio__state-row span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-studio__state-row strong {
  min-width: 0;
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sw-theme-readiness {
  align-content: start;
}

.sw-theme-readiness h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-admin-shell-type-body);
  font-weight: 950;
}

.sw-theme-readiness__strip,
.sw-theme-readiness__next-step {
  flex-wrap: wrap;
  align-items: center;
}

.sw-theme-readiness__strip span,
.sw-theme-readiness__next-step span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--sw-admin-shell-gap) / 2);
  padding: calc(var(--sw-admin-shell-gap) / 2) var(--sw-admin-shell-gap);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 900;
}

.sw-theme-readiness__strip strong,
.sw-theme-readiness__next-step span {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
}

.sw-theme-readiness__panel {
  box-shadow: none;
}

.sw-theme-readiness__panel[data-readiness-status="ready"],
.sw-theme-readiness__fact[data-readiness-status="ready"] {
  border-color: color-mix(in srgb, var(--sw-primitive-color-success) 36%, var(--sw-primitive-color-border));
}

.sw-theme-readiness__panel[data-readiness-status="blocked"],
.sw-theme-readiness__panel[data-readiness-status="degraded"],
.sw-theme-readiness__fact[data-readiness-status="blocked"],
.sw-theme-readiness__fact[data-readiness-status="degraded"] {
  border-color: color-mix(in srgb, var(--sw-primitive-color-danger) 34%, var(--sw-primitive-color-border));
}

.sw-theme-readiness__fact {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--sw-admin-shell-summary-min) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  padding-block: calc(var(--sw-admin-shell-gap) / 1.5);
  border-bottom: var(--sw-primitive-border-subtle);
}

.sw-theme-readiness__fact dt,
.sw-theme-readiness__fact dd {
  min-width: 0;
  margin: 0;
}

.sw-theme-readiness__fact dt {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-readiness__fact dd {
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
}

.sw-theme-readiness__fact strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sw-theme-draft,
.sw-theme-draft__grid,
.sw-theme-draft__card,
.sw-theme-draft__seo-stack,
.sw-theme-draft__fields,
.sw-theme-draft__brand-list,
.sw-theme-proposal,
.sw-theme-proposal__ready,
.sw-theme-proposal__diff,
.sw-theme-proposal__protected {
  display: grid;
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-draft {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius);
  background: var(--sw-admin-shell-surface);
  box-shadow: var(--sw-admin-shell-shadow);
}

.sw-theme-draft__actions,
.sw-theme-draft__blocked-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-draft__grid {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  align-items: start;
}

.sw-theme-draft__card {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-theme-draft h4 {
  margin: 0;
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-admin-shell-type-body);
  font-weight: 950;
}

.sw-theme-draft p,
.sw-theme-draft__brand-list span,
.sw-theme-draft__busy {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  line-height: 1.5;
}

.sw-theme-draft__brand-list {
  margin: 0;
}

.sw-theme-draft__brand-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--sw-admin-shell-summary-min) minmax(0, 1fr);
  gap: var(--sw-admin-shell-gap);
  padding-block: calc(var(--sw-admin-shell-gap) / 1.5);
  border-bottom: var(--sw-primitive-border-subtle);
}

.sw-theme-draft__brand-list dt,
.sw-theme-draft__brand-list dd {
  min-width: 0;
  margin: 0;
}

.sw-theme-draft__brand-list dt,
.sw-theme-draft__fields label span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-draft__brand-list dd {
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
}

.sw-theme-draft__brand-list strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sw-theme-proposal {
  min-width: 0;
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-theme-proposal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-admin-shell-gap);
}

.sw-theme-proposal__actions .sw-storefront-action {
  min-height: var(--sw-admin-shell-control);
}

.sw-theme-proposal__state,
.sw-theme-proposal__mode {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-theme-proposal__state span,
.sw-theme-proposal__mode span,
.sw-theme-proposal__diff-row span {
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-proposal__state strong,
.sw-theme-proposal__mode strong,
.sw-theme-proposal__diff-row strong {
  color: var(--sw-admin-shell-ink);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sw-theme-proposal__diff-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(7rem, 0.6fr) minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface-tint);
}

.sw-theme-proposal__diff-row > div,
.sw-theme-proposal__diff-row label {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
}

.sw-theme-proposal__diff-label {
  color: var(--sw-admin-shell-ink);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 950;
}

.sw-theme-proposal__diff-row :is(input, textarea).sw-input {
  width: 100%;
  min-width: 0;
  min-height: var(--sw-admin-shell-control);
}

.sw-theme-proposal__diff-row textarea.sw-input {
  min-height: calc(var(--sw-admin-shell-control) * 1.75);
  resize: vertical;
}

.sw-theme-proposal__diff-row input[type="checkbox"] {
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
  accent-color: var(--sw-admin-shell-accent);
}

.sw-theme-proposal__protected {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-theme-proposal__protected span {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
  padding: calc(var(--sw-admin-shell-gap) / 1.5) var(--sw-admin-shell-gap);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 900;
}

.sw-theme-proposal__protected strong {
  color: var(--sw-admin-shell-danger);
  font-weight: 950;
}

.sw-theme-draft__fields label {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-admin-shell-gap) / 2);
}

.sw-theme-draft__fields :is(input, textarea).sw-input {
  width: 100%;
  min-width: 0;
  min-height: var(--sw-admin-shell-control);
  resize: vertical;
}

.sw-theme-draft__fields textarea.sw-input {
  min-height: calc(var(--sw-admin-shell-control) * 2);
}

.sw-theme-draft__toggle {
  display: flex;
  align-items: center;
  gap: var(--sw-admin-shell-gap);
  min-height: var(--sw-admin-shell-control);
  padding: var(--sw-admin-shell-panel-pad-compact);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-admin-shell-radius-sm);
  background: var(--sw-admin-shell-surface);
}

.sw-theme-draft__toggle input {
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
  accent-color: var(--sw-admin-shell-accent);
}

.sw-theme-draft__blocked-strip {
  justify-content: flex-start;
  padding-top: var(--sw-admin-shell-gap);
  border-top: var(--sw-primitive-border-subtle);
}

.sw-theme-draft__blocked-strip span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--sw-admin-shell-gap) / 2);
  padding: calc(var(--sw-admin-shell-gap) / 2) var(--sw-admin-shell-gap);
  border: var(--sw-admin-shell-border-soft);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-admin-shell-surface-tint);
  color: var(--sw-admin-shell-ink-soft);
  font-size: var(--sw-admin-shell-type-caption);
  font-weight: 900;
}

.sw-theme-draft__blocked-strip strong {
  color: var(--sw-admin-shell-danger);
  font-weight: 950;
}

.sw-composition-preview.sw-theme-preview {
  background: var(--sw-theme-preview-surface);
  border-color: var(--sw-theme-preview-border);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__surface {
  gap: var(--sw-theme-preview-gap);
  border-color: var(--sw-theme-preview-border);
  border-radius: var(--sw-theme-preview-radius);
  background: var(--sw-theme-preview-bg);
}

.sw-composition-preview.sw-theme-preview .sw-visual-shell-announcement,
.sw-composition-preview.sw-theme-preview .sw-visual-shell-footer {
  background: var(--sw-theme-preview-ink);
  color: var(--sw-theme-preview-accent-contrast);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__header,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__section,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__product-summary,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__purchase,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__collection {
  border-color: var(--sw-theme-preview-border);
  border-radius: var(--sw-theme-preview-radius);
  background: var(--sw-theme-preview-surface);
  color: var(--sw-theme-preview-ink);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__main {
  gap: var(--sw-theme-preview-gap);
  padding: var(--sw-theme-preview-pad);
  background: var(--sw-theme-preview-bg);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__section {
  padding: var(--sw-theme-preview-pad);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__section p,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__section h3,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__header b,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__grid b {
  color: var(--sw-theme-preview-ink);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__section span,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__header nav,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__header div,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__facts,
.sw-composition-preview.sw-theme-preview .sw-visual-shell-footer span {
  color: var(--sw-theme-preview-muted);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__media-main,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__hero-media,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__grid i,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__media-strip span,
.sw-composition-preview.sw-theme-preview .sw-composition-preview__summary-stack span {
  border-radius: var(--sw-theme-preview-radius);
  background: var(--sw-theme-preview-panel);
  color: var(--sw-theme-preview-ink);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__grid article {
  border-color: var(--sw-theme-preview-border);
  border-radius: var(--sw-theme-preview-radius);
  background: var(--sw-theme-preview-surface);
}

.sw-composition-preview.sw-theme-preview .sw-composition-preview__grid i {
  aspect-ratio: var(--sw-theme-preview-card-ratio);
  min-height: 0;
}

.sw-composition-preview.sw-theme-preview button,
.sw-composition-preview.sw-theme-preview select {
  border-radius: var(--sw-theme-preview-control-radius);
}

.sw-composition-preview.sw-theme-preview--button-solid-pill button:not(:disabled) {
  border-color: var(--sw-theme-preview-accent);
  background: var(--sw-theme-preview-accent);
  color: var(--sw-theme-preview-accent-contrast);
}

.sw-composition-preview.sw-theme-preview--button-quiet-rectangle button:not(:disabled) {
  border-color: var(--sw-theme-preview-border);
  background: var(--sw-theme-preview-surface);
  color: var(--sw-theme-preview-ink);
}

.sw-composition-preview.sw-theme-preview--button-outline-compact button:not(:disabled) {
  border-color: var(--sw-theme-preview-accent);
  background: transparent;
  color: var(--sw-theme-preview-accent);
}

.sw-composition-preview.sw-theme-preview--type-editorial-sans h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 800;
}

.sw-composition-preview.sw-theme-preview--type-precision-sans h3,
.sw-composition-preview.sw-theme-preview--type-precision-sans b,
.sw-composition-preview.sw-theme-preview--type-precision-sans strong {
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-weight: 950;
}

.sw-composition-preview.sw-theme-preview--header-split-utility .sw-composition-preview__header {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.sw-composition-preview.sw-theme-preview--header-split-utility .sw-composition-preview__header div {
  grid-column: 1 / -1;
  justify-content: flex-end;
  border-top: var(--sw-primitive-border-subtle);
  padding-top: calc(var(--sw-theme-preview-gap) / 2);
}

.sw-composition-preview.sw-theme-preview--header-quiet-minimal .sw-composition-preview__header nav,
.sw-composition-preview.sw-theme-preview--header-quiet-minimal .sw-composition-preview__header div {
  color: var(--sw-theme-preview-muted);
  opacity: 0.72;
}

.sw-composition-preview.sw-theme-preview--footer-compact-policy .sw-composition-preview__footer {
  grid-template-columns: 1fr;
}

.sw-composition-preview.sw-theme-preview--footer-newsletter-led .sw-composition-preview__footer section:first-child {
  padding: var(--sw-theme-preview-pad);
  border-radius: var(--sw-theme-preview-radius);
  background: var(--sw-theme-preview-accent);
}

@media (max-width: 1180px) {
  .sw-theme-studio__layout {
    grid-template-columns: 1fr;
  }

  .sw-theme-studio__toolbar {
    align-items: stretch;
  }

  .sw-theme-studio__actions {
    order: -1;
    width: 100%;
    justify-content: stretch;
  }

  .sw-theme-studio__actions .sw-storefront-action {
    flex: 1 1 calc((100% - var(--sw-admin-shell-gap)) / 2);
    justify-content: center;
  }

  .sw-theme-draft__grid {
    grid-template-columns: 1fr;
  }

  .sw-theme-draft__actions {
    width: 100%;
    justify-content: stretch;
  }

  .sw-theme-draft__actions .sw-storefront-action {
    flex: 1 1 calc((100% - var(--sw-admin-shell-gap)) / 2);
    justify-content: center;
  }

  .sw-theme-proposal__actions .sw-storefront-action {
    flex: 1 1 100%;
  }

  .sw-theme-proposal__diff-row,
  .sw-theme-proposal__protected {
    grid-template-columns: 1fr;
  }
}

.sw-storefront-toolbar,
.sw-storefront-toolbar__actions,
.sw-storefront-hero,
.sw-storefront-hero__actions,
.sw-storefront-panel__head,
.sw-storefront-module-row,
.sw-storefront-chip-list,
.sw-storefront-editor__header,
.sw-storefront-editor__workspace,
.sw-storefront-editor__rail button {
  display: flex;
  align-items: center;
}

.sw-storefront-toolbar {
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1rem 1.125rem;
  border: 1px solid var(--sw-admin-shell-line);
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-storefront-toolbar h2,
.sw-storefront h2,
.sw-storefront h3,
.sw-storefront-editor h2,
.sw-storefront-editor h3 {
  margin: 0;
  letter-spacing: -0.035em;
}

.sw-storefront-toolbar h2 {
  font-size: 1.2rem;
}

.sw-storefront-toolbar__actions,
.sw-storefront-hero__actions,
.sw-storefront-chip-list {
  gap: 0.625rem;
  flex-wrap: wrap;
}

.sw-storefront-eyebrow {
  margin: 0 0 0.35rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sw-storefront-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.875rem;
  font-size: 0.875rem;
  font-weight: 900;
  text-decoration: none;
}

.sw-storefront-action svg {
  width: 0.95rem;
  height: 0.95rem;
}

.sw-storefront-action--primary {
  border: 1px solid #2563eb;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.sw-storefront-action--secondary {
  border: 1px solid #d7e0ee;
  background: #ffffff;
  color: #334155;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

.sw-storefront,
.sw-storefront-editor {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.sw-storefront-hero {
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid #dbe6f4;
  border-radius: 1.45rem;
  background:
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.15), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #eff6ff 100%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

.sw-storefront-hero h2,
.sw-storefront-editor__header h2 {
  color: #0f172a;
  font-size: clamp(1.6rem, 2.4vw, 2.35rem);
  line-height: 1.02;
}

.sw-storefront-hero p {
  max-width: 45rem;
  margin: 0.85rem 0 0;
  color: #475569;
  line-height: 1.65;
}

.sw-storefront-hero__actions {
  align-content: center;
  justify-content: flex-end;
}

.sw-storefront-metric-grid,
.sw-storefront-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.sw-storefront-metric,
.sw-storefront-panel,
.sw-storefront-readiness-grid article {
  min-width: 0;
  border: 1px solid #dfe8f5;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-storefront-metric {
  padding: 0.9rem 1rem;
}

.sw-storefront-metric__icon,
.sw-storefront-module-row__icon,
.sw-storefront-preview-card,
.sw-storefront-readiness-grid article svg {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.82rem;
  background: linear-gradient(135deg, #dbeafe, #eef2ff);
  color: #2563eb;
}

.sw-storefront-metric__icon svg,
.sw-storefront-module-row__icon svg,
.sw-storefront-preview-card svg,
.sw-storefront-readiness-grid article svg {
  width: 1.1rem;
  height: 1.1rem;
}

.sw-storefront-metric span:not(.sw-storefront-metric__icon),
.sw-storefront-metric small {
  display: block;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
}

.sw-storefront-metric strong {
  display: block;
  margin: 0.25rem 0;
  color: #111827;
  font-size: 1.35rem;
  font-weight: 950;
}

.sw-storefront-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 19rem;
  gap: 1rem;
  min-width: 0;
}

.sw-storefront-panel {
  padding: 1rem;
}

.sw-storefront-panel__head {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.sw-storefront-panel__head h3 {
  font-size: 1.05rem;
}

.sw-storefront-module-list {
  display: grid;
  gap: 0.65rem;
}

.sw-storefront-module-row {
  width: 100%;
  min-width: 0;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #ffffff;
  color: #111827;
  cursor: pointer;
  text-align: left;
}

.sw-storefront-module-row:hover,
.sw-storefront-module-row[data-active="true"] {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.sw-storefront-module-row__copy {
  min-width: 0;
  flex: 1;
}

.sw-storefront-module-row__copy strong,
.sw-storefront-module-row__copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sw-storefront-module-row__copy strong {
  color: #111827;
  font-weight: 950;
  white-space: nowrap;
}

.sw-storefront-module-row__copy small {
  display: -webkit-box;
  margin-top: 0.2rem;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sw-storefront-module-row__type {
  color: #475569;
  font-size: 0.8rem;
  font-weight: 900;
}

.sw-storefront-inspector__body {
  display: grid;
  gap: 0.8rem;
}

.sw-storefront-preview-card {
  width: 100%;
  height: 10rem;
  border-radius: 1rem;
  background:
    linear-gradient(#dbeafe 1px, transparent 1px),
    linear-gradient(90deg, #dbeafe 1px, transparent 1px),
    #f8fbff;
  background-size: 28px 28px;
}

.sw-storefront-preview-card svg {
  width: 2.4rem;
  height: 2.4rem;
}

.sw-storefront-inspector__body h4,
.sw-storefront-inspector__body p {
  margin: 0;
}

.sw-storefront-inspector__body h4 {
  color: #111827;
  font-size: 1.08rem;
  font-weight: 950;
}

.sw-storefront-inspector__body p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.55;
}

.sw-storefront-readiness {
  min-width: 0;
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.35rem;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-storefront-readiness-grid article {
  display: grid;
  gap: 0.55rem;
  align-content: start;
  padding: 0.95rem;
}

.sw-storefront-readiness-grid article strong {
  color: #111827;
  font-size: 0.98rem;
  font-weight: 950;
}

.sw-storefront-readiness-grid article p {
  margin: 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.5;
}

.sw-storefront-editor__header {
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid #dbe6f4;
  border-radius: 1.45rem;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

.sw-storefront-editor__header div {
  min-width: 0;
  flex: 1;
}

.sw-storefront-editor__header span {
  display: block;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.86rem;
  font-weight: 800;
}

.sw-storefront-editor__workspace {
  align-items: stretch;
  gap: 1rem;
  min-width: 0;
}

.sw-storefront-editor__rail {
  flex: 0 0 16.5rem;
}

.sw-storefront-editor__rail button {
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 2.8rem;
  margin-top: 0.55rem;
  padding: 0 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #ffffff;
  color: #111827;
  font-weight: 900;
  cursor: pointer;
}

.sw-storefront-editor__rail button[data-active="true"] {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.sw-storefront-editor__canvas {
  flex: 1;
  min-width: 0;
  padding: 1rem;
  border: 1px solid #dfe8f5;
  border-radius: 1.35rem;
  background:
    linear-gradient(#e8eef7 1px, transparent 1px),
    linear-gradient(90deg, #e8eef7 1px, transparent 1px),
    #f3f7fc;
  background-size: 32px 32px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sw-storefront-page-preview {
  overflow: hidden;
  max-width: 44rem;
  min-height: 35rem;
  margin: 0 auto;
  border: 1px solid #dbe3ee;
  border-radius: 1.1rem;
  background: #ffffff;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.16);
}

.sw-storefront-page-preview__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.2rem;
  padding: 0 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 900;
}

.sw-storefront-page-preview__hero {
  padding: 2.2rem;
  background: linear-gradient(135deg, #0f172a, #111827);
  color: #ffffff;
}

.sw-storefront-page-preview__hero p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.14em;
}

.sw-storefront-page-preview__hero h3 {
  max-width: 29rem;
  margin: 0.8rem 0;
  font-size: 2.1rem;
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.sw-storefront-page-preview__hero span {
  color: #cbd5e1;
  line-height: 1.6;
}

.sw-storefront-page-preview__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1.5rem;
}

.sw-storefront-page-preview__grid span {
  min-height: 9rem;
  border-radius: 1rem;
  background: #f1f5f9;
}

.sw-storefront-editor__assistant {
  flex: 0 0 18rem;
}

.sw-storefront-editor__assistant p {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.55;
}

.sw-storefront-workspace--styles {
  grid-template-columns: minmax(0, 1fr) 20rem;
}

.sw-storefront-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.sw-storefront-style-card {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 1.1rem;
  background: #ffffff;
  color: #111827;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.sw-storefront-style-card:hover,
.sw-storefront-style-card[data-active="true"] {
  border-color: #bfdbfe;
  background: #f8fbff;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.1);
}

.sw-storefront-style-card__body,
.sw-storefront-style-card__topline,
.sw-storefront-style-card__meta,
.sw-storefront-style-facts {
  display: grid;
  min-width: 0;
}

.sw-storefront-style-card__body {
  gap: 0.55rem;
}

.sw-storefront-style-card__topline {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
}

.sw-storefront-style-card__topline strong {
  overflow: hidden;
  color: #111827;
  font-size: 0.98rem;
  font-weight: 950;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-storefront-style-card__body small {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.6rem;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sw-storefront-style-card__meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
}

.sw-storefront-style-card__meta span {
  overflow: hidden;
  padding: 0.35rem 0.45rem;
  border-radius: 0.65rem;
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-storefront-style-thumb {
  position: relative;
  display: grid;
  grid-template-rows: 1.45rem 1fr 3.2rem;
  overflow: hidden;
  width: 100%;
  min-height: 10.5rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.sw-storefront-style-thumb__browser {
  display: flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0 0.65rem;
  background: rgba(255, 255, 255, 0.76);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.sw-storefront-style-thumb__browser span {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.28);
}

.sw-storefront-style-thumb__hero {
  display: block;
  margin: 0.65rem;
  border-radius: 0.85rem;
}

.sw-storefront-style-thumb__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.45rem;
  padding: 0 0.65rem 0.65rem;
}

.sw-storefront-style-thumb__content span {
  display: block;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.sw-storefront-style-thumb--minimal {
  background: linear-gradient(135deg, #f8fafc, #ffffff 50%, #dbeafe);
}

.sw-storefront-style-thumb--minimal .sw-storefront-style-thumb__hero {
  background: linear-gradient(135deg, #111827, #334155);
}

.sw-storefront-style-thumb--editorial {
  background: linear-gradient(135deg, #fff7ed, #fafaf9 48%, #e7e5e4);
}

.sw-storefront-style-thumb--editorial .sw-storefront-style-thumb__hero {
  background: linear-gradient(135deg, #78350f, #d6d3d1);
}

.sw-storefront-style-thumb--launch {
  background: linear-gradient(135deg, #0f172a, #1d4ed8 52%, #dbeafe);
}

.sw-storefront-style-thumb--launch .sw-storefront-style-thumb__browser {
  background: rgba(15, 23, 42, 0.52);
}

.sw-storefront-style-thumb--launch .sw-storefront-style-thumb__browser span {
  background: rgba(255, 255, 255, 0.6);
}

.sw-storefront-style-thumb--launch .sw-storefront-style-thumb__hero {
  background: linear-gradient(135deg, #ffffff, #93c5fd);
}

.sw-storefront-style-thumb--boutique {
  background: linear-gradient(135deg, #1c1917, #7c2d12 58%, #fed7aa);
}

.sw-storefront-style-thumb--boutique .sw-storefront-style-thumb__browser {
  background: rgba(28, 25, 23, 0.58);
}

.sw-storefront-style-thumb--boutique .sw-storefront-style-thumb__browser span {
  background: rgba(255, 255, 255, 0.56);
}

.sw-storefront-style-thumb--boutique .sw-storefront-style-thumb__hero {
  background: linear-gradient(135deg, #fef3c7, #451a03);
}

.sw-storefront-style-thumb--catalog {
  background: linear-gradient(135deg, #e2e8f0, #ffffff 45%, #bfdbfe);
}

.sw-storefront-style-thumb--catalog .sw-storefront-style-thumb__hero {
  background: linear-gradient(90deg, #cbd5e1 0 22%, #ffffff 22% 28%, #60a5fa 28% 100%);
}

.sw-storefront-style-thumb--commerce {
  background: linear-gradient(135deg, #020617, #111827 55%, #bbf7d0);
}

.sw-storefront-style-thumb--commerce .sw-storefront-style-thumb__browser {
  background: rgba(2, 6, 23, 0.6);
}

.sw-storefront-style-thumb--commerce .sw-storefront-style-thumb__browser span {
  background: rgba(255, 255, 255, 0.58);
}

.sw-storefront-style-thumb--commerce .sw-storefront-style-thumb__hero {
  background: linear-gradient(135deg, #22c55e, #f8fafc);
}

.sw-storefront-inspector__body > .sw-storefront-style-thumb {
  min-height: 11.5rem;
}

.sw-storefront-style-facts {
  gap: 0.5rem;
}

.sw-storefront-style-facts span {
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  background: #f8fafc;
  color: #111827;
  font-size: 0.82rem;
  font-weight: 900;
}

.sw-storefront-style-facts b {
  color: #64748b;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-storefront-page-template-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}

.sw-storefront-page-template-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.sw-storefront-page-template-section__head h3 {
  margin: 0;
  color: #111827;
  font-size: 1.02rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.sw-storefront-page-template-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.sw-storefront-page-template-card {
  display: grid;
  grid-template-rows: 6rem auto;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #ffffff;
  color: #111827;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.sw-storefront-page-template-card:hover,
.sw-storefront-page-template-card:focus-visible {
  border-color: #bfdbfe;
  background: #f8fbff;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.1);
  outline: none;
}

.sw-storefront-page-template-card__preview {
  display: grid;
  gap: 0.38rem;
  padding: 0.55rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.85rem;
  background: linear-gradient(135deg, #f8fafc, #eff6ff);
}

.sw-storefront-page-template-card__preview span {
  display: block;
  border-radius: 0.45rem;
  background: #cbd5e1;
}

.sw-storefront-page-template-card__preview span:first-child {
  background: #111827;
}

.sw-storefront-page-template-card__body {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.sw-storefront-page-template-card__topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
}

.sw-storefront-page-template-card__topline strong {
  overflow: hidden;
  color: #111827;
  font-size: 0.9rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-storefront-page-template-card__body small {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.35rem;
  color: #64748b;
  font-size: 0.74rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sw-storefront-page-template-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.sw-storefront-page-template-card__meta span {
  overflow: hidden;
  padding: 0.32rem 0.42rem;
  border-radius: 0.6rem;
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-storefront-detail-tabs {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding: 0.5rem;
  border: 1px solid #dfe8f5;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.sw-storefront-detail-tabs span,
.sw-storefront-detail-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 2.35rem;
  padding: 0 0.8rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.sw-storefront-detail-tabs span[data-active="true"],
.sw-storefront-detail-tabs a:hover,
.sw-storefront-detail-tabs a:focus-visible {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.sw-storefront-style-detail-grid {
  display: grid;
  grid-template-columns: 20rem minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
}

.sw-storefront-style-detail-grid .sw-storefront-panel > h3,
.sw-storefront-theme-grid .sw-storefront-panel > h3 {
  margin: 0.85rem 0 0.5rem;
  color: #111827;
  font-size: 1.08rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.sw-storefront-style-detail-grid .sw-storefront-panel > p,
.sw-storefront-theme-grid .sw-storefront-panel > p {
  margin: 0 0 0.85rem;
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.55;
}

.sw-storefront-editor__rail-link {
  display: flex;
  align-items: center;
  min-height: 2.55rem;
  margin-top: 0.5rem;
  padding: 0 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  background: #ffffff;
  color: #111827;
  font-size: 0.84rem;
  font-weight: 900;
  text-decoration: none;
}

.sw-storefront-editor__rail-link:hover,
.sw-storefront-editor__rail-link:focus-visible,
.sw-storefront-editor__rail-link[data-active="true"] {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.sw-storefront-editor__rail-kicker {
  margin-top: 1rem;
}

.sw-storefront-theme-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.sw-storefront-theme-grid .sw-storefront-panel {
  display: grid;
  align-content: start;
  gap: 0.55rem;
}

@media (max-width: 1180px) {
  .sw-storefront-toolbar,
  .sw-storefront-hero,
  .sw-storefront-editor__header,
  .sw-storefront-editor__workspace {
    align-items: stretch;
    flex-direction: column;
  }

  .sw-storefront-workspace,
  .sw-storefront-metric-grid,
  .sw-storefront-readiness-grid {
    grid-template-columns: 1fr;
  }

  .sw-storefront-editor__rail,
  .sw-storefront-editor__assistant {
    flex-basis: auto;
  }
}

.sw-template-builder--advanced {
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
}


.sw-template-builder-action-toolbar,
.sw-template-builder-status-strip,
.sw-template-builder-page-list,
.sw-template-builder-inspector__group,
.sw-template-builder-inspector__guard,
.sw-composition-preview__facts,
.sw-composition-preview__summary-stack,
.sw-composition-preview__media-strip {
  display: flex;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-template-builder-action-toolbar,
.sw-template-builder-status-strip {
  align-items: center;
  flex-wrap: wrap;
}

.sw-template-builder-action-toolbar .sw-storefront-action[data-active="true"] {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
}

.sw-template-builder-action-toolbar .sw-storefront-action:disabled,
.sw-composition-preview__collection-gaps button:disabled,
.sw-composition-preview__newsletter-actions button:disabled,
.sw-composition-preview__purchase button:disabled,
.sw-composition-preview__purchase select:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-template-builder-status-strip {
  min-height: var(--sw-primitive-density-toolbar-height);
  padding: var(--sw-primitive-space-toolbar-padding) var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-template-builder-status-strip span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-template-builder-contract {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-template-builder-contract__copy,
.sw-template-builder-contract__facts,
.sw-template-builder-contract__actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-template-builder-contract__copy h3,
.sw-template-builder-contract__copy p {
  margin: 0;
}

.sw-template-builder-contract__copy h3 {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-template-builder-contract__copy p {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-template-builder-contract__facts {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sw-template-builder-contract__facts span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-template-builder-contract__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sw-template-builder-contract__actions .sw-storefront-action:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-template-preview-bridge {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--sw-primitive-space-grid-gap);
  min-width: 0;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-template-preview-bridge__copy,
.sw-template-preview-bridge__meta,
.sw-template-preview-bridge__actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-template-preview-bridge__copy h3,
.sw-template-preview-bridge__copy p {
  margin: 0;
}

.sw-template-preview-bridge__copy h3 {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-template-preview-bridge__copy p,
.sw-template-preview-bridge__meta span {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-template-preview-bridge__meta {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sw-template-preview-bridge__meta span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-neutral-surface);
  font-weight: 750;
}

.sw-template-preview-bridge__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sw-template-preview-bridge__actions .sw-storefront-action:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-template-builder-state {
  display: grid;
  gap: var(--sw-primitive-space-stack-lg);
  max-width: var(--sw-primitive-density-dialog-width);
  padding: var(--sw-primitive-space-state-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-danger-surface);
}

.sw-template-builder-state h2,
.sw-template-builder-state p {
  margin: 0;
}

.sw-template-builder-state h2 {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-page-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-template-builder-state p {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-template-builder-page-list {
  flex-direction: column;
}

.sw-template-builder-page-list__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: var(--sw-primitive-density-row-height);
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 750;
  text-decoration: none;
}

.sw-template-builder-page-list__item[data-active="true"],
.sw-template-builder-page-list__item:focus-visible,
.sw-template-builder-page-list__item:hover {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
  outline: none;
}

.sw-template-builder-inspector__group,
.sw-template-builder-inspector__guard {
  flex-direction: column;
  padding: var(--sw-primitive-space-panel-padding-compact);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-template-builder-inspector__control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
  min-height: var(--sw-primitive-density-row-height);
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
}

.sw-template-builder-inspector__control small,
.sw-template-builder-inspector__empty,
.sw-template-builder-inspector__guard span {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-template-builder-inspector__control small {
  grid-column: 1 / -1;
}

.sw-composition-preview {
  min-width: 0;
  border-radius: var(--sw-primitive-radius-panel);
}

.sw-composition-preview__surface {
  position: relative;
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-composition-preview__header {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.sw-composition-preview__main {
  padding: var(--sw-primitive-space-panel-padding);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-composition-preview__main[data-page-id="product-page"] {
  grid-template-columns: minmax(0, 1.16fr) minmax(calc(var(--sw-primitive-density-inspector-width) * 0.72), 0.84fr);
  align-items: start;
}

.sw-composition-preview__main[data-page-id="collection-page"] {
  grid-template-columns: minmax(0, 1fr);
}

.sw-composition-preview__section-frame {
  position: relative;
  min-width: 0;
  display: grid;
}

.sw-composition-preview__section-frame[data-active="true"] {
  z-index: 1;
}

.sw-composition-preview__section {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-panel-padding);
  padding-bottom: calc(var(--sw-primitive-space-panel-padding) + var(--sw-primitive-density-control-height));
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
}

.sw-composition-preview__section-actions {
  position: absolute;
  z-index: 12;
  right: 0.85rem;
  bottom: 0.85rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  justify-content: flex-end;
  padding: 0.35rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(10px);
}

.sw-composition-preview__section-actions .sw-storefront-action {
  min-height: 2.1rem;
  padding: 0.42rem 0.75rem;
  font-size: 0.74rem;
}

.sw-composition-preview__section[data-active="true"] {
  border-color: var(--sw-primitive-color-accent);
  box-shadow: var(--sw-primitive-shadow-focus);
}

.sw-composition-preview__section p,
.sw-composition-preview__section h3,
.sw-composition-preview__section span {
  margin: 0;
}

.sw-composition-preview__section p {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-composition-preview__section h3 {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-composition-preview__hero {
  grid-template-columns: minmax(0, 1fr) minmax(calc(var(--sw-primitive-density-inspector-width) * 0.75), 0.9fr);
  align-items: stretch;
}

.sw-composition-preview__hero .sw-composition-preview__facts {
  grid-column: 1 / -1;
}

.sw-composition-preview__hero-media,
.sw-composition-preview__media-main,
.sw-composition-preview__grid i,
.sw-composition-preview__media-strip span {
  display: grid;
  min-height: calc(var(--sw-primitive-density-row-height) * 3);
  place-items: center;
  border-radius: var(--sw-primitive-radius-panel);
  background: linear-gradient(135deg, var(--sw-primitive-color-panel-muted), var(--sw-primitive-color-accent-surface));
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-composition-preview__hero-carousel {
  width: 100%;
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-content: stretch;
}

.sw-composition-preview__hero-carousel-copy {
  display: grid;
  gap: 0.45rem;
  align-content: start;
  justify-items: start;
  padding: 0.85rem;
  border-radius: var(--sw-primitive-radius-control);
  background: rgba(255, 255, 255, 0.74);
}

.sw-composition-preview__hero-carousel-copy strong {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-composition-preview__hero-carousel-copy span {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-body-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-composition-preview__hero-carousel-copy a {
  min-height: var(--sw-primitive-density-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--sw-primitive-space-control-padding);
  border-radius: var(--sw-primitive-radius-pill);
  background: var(--sw-primitive-color-text);
  color: var(--sw-primitive-color-panel);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  text-decoration: none;
}

.sw-composition-preview__hero-carousel-media {
  display: grid;
  min-height: calc(var(--sw-primitive-density-row-height) * 3);
  place-items: center;
  overflow: hidden;
  border-radius: var(--sw-primitive-radius-control);
  background: linear-gradient(135deg, var(--sw-primitive-color-panel-muted), var(--sw-primitive-color-accent-surface));
}

.sw-composition-preview__hero-carousel-media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.sw-composition-preview__hero-carousel-meta,
.sw-composition-preview__hero-carousel-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.sw-composition-preview__hero-carousel-meta span,
.sw-composition-preview__hero-carousel-dots span {
  padding: 0.25rem 0.55rem;
  border-radius: var(--sw-primitive-radius-pill);
  background: rgba(255, 255, 255, 0.78);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-composition-preview__hero-carousel-dots span[data-active="true"] {
  background: var(--sw-primitive-color-text);
  color: var(--sw-primitive-color-panel);
}

@keyframes sw-hero-image-crop-in {
  0% {
    opacity: 0.42;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sw-hero-line-rise {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sw-hero-cta-in {
  0% {
    opacity: 0;
    transform: translateX(1.8rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.sw-composition-preview__hero--animated {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  min-height: auto;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: #05070b;
  aspect-ratio: 16 / 9;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel {
  position: relative;
  min-height: auto;
  overflow: hidden;
  border-radius: var(--sw-primitive-radius-panel);
  background: #05070b;
  aspect-ratio: 16 / 9;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-media {
  position: absolute;
  inset: 0;
  min-height: auto;
  transform-origin: center center;
  border-radius: 0;
  background: radial-gradient(circle at 72% 50%, rgba(148, 163, 184, 0.3), transparent 48%), #05070b;
  animation: sw-hero-image-crop-in 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 7, 11, 0.92), rgba(5, 7, 11, 0.38) 48%, rgba(5, 7, 11, 0.08)),
    linear-gradient(0deg, rgba(5, 7, 11, 0.55), transparent 48%);
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-media > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.72);
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy {
  position: relative;
  z-index: 2;
  max-width: min(34rem, 46%);
  padding: clamp(1.5rem, 3vw, 3rem);
  background: transparent;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy strong,
.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy span {
  color: #ffffff;
  text-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  animation: sw-hero-line-rise 520ms ease-out both;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy strong {
  font-size: clamp(1.8rem, 3.4vw, 4.4rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
  animation-delay: 180ms;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy span {
  max-width: 28rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(0.86rem, 1vw, 1.05rem);
  animation-delay: 360ms;
}

.sw-composition-preview__hero-carousel-cta {
  position: absolute;
  right: clamp(1rem, 2.4vw, 2rem);
  bottom: clamp(4.1rem, 5.4vw, 5.3rem);
  z-index: 3;
  min-height: 2.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.15rem;
  border-radius: 999px;
  background: #ffffff;
  color: #05070b;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
  animation: sw-hero-cta-in 540ms 520ms ease-out both;
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-meta,
.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-dots {
  position: absolute;
  z-index: 3;
  left: clamp(1rem, 2.4vw, 2rem);
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-meta {
  bottom: clamp(3.9rem, 5.2vw, 5rem);
}

.sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-dots {
  bottom: clamp(1rem, 2.4vw, 2rem);
}

.sw-composition-preview__hero--animated .sw-composition-preview__facts,
.sw-composition-preview__hero--animated .sw-composition-preview__draft-marker {
  position: relative;
  z-index: 4;
  margin: 0 1rem 1rem;
}

.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__hero--animated .sw-composition-preview__hero-carousel-copy {
  max-width: 100%;
}

.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__hero-carousel-cta {
  right: 1rem;
  left: 1rem;
}

.sw-composition-preview__media-main img,
.sw-composition-preview__grid img,
.sw-composition-preview__media-strip img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.sw-composition-preview__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-composition-preview__grid article {
  min-width: 0;
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-content: start;
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-composition-preview__grid b {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-composition-preview__grid small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-composition-preview__grid article > img,
.sw-composition-preview__grid article > i {
  width: 100%;
  aspect-ratio: 1;
}

.sw-composition-preview__product-gallery {
  grid-template-columns: minmax(0, 1fr);
}

.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__section-frame[data-section-kind="product_gallery"] {
  grid-row: span 2;
}

.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__section-frame[data-section-kind="collection_grid"],
.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__section-frame[data-section-kind="proof_strip"] {
  grid-column: 1 / -1;
}

.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__product-gallery {
  grid-row: span 2;
}

.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__collection,
.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__section[data-section-kind="proof_strip"] {
  grid-column: 1 / -1;
}

.sw-composition-preview__media-main {
  min-height: calc(var(--sw-primitive-density-row-height) * 5);
}

.sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__media-main {
  min-height: calc(var(--sw-primitive-density-row-height) * 7);
}

.sw-composition-preview__media-strip span {
  flex: 1 1 0;
  min-height: calc(var(--sw-primitive-density-row-height) * 1.35);
}

.sw-composition-preview__media-strip em {
  align-self: end;
  justify-self: stretch;
  color: var(--sw-primitive-color-text);
  font-style: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

.sw-composition-preview__product-summary,
.sw-composition-preview__purchase {
  align-content: start;
}

.sw-composition-preview__summary-stack {
  flex-wrap: wrap;
}

.sw-composition-preview__category-entry {
  gap: var(--sw-primitive-space-stack-lg);
}

.sw-composition-preview__category-entry-head {
  display: grid;
  gap: var(--sw-primitive-space-stack-xs);
}

.sw-composition-preview__category-entry-head p,
.sw-composition-preview__category-entry-head h3,
.sw-composition-preview__category-entry-head span {
  margin: 0;
}

.sw-composition-preview__category-entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
}

.sw-composition-preview__category-entry[data-columns="2"] .sw-composition-preview__category-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-composition-preview__category-entry[data-columns="4"] .sw-composition-preview__category-entry-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sw-composition-preview__category-entry[data-spacing="dense"] .sw-composition-preview__category-entry-grid {
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-composition-preview__category-entry-grid a {
  position: relative;
  min-height: 10rem;
  display: grid;
  align-content: end;
  gap: var(--sw-primitive-space-stack-xs);
  overflow: hidden;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel-soft);
  color: var(--sw-primitive-color-text);
  text-decoration: none;
}

.sw-composition-preview__category-entry-grid a[data-has-image="true"] {
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(15, 23, 42, 0.75);
}

.sw-composition-preview__category-entry-grid a[data-has-image="true"]::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.05), rgba(15, 23, 42, 0.78));
}

.sw-composition-preview__category-entry-grid img,
.sw-composition-preview__category-entry-grid i {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-composition-preview__category-entry-grid i {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(15, 23, 42, 0.06));
}

.sw-composition-preview__category-entry-grid strong,
.sw-composition-preview__category-entry-grid span {
  position: relative;
  z-index: 1;
}

.sw-composition-preview__category-entry-grid strong {
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 950;
}

.sw-composition-preview__category-entry-grid span {
  font-size: var(--sw-primitive-type-control-size);
  line-height: 1.45;
}

.sw-composition-preview__featured-collection {
  gap: var(--sw-primitive-space-stack-lg);
  background: #fff;
  color: #111827;
}

.sw-composition-preview__featured-collection-head {
  display: flex;
  gap: var(--sw-primitive-space-stack-md);
  align-items: end;
  justify-content: space-between;
}

.sw-composition-preview__featured-collection-head div {
  display: grid;
  gap: var(--sw-primitive-space-stack-xs);
}

.sw-composition-preview__featured-collection-head p,
.sw-composition-preview__featured-collection-head h3,
.sw-composition-preview__featured-collection-head span {
  margin: 0;
}

.sw-composition-preview__featured-collection-head h3 {
  color: #111827;
  font-size: clamp(1.3rem, 2.4vw, 2rem);
  font-weight: 950;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sw-composition-preview__featured-collection-head p,
.sw-composition-preview__featured-collection-head a {
  color: #111827;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  text-transform: uppercase;
}

.sw-composition-preview__featured-collection-head span {
  color: #64748b;
  font-size: var(--sw-primitive-type-control-size);
}

.sw-composition-preview__featured-collection-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
}

.sw-composition-preview__featured-collection[data-columns="3"] .sw-composition-preview__featured-collection-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-composition-preview__featured-collection-grid > a {
  min-width: 0;
  display: grid;
  gap: var(--sw-primitive-space-stack-xs);
  color: #111827;
  text-decoration: none;
}

.sw-composition-preview__featured-collection-media {
  position: relative;
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  background: #f4f5f7;
}

.sw-composition-preview__featured-collection[data-card-ratio="4:5"] .sw-composition-preview__featured-collection-media {
  aspect-ratio: 4 / 5;
}

.sw-composition-preview__featured-collection-media img,
.sw-composition-preview__featured-collection-media i {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-composition-preview__featured-collection-media i {
  background: linear-gradient(135deg, #f8fafc, #e5e7eb);
}

.sw-composition-preview__featured-collection-media em,
.sw-composition-preview__featured-collection-media small {
  position: absolute;
  display: inline-flex;
  align-items: center;
  font-size: var(--sw-primitive-type-caption-size);
  font-style: normal;
  font-weight: 900;
}

.sw-composition-preview__featured-collection-media em {
  right: 0.7rem;
  bottom: 0.7rem;
  min-height: 2rem;
  padding: 0 0.85rem;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
}

.sw-composition-preview__featured-collection-media small {
  top: 0.7rem;
  left: 0.7rem;
  min-height: 1.8rem;
  padding: 0 0.65rem;
  background: #fff;
  color: #111827;
}

.sw-composition-preview__featured-collection-grid strong,
.sw-composition-preview__featured-collection-grid b {
  color: #111827;
  font-weight: 900;
}

.sw-composition-preview__featured-collection-grid span,
.sw-composition-preview__featured-collection-grid s {
  color: #64748b;
}

.sw-composition-preview__featured-collection-grid mark {
  justify-self: start;
  padding: 0.18rem 0.55rem;
  background: #111827;
  color: #fff;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 900;
  text-transform: uppercase;
}

.sw-composition-preview__brand-story {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(1.2rem, 3vw, 2.4rem);
  align-items: stretch;
  overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2.6rem);
  border: 0;
  border-radius: 0;
  background: #05070b;
  color: #ffffff;
}

.sw-composition-preview__brand-story[data-media-side="left"] .sw-composition-preview__brand-story-media {
  order: -1;
}

.sw-composition-preview__brand-story[data-tone="paper-minimal"] {
  border: var(--sw-primitive-border-subtle);
  background: #ffffff;
  color: #111827;
}

.sw-composition-preview__brand-story-copy {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
  align-content: center;
}

.sw-composition-preview__brand-story-copy p,
.sw-composition-preview__brand-story-copy h3,
.sw-composition-preview__brand-story-copy span {
  margin: 0;
}

.sw-composition-preview__brand-story-copy p {
  color: rgba(255, 255, 255, 0.62);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sw-composition-preview__brand-story[data-tone="paper-minimal"] .sw-composition-preview__brand-story-copy p,
.sw-composition-preview__brand-story[data-tone="paper-minimal"] .sw-composition-preview__brand-story-copy span,
.sw-composition-preview__brand-story[data-tone="paper-minimal"] .sw-composition-preview__brand-story-highlights small {
  color: #64748b;
}

.sw-composition-preview__brand-story-copy h3 {
  max-width: 11ch;
  color: inherit;
  font-size: clamp(2rem, 4.4vw, 5rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.92;
}

.sw-composition-preview__brand-story-copy span {
  max-width: 34rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(0.95rem, 1.2vw, 1.12rem);
  line-height: 1.75;
}

.sw-composition-preview__brand-story-copy a {
  justify-self: start;
  display: inline-flex;
  min-height: 2.6rem;
  align-items: center;
  justify-content: center;
  padding: 0 1.05rem;
  border-radius: 999px;
  background: #ffffff;
  color: #05070b;
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  text-decoration: none;
  text-transform: uppercase;
}

.sw-composition-preview__brand-story[data-tone="paper-minimal"] .sw-composition-preview__brand-story-copy a {
  background: #111827;
  color: #ffffff;
}

.sw-composition-preview__brand-story-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
  padding-top: var(--sw-primitive-space-stack-sm);
}

.sw-composition-preview__brand-story-highlights article {
  display: grid;
  gap: 0.35rem;
  padding-top: var(--sw-primitive-space-stack-sm);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sw-composition-preview__brand-story[data-tone="paper-minimal"] .sw-composition-preview__brand-story-highlights article {
  border-top-color: rgba(15, 23, 42, 0.14);
}

.sw-composition-preview__brand-story-highlights strong {
  color: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 950;
}

.sw-composition-preview__brand-story-highlights small {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.45;
}

.sw-composition-preview__brand-story-media {
  min-height: 28rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 42%, rgba(148, 163, 184, 0.35), transparent 30%), #111827;
}

.sw-composition-preview__brand-story-media img,
.sw-composition-preview__brand-story-media i {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-composition-preview__brand-story-media i {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(148, 163, 184, 0.28));
}

.sw-composition-preview__testimonial-proof {
  display: grid;
  gap: var(--sw-primitive-space-stack-lg);
  padding: clamp(1.2rem, 3vw, 2.4rem);
  border: 0;
  border-radius: 0;
  background: #05070b;
  color: #ffffff;
}

.sw-composition-preview__testimonial-proof[data-tone="paper-proof"] {
  border: var(--sw-primitive-border-subtle);
  background: #ffffff;
  color: #111827;
}

.sw-composition-preview__testimonial-proof-head {
  display: grid;
  max-width: 48rem;
  gap: var(--sw-primitive-space-stack-xs);
}

.sw-composition-preview__testimonial-proof-head p,
.sw-composition-preview__testimonial-proof-head h3,
.sw-composition-preview__testimonial-proof-head span {
  margin: 0;
}

.sw-composition-preview__testimonial-proof-head p {
  color: rgba(255, 255, 255, 0.62);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sw-composition-preview__testimonial-proof[data-tone="paper-proof"] .sw-composition-preview__testimonial-proof-head p,
.sw-composition-preview__testimonial-proof[data-tone="paper-proof"] .sw-composition-preview__testimonial-proof-head span,
.sw-composition-preview__testimonial-proof[data-tone="paper-proof"] .sw-composition-preview__testimonial-proof-grid small {
  color: #64748b;
}

.sw-composition-preview__testimonial-proof-head h3 {
  color: inherit;
  font-size: clamp(1.8rem, 3.4vw, 4rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.sw-composition-preview__testimonial-proof-head span {
  color: rgba(255, 255, 255, 0.76);
  font-size: var(--sw-primitive-type-control-size);
  line-height: 1.7;
}

.sw-composition-preview__testimonial-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-md);
}

.sw-composition-preview__testimonial-proof[data-columns="2"] .sw-composition-preview__testimonial-proof-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-composition-preview__testimonial-proof-grid article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-content: start;
  min-height: 15rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
}

.sw-composition-preview__testimonial-proof[data-tone="paper-proof"] .sw-composition-preview__testimonial-proof-grid article {
  border-color: rgba(15, 23, 42, 0.12);
  background: #f8fafc;
}

.sw-composition-preview__testimonial-proof-grid b {
  justify-self: start;
  color: inherit;
  font-size: clamp(1.4rem, 2vw, 2.25rem);
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sw-composition-preview__testimonial-proof-grid blockquote {
  margin: 0;
  color: inherit;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  font-weight: 800;
  line-height: 1.55;
}

.sw-composition-preview__testimonial-proof-grid strong {
  margin-top: auto;
  color: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 950;
}

.sw-composition-preview__testimonial-proof-grid small {
  color: rgba(255, 255, 255, 0.62);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.45;
}

.sw-composition-preview__newsletter-footer {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(12rem, 0.6fr);
  gap: clamp(1rem, 3vw, 2.4rem);
  align-items: end;
  padding: clamp(1.2rem, 3vw, 2.8rem);
  border: 0;
  border-radius: 0;
  background: #05070b;
  color: #ffffff;
}

.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] {
  border: var(--sw-primitive-border-subtle);
  background: #ffffff;
  color: #111827;
}

.sw-composition-preview__newsletter-footer[data-layout="footer-compact"] {
  grid-template-columns: minmax(0, 1fr);
}

.sw-composition-preview__newsletter-copy {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-content: start;
}

.sw-composition-preview__newsletter-copy p,
.sw-composition-preview__newsletter-copy h3,
.sw-composition-preview__newsletter-copy span,
.sw-composition-preview__newsletter-copy small {
  margin: 0;
}

.sw-composition-preview__newsletter-copy p {
  color: rgba(255, 255, 255, 0.62);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] .sw-composition-preview__newsletter-copy p,
.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] .sw-composition-preview__newsletter-copy span,
.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] .sw-composition-preview__newsletter-copy small {
  color: #64748b;
}

.sw-composition-preview__newsletter-copy h3 {
  max-width: 13ch;
  color: inherit;
  font-size: clamp(2rem, 4vw, 4.7rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.94;
}

.sw-composition-preview__newsletter-copy span {
  max-width: 38rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--sw-primitive-type-control-size);
  line-height: 1.7;
}

.sw-composition-preview__newsletter-form {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto;
  gap: 0.55rem;
  max-width: 32rem;
  padding-top: var(--sw-primitive-space-stack-sm);
}

.sw-composition-preview__newsletter-form input,
.sw-composition-preview__newsletter-form button {
  min-height: 2.75rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 850;
}

.sw-composition-preview__newsletter-form input {
  padding: 0 1rem;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
}

.sw-composition-preview__newsletter-form button {
  padding: 0 1.15rem;
  background: #ffffff;
  color: #05070b;
}

.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] .sw-composition-preview__newsletter-form input {
  border-color: rgba(15, 23, 42, 0.16);
  background: #f8fafc;
}

.sw-composition-preview__newsletter-footer[data-tone="paper-footer"] .sw-composition-preview__newsletter-form button {
  background: #111827;
  color: #ffffff;
}

.sw-composition-preview__newsletter-copy small {
  max-width: 32rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: 1.55;
}

.sw-composition-preview__newsletter-links {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  justify-items: end;
}

.sw-composition-preview__newsletter-footer[data-layout="footer-compact"] .sw-composition-preview__newsletter-links {
  justify-items: start;
}

.sw-composition-preview__newsletter-links a {
  color: inherit;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.sw-composition-preview__collection-gaps,
.sw-composition-preview__newsletter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  align-items: center;
}

.sw-composition-preview__collection-gaps button,
.sw-composition-preview__newsletter-actions button {
  min-height: var(--sw-primitive-density-control-height);
  padding-inline: var(--sw-primitive-space-control-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-primitive-color-warning);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 750;
}

.sw-composition-preview__newsletter-actions span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-composition-preview__summary-stack span,
.sw-composition-preview__facts span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-composition-preview__purchase-controls,
.sw-composition-preview__purchase label {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-composition-preview__purchase-controls {
  align-items: start;
}

.sw-composition-preview__purchase select,
.sw-composition-preview__purchase input,
.sw-composition-preview__purchase button {
  min-height: var(--sw-primitive-density-control-height);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 750;
}

.sw-composition-preview__purchase select,
.sw-composition-preview__purchase input {
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-composition-preview__purchase button {
  justify-self: start;
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-composition-preview__purchase button:disabled,
.sw-composition-preview__purchase input:disabled {
  border-color: var(--sw-primitive-color-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-primitive-color-danger);
}

.sw-composition-preview__facts {
  flex-wrap: wrap;
}

.sw-composition-preview__footer {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 0;
}

.sw-composition-preview[data-preview-mode="mobile"] {
  max-width: min(100%, calc(var(--sw-primitive-density-inspector-width) + var(--sw-primitive-space-panel-padding)));
}

.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__header,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__hero,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__grid,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__category-entry-grid,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__featured-collection-grid,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__brand-story,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__brand-story-highlights,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__testimonial-proof-grid,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__newsletter-footer,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__newsletter-form,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__main[data-page-id="collection-page"],
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__main[data-page-id="product-page"],
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__footer {
  grid-template-columns: 1fr;
}

.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__product-gallery,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__collection,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__main[data-page-id="product-page"] .sw-composition-preview__section[data-section-kind="proof_strip"] {
  grid-column: auto;
  grid-row: auto;
}

.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__header nav,
.sw-composition-preview[data-preview-mode="mobile"] .sw-composition-preview__header div {
  justify-content: flex-start;
}

.sw-shell-editor {
  min-width: 0;
}

.sw-shell-editor__layout {
  align-items: start;
}

.sw-shell-editor__structure,
.sw-shell-editor__canvas,
.sw-shell-editor__inspector {
  min-width: 0;
}

.sw-shell-editor__status {
  margin-block: var(--sw-primitive-space-stack-md);
}

.sw-shell-preview {
  width: 100%;
}

.sw-shell-preview__surface {
  min-width: 0;
}

.sw-shell-preview__announcement,
.sw-shell-preview__header,
.sw-shell-preview__footer,
.sw-shell-preview__header nav,
.sw-shell-preview__header button {
  transition:
    border-color var(--sw-primitive-motion-fast),
    box-shadow var(--sw-primitive-motion-fast),
    background var(--sw-primitive-motion-fast);
}

.sw-shell-preview__announcement[data-active="true"],
.sw-shell-preview__header[data-active="true"],
.sw-shell-preview__footer[data-active="true"],
.sw-shell-preview__header nav[data-active="true"],
.sw-shell-preview__header button[data-active="true"] {
  outline: var(--sw-primitive-border-interactive);
  outline-offset: calc(var(--sw-primitive-space-stack-sm) / 2);
  box-shadow: var(--sw-primitive-shadow-focus);
}

.sw-shell-preview__header nav {
  min-width: 0;
}

.sw-shell-preview__header div {
  align-items: center;
}

.sw-shell-preview__header button {
  min-height: var(--sw-primitive-density-badge-height);
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-primitive-color-danger);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-shell-preview__header button:disabled {
  cursor: not-allowed;
}

.sw-shell-preview__main {
  padding: var(--sw-primitive-space-panel-padding);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-shell-preview__main section {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: calc(var(--sw-primitive-density-row-height) * 4);
  align-content: center;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
}

.sw-shell-preview__main p,
.sw-shell-preview__main h3,
.sw-shell-preview__main span {
  margin: 0;
}

.sw-shell-preview__main p {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 850;
}

.sw-shell-preview__main h3 {
  max-width: var(--sw-primitive-density-dialog-width);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-shell-preview__main span {
  color: var(--sw-primitive-color-warning);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-shell-editor .sw-template-builder-inspector__field {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-shell-editor .sw-template-builder-inspector__field button:disabled {
  cursor: not-allowed;
}

.sw-shell-editor .sw-storefront-action:disabled {
  cursor: not-allowed;
  color: var(--sw-primitive-color-disabled);
}

.sw-shell-preview[data-preview-mode="mobile"] {
  max-width: min(100%, calc(var(--sw-primitive-density-inspector-width) + var(--sw-primitive-space-panel-padding)));
}

.sw-shell-preview[data-preview-mode="mobile"] .sw-shell-preview__header,
.sw-shell-preview[data-preview-mode="mobile"] .sw-shell-preview__footer {
  grid-template-columns: 1fr;
}

.sw-shell-preview[data-preview-mode="mobile"] .sw-shell-preview__header nav,
.sw-shell-preview[data-preview-mode="mobile"] .sw-shell-preview__header div {
  justify-content: flex-start;
}

.sw-navigation-menu-builder {
  min-width: 0;
}

.sw-navigation-menu-builder__layout {
  grid-template-columns:
    minmax(calc(var(--sw-primitive-density-row-height) * 4), 0.86fr)
    minmax(0, 1.72fr)
    minmax(calc(var(--sw-primitive-density-inspector-width) * 0.86), 0.98fr);
  align-items: start;
}

.sw-navigation-menu-builder__tree,
.sw-navigation-menu-builder__canvas,
.sw-navigation-menu-builder__inspector,
.sw-navigation-menu-builder__ai-panel,
.sw-navigation-menu-builder__state-ledger,
.sw-shell-global-owner {
  min-width: 0;
}

.sw-navigation-menu-builder__tree,
.sw-navigation-menu-builder__inspector,
.sw-navigation-menu-builder__ai-panel,
.sw-navigation-menu-builder__state-ledger,
.sw-navigation-menu-builder__preview,
.sw-shell-global-owner {
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-panel);
  box-shadow: var(--sw-primitive-shadow-raised);
}

.sw-navigation-menu-builder__canvas,
.sw-navigation-menu-builder__panel-head,
.sw-navigation-menu-builder__tree-actions,
.sw-navigation-menu-builder__tree-list,
.sw-navigation-menu-builder__tree-group,
.sw-navigation-menu-builder__tree-children,
.sw-navigation-menu-builder__blocked-actions,
.sw-navigation-menu-builder__empty,
.sw-navigation-menu-builder__proposal-summary,
.sw-navigation-menu-builder__proposal-diff,
.sw-navigation-menu-builder__proposal-edit,
.sw-navigation-menu-builder__preview,
.sw-navigation-menu-builder__preview-surface,
.sw-shell-global-owner,
.sw-shell-global-owner__rows,
.sw-shell-global-owner__detail,
.sw-navigation-menu-builder__desktop-preview,
.sw-navigation-menu-builder__mobile-preview,
.sw-navigation-menu-builder__accordion,
.sw-navigation-menu-builder__dropdown,
.sw-navigation-menu-builder__order-controls,
.sw-navigation-menu-builder__visibility {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-navigation-menu-builder__canvas {
  gap: var(--sw-primitive-space-grid-gap);
}

.sw-navigation-menu-builder__panel-head h3,
.sw-navigation-menu-builder__panel-head p,
.sw-navigation-menu-builder__panel-head span,
.sw-navigation-menu-builder__dropdown h3 {
  margin: 0;
}

.sw-navigation-menu-builder__panel-head h3,
.sw-navigation-menu-builder__dropdown h3 {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-section-title-size);
  line-height: var(--sw-primitive-type-line-tight);
}

.sw-navigation-menu-builder__panel-head span,
.sw-navigation-menu-builder__proposal-summary span,
.sw-navigation-menu-builder__proposal-diff span,
.sw-navigation-menu-builder__proposal-edit small,
.sw-navigation-menu-builder__dropdown span,
.sw-navigation-menu-builder__dropdown small,
.sw-navigation-menu-builder__preview-body span,
.sw-navigation-menu-builder__mobile-preview span {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-navigation-menu-builder__tree-list {
  gap: var(--sw-primitive-space-stack-md);
}

.sw-navigation-menu-builder__tree-group {
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-navigation-menu-builder__tree button,
.sw-navigation-menu-builder__tree-actions button,
.sw-navigation-menu-builder__empty button,
.sw-navigation-menu-builder__blocked-actions button,
.sw-shell-global-owner__rows button,
.sw-navigation-menu-builder__order-controls button,
.sw-navigation-menu-builder__storefront-header nav button,
.sw-navigation-menu-builder__accordion button {
  min-width: 0;
  min-height: var(--sw-primitive-density-control-height);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 800;
}

.sw-navigation-menu-builder__tree button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-row-padding);
  text-align: start;
}

.sw-shell-global-owner {
  align-content: start;
}

.sw-shell-global-owner__rows {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-shell-global-owner__rows button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-row-padding);
  text-align: start;
}

.sw-shell-global-owner__rows button[data-active="true"],
.sw-shell-global-owner__rows button:hover,
.sw-shell-global-owner__rows button:focus-visible {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
  outline: none;
}

.sw-shell-global-owner__rows button[data-blocked="true"] {
  opacity: var(--sw-primitive-opacity-disabled);
}

.sw-shell-global-owner__detail {
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-shell-global-owner__toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 800;
}

.sw-shell-global-owner__toggle small {
  color: var(--sw-primitive-color-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 750;
}

.sw-navigation-menu-builder__tree-actions button,
.sw-navigation-menu-builder__empty button,
.sw-navigation-menu-builder__inline-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-navigation-menu-builder__tree button[data-active="true"],
.sw-navigation-menu-builder__tree button:hover,
.sw-navigation-menu-builder__tree button:focus-visible,
.sw-navigation-menu-builder__tree-actions button:hover,
.sw-navigation-menu-builder__tree-actions button:focus-visible,
.sw-navigation-menu-builder__empty button:hover,
.sw-navigation-menu-builder__empty button:focus-visible,
.sw-navigation-menu-builder__storefront-header nav button[data-open="true"],
.sw-navigation-menu-builder__accordion section[data-expanded="true"] > button {
  border-color: var(--sw-primitive-color-accent);
  background: var(--sw-primitive-color-accent-surface);
  color: var(--sw-primitive-color-accent);
  outline: none;
}

.sw-navigation-menu-builder__tree-children {
  padding-inline-start: var(--sw-primitive-space-stack-md);
}

.sw-navigation-menu-builder__tree-children button {
  grid-template-columns: minmax(0, 1fr);
  min-height: var(--sw-primitive-density-row-height);
}

.sw-navigation-menu-builder__order-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-navigation-menu-builder__order-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-navigation-menu-builder__tree-children button[data-visible="false"],
.sw-navigation-menu-builder__dropdown-grid article[data-visible="false"],
.sw-navigation-menu-builder__accordion span[data-visible="false"] {
  opacity: var(--sw-primitive-opacity-disabled);
}

.sw-navigation-menu-builder__empty {
  justify-items: start;
  padding: var(--sw-primitive-space-panel-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
  color: var(--sw-primitive-color-muted);
}

.sw-navigation-menu-builder__empty strong {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-navigation-menu-builder__blocked-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-navigation-menu-builder__blocked-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-navigation-menu-builder__blocked-actions button:disabled,
.sw-navigation-menu-builder__toolbar .sw-storefront-action:disabled,
.sw-navigation-menu-builder__state-ledger .sw-storefront-action:disabled {
  cursor: not-allowed;
  opacity: var(--sw-primitive-opacity-disabled);
}

.sw-navigation-menu-builder__preview {
  overflow: hidden;
}

.sw-navigation-menu-builder__preview[data-preview-mode="mobile"] {
  max-width: min(100%, calc(var(--sw-primitive-density-inspector-width) + var(--sw-primitive-space-panel-padding)));
  margin-inline: auto;
}

.sw-navigation-menu-builder__preview-surface {
  margin-top: var(--sw-primitive-space-stack-md);
  overflow: hidden;
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-panel);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-navigation-menu-builder__storefront-header,
.sw-navigation-menu-builder__mobile-preview header {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--sw-primitive-space-stack-md);
  padding: var(--sw-primitive-space-panel-padding);
  border-bottom: var(--sw-primitive-border-subtle);
  background: var(--sw-primitive-color-panel);
}

.sw-navigation-menu-builder__storefront-header strong,
.sw-navigation-menu-builder__mobile-preview strong,
.sw-navigation-menu-builder__dropdown strong {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 900;
}

.sw-navigation-menu-builder__storefront-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-primitive-space-stack-sm);
  justify-content: flex-end;
}

.sw-navigation-menu-builder__storefront-header nav button {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-navigation-menu-builder__storefront-header nav svg,
.sw-navigation-menu-builder__accordion svg,
.sw-navigation-menu-builder__visibility svg {
  flex: none;
}

.sw-navigation-menu-builder__dropdown {
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 1fr);
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-navigation-menu-builder__dropdown[data-presentation="mega"] {
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 1fr);
}

.sw-navigation-menu-builder__dropdown[data-presentation="dropdown"] .sw-navigation-menu-builder__dropdown-grid {
  grid-template-columns: minmax(0, 1fr);
}

.sw-navigation-menu-builder__dropdown-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-navigation-menu-builder__dropdown-grid article {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  align-content: start;
  min-width: 0;
  min-height: calc(var(--sw-primitive-density-row-height) * 2);
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
}

.sw-navigation-menu-builder__preview-body,
.sw-navigation-menu-builder__state-ledger {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-navigation-menu-builder__preview-surface[data-animation="reduced_motion"] {
  scroll-behavior: auto;
}

.sw-navigation-menu-builder__preview-body span {
  min-height: var(--sw-primitive-density-badge-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-primitive-color-panel-muted);
  font-weight: 800;
}

.sw-navigation-menu-builder__mobile-preview header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.sw-navigation-menu-builder__accordion {
  padding: var(--sw-primitive-space-panel-padding);
}

.sw-navigation-menu-builder__accordion section {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
}

.sw-navigation-menu-builder__accordion button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  padding-inline: var(--sw-primitive-space-control-padding);
  text-align: start;
}

.sw-navigation-menu-builder__accordion section > div {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  padding: var(--sw-primitive-space-row-padding);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-navigation-menu-builder__inspector {
  display: grid;
  gap: var(--sw-primitive-space-stack-md);
}

.sw-navigation-menu-builder__inspector .sw-template-builder-inspector__field {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-navigation-menu-builder__inspector input,
.sw-navigation-menu-builder__inspector select {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height);
  padding-inline: var(--sw-primitive-space-control-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 750;
}

.sw-navigation-menu-builder__visibility {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-navigation-menu-builder__visibility label {
  display: flex;
  align-items: center;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-navigation-menu-builder__ai-panel {
  align-content: start;
}

.sw-navigation-menu-builder__proposal-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-navigation-menu-builder__proposal-summary span,
.sw-navigation-menu-builder__proposal-diff div,
.sw-navigation-menu-builder__proposal-edit {
  min-width: 0;
  padding: var(--sw-primitive-space-row-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-neutral-surface);
}

.sw-navigation-menu-builder__proposal-summary span {
  color: var(--sw-primitive-color-muted);
  font-weight: 800;
}

.sw-navigation-menu-builder__proposal-diff {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sw-navigation-menu-builder__proposal-diff div {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
}

.sw-navigation-menu-builder__proposal-diff strong,
.sw-navigation-menu-builder__proposal-edit label span {
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-body-size);
}

.sw-navigation-menu-builder__proposal-diff-row {
  align-content: start;
}

.sw-navigation-menu-builder__proposal-edit {
  grid-template-columns: minmax(0, 0.34fr) minmax(0, 1fr);
  align-items: center;
}

.sw-navigation-menu-builder__proposal-edit label {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-width: 0;
}

.sw-navigation-menu-builder__proposal-edit input {
  width: 100%;
  min-height: var(--sw-primitive-density-control-height);
  padding-inline: var(--sw-primitive-space-control-padding);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-primitive-radius-control);
  background: var(--sw-primitive-color-panel);
  color: var(--sw-primitive-color-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 750;
}

@media (max-width: 1180px) {
  .sw-template-builder-action-toolbar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-template-builder-action-toolbar .sw-storefront-action {
    width: 100%;
    justify-content: center;
  }

  .sw-template-builder-layout--advanced,
  .sw-template-builder-contract,
  .sw-template-preview-bridge,
  .sw-composition-preview__header,
  .sw-composition-preview__hero,
  .sw-composition-preview__grid,
  .sw-composition-preview__footer,
  .sw-navigation-menu-builder__layout,
  .sw-navigation-menu-builder__dropdown,
  .sw-navigation-menu-builder__dropdown[data-presentation="mega"],
  .sw-navigation-menu-builder__proposal-summary,
  .sw-navigation-menu-builder__proposal-diff,
  .sw-navigation-menu-builder__proposal-edit,
  .sw-shell-global-owner__rows,
  .sw-shell-global-owner__toggle,
  .sw-shell-preview__header,
  .sw-shell-preview__footer {
    grid-template-columns: 1fr;
  }

  .sw-navigation-menu-builder__storefront-header {
    grid-template-columns: 1fr;
  }

  .sw-navigation-menu-builder__storefront-header nav {
    justify-content: flex-start;
  }

  .sw-template-builder-page-list__item,
  .sw-template-builder-region button,
  .sw-template-builder-module-detail,
  .sw-template-builder-inspector__control,
  .sw-template-builder-contract__copy,
  .sw-template-builder-contract__facts,
  .sw-template-builder-contract__actions,
  .sw-template-preview-bridge__copy,
  .sw-template-preview-bridge__meta,
  .sw-template-preview-bridge__actions {
    min-width: 0;
  }

  .sw-template-builder-contract__copy,
  .sw-template-builder-contract__facts,
  .sw-template-builder-contract__actions,
  .sw-template-preview-bridge__copy,
  .sw-template-preview-bridge__meta,
  .sw-template-preview-bridge__actions {
    justify-content: flex-start;
  }

  .sw-template-builder-contract__actions .sw-storefront-action,
  .sw-template-preview-bridge__actions .sw-storefront-action {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 52em) {
  .sw-admin-shell:has(.sw-navigation-menu-builder) .sw-admin-shell__main {
    padding-block-end: calc(
      var(--sw-admin-shell-page-inset)
      + var(--sw-primitive-density-mobile-action-height)
      + env(safe-area-inset-bottom, 0px)
    );
    scroll-padding-block-end: calc(
      var(--sw-primitive-density-mobile-action-height)
      + var(--sw-admin-shell-page-inset)
      + env(safe-area-inset-bottom, 0px)
    );
  }

  .sw-navigation-menu-builder,
  .sw-navigation-menu-builder__tree,
  .sw-navigation-menu-builder__preview,
  .sw-navigation-menu-builder__inspector,
  .sw-navigation-menu-builder__ai-panel,
  .sw-navigation-menu-builder__state-ledger,
  .sw-shell-global-owner,
  .sw-navigation-menu-builder :is(button, input, select) {
    scroll-margin-block-end: calc(
      var(--sw-primitive-density-mobile-action-height)
      + var(--sw-admin-shell-page-inset)
      + env(safe-area-inset-bottom, 0px)
    );
  }

  .sw-navigation-menu-builder :is(button, input, select):focus-visible {
    outline: 0;
    box-shadow: var(--sw-primitive-shadow-focus);
  }
}

@media (max-width: 32.5em) {
  .sw-template-builder-action-toolbar {
    grid-template-columns: 1fr;
  }

  .sw-template-builder-status-strip span {
    width: 100%;
    justify-content: center;
  }

  .sw-template-builder-contract__facts span {
    width: 100%;
    justify-content: center;
  }

  .sw-navigation-menu-builder__blocked-actions,
  .sw-shell-global-owner__rows,
  .sw-navigation-menu-builder__order-controls {
    grid-template-columns: 1fr;
  }

  .sw-navigation-menu-builder__blocked-actions button,
  .sw-shell-global-owner__rows button,
  .sw-navigation-menu-builder__order-controls button {
    width: 100%;
    white-space: normal;
  }
}

.sw-visual-shell-header[data-header-tone="dark"] {
  background: #05070b;
  color: #ffffff;
}

.sw-visual-shell-header[data-header-tone="dark"] nav,
.sw-visual-shell-header[data-header-tone="dark"] div {
  color: rgba(255, 255, 255, 0.86);
}

.sw-visual-shell-header[data-header-tone="transparent"] {
  background: rgba(5, 7, 11, 0.28);
  color: #ffffff;
  backdrop-filter: blur(10px);
}

.sw-visual-shell-header[data-logo-position="center"] {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.sw-visual-shell-header[data-logo-position="center"] > b {
  justify-self: center;
  grid-column: 2;
  font-size: 1.65rem;
  letter-spacing: 0.02em;
}

.sw-visual-shell-header[data-logo-position="center"] > nav {
  grid-column: 1 / -1;
  justify-content: center;
}

.sw-visual-shell-header[data-navbar-position="same-row"] > nav {
  grid-column: auto;
}

.sw-visual-shell-header[data-header-mode="overlay"] {
  position: absolute;
  inset: 2.9rem 0 auto 0;
  z-index: 12;
}

.sw-visual-shell-header[data-header-mode="overlay"][data-header-state="top"] {
  border-bottom-color: transparent;
  background: rgba(5, 7, 11, 0.12);
  color: #ffffff;
}

.sw-visual-shell-header[data-header-mode="overlay"][data-header-state="top"] nav,
.sw-visual-shell-header[data-header-mode="overlay"][data-header-state="top"] div {
  color: rgba(255, 255, 255, 0.9);
}

.sw-visual-shell-header[data-header-mode="overlay"][data-announcement-enabled="false"] {
  inset: 0 0 auto 0;
}

.sw-composition-preview__surface:has(.sw-visual-shell-header[data-header-mode="overlay"]) .sw-visual-shell-announcement {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 13;
}

.sw-composition-preview__surface:has(.sw-visual-shell-header[data-header-mode="overlay"]) .sw-composition-preview__main {
  padding-top: 0;
}

.sw-visual-shell-header[data-header-state="scrolled"] {
  position: sticky;
  top: 0;
  z-index: 14;
}

.sw-template-builder-preview-workspace[data-mode="inline-settings"] .sw-visual-shell-header[data-header-mode="overlay"] {
  position: static;
  inset: auto;
}

.sw-template-builder-preview-workspace[data-mode="inline-settings"] .sw-visual-shell-announcement {
  position: static;
  inset: auto;
}

.sw-composition-preview__nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  cursor: pointer;
}

.sw-composition-preview__nav-dropdown {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 50%;
  z-index: 20;
  display: none;
  min-width: 12rem;
  transform: translateX(-50%);
  padding: 0.45rem;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #111827;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
}

.sw-composition-preview__nav-item:hover .sw-composition-preview__nav-dropdown,
.sw-composition-preview__nav-item:focus-within .sw-composition-preview__nav-dropdown {
  display: grid;
}

.sw-composition-preview__nav-dropdown span {
  display: block;
  padding: 0.55rem 0.75rem;
  color: #111827;
  white-space: nowrap;
}

.sw-template-builder-shell-editor-dock {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  margin-top: var(--sw-admin-shell-gap);
  padding-top: var(--sw-admin-shell-gap);
  border-top: 1px solid rgba(148, 163, 184, 0.28);
}

.sw-template-builder-preview-workspace[data-mode="inline-settings"] .sw-template-builder-shell-editor-dock {
  border-radius: var(--sw-admin-shell-radius);
  background: #f8fafc;
}

.sw-template-builder-header-editor {
  display: grid;
  gap: var(--sw-admin-shell-gap);
  padding: var(--sw-admin-shell-gap);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: var(--sw-admin-shell-radius);
  background: #ffffff;
  color: #111827;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
}

.sw-template-builder-header-editor__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-admin-shell-gap);
  align-items: center;
  justify-content: space-between;
}

.sw-template-builder-header-editor__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.sw-template-builder-header-editor__tabs button {
  min-height: 2.1rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #111827;
  font-size: 0.76rem;
  font-weight: 900;
}

.sw-template-builder-header-editor__tabs button[data-active="true"] {
  border-color: #67e8f9;
  background: #ecfeff;
}

.sw-template-builder-header-editor__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.sw-template-builder-header-editor__grid label,
.sw-template-builder-header-editor__owner-card {
  display: grid;
  gap: 0.35rem;
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  background: #f8fafc;
  font-size: 0.78rem;
  font-weight: 900;
}

.sw-template-builder-header-editor__grid input,
.sw-template-builder-header-editor__grid select {
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #ffffff;
  font-size: 0.88rem;
  font-weight: 800;
}

.sw-template-builder-navbar-editor__head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}

.sw-template-builder-navbar-editor__body--tree {
  grid-template-columns: minmax(22rem, 1.25fr) minmax(18rem, 0.75fr);
  align-items: start;
}

.sw-navbar-tree {
  display: grid;
  gap: 0.55rem;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}

.sw-navbar-tree__branch,
.sw-navbar-tree__children {
  display: grid;
  gap: 0.55rem;
}

.sw-navbar-tree__children {
  padding-left: calc((var(--nav-depth, 0) + 1) * 1rem + 0.25rem);
  border-left: 1px solid #e5e7eb;
}

.sw-navbar-tree__row {
  display: grid;
  grid-template-columns: 1.3rem 1.5rem 1.35rem minmax(0, 1fr) auto auto;
  gap: 0.55rem;
  align-items: center;
  min-height: 2.85rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.85rem;
  background: #ffffff;
  color: #111827;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.sw-navbar-tree__row[data-active="true"] {
  border-color: #22d3ee;
  background: #ecfeff;
}

.sw-navbar-tree__row[data-drag-over="true"] {
  border-color: #f59e0b;
  box-shadow: inset 0 0 0 1px #f59e0b, 0 8px 22px rgba(245, 158, 11, 0.12);
}

.sw-navbar-tree__drag,
.sw-navbar-tree__expand,
.sw-navbar-tree__icon,
.sw-navbar-tree__actions button {
  display: inline-grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #64748b;
}

.sw-navbar-tree__expand:not(:disabled):hover,
.sw-navbar-tree__actions button:hover {
  background: #ecfeff;
  color: #0891b2;
}

.sw-navbar-tree__expand:disabled {
  opacity: 0.38;
}

.sw-navbar-tree__label {
  overflow: hidden;
  color: #111827;
  font-size: 0.88rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-navbar-tree__row small {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
}

.sw-navbar-tree__actions {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
}

.sw-navbar-tree__actions svg,
.sw-navbar-tree__drag svg,
.sw-navbar-tree__expand svg {
  width: 0.9rem;
  height: 0.9rem;
}

.sw-navbar-tree__empty {
  min-height: 3rem;
  border: 1px dashed #cbd5e1;
  border-radius: 0.85rem;
  background: #f8fafc;
  color: #111827;
  font-weight: 900;
}

.sw-template-builder-navbar-editor__form-head {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.25rem;
}

.sw-template-builder-navbar-editor__form select {
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #ffffff;
  font-size: 0.88rem;
  font-weight: 800;
}

.sw-template-builder-navbar-editor__form p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.5;
}


.sw-composition-preview__hero-carousel-title,
.sw-composition-preview__hero-carousel-body,
.sw-composition-preview__hero-carousel-cta {
  position: absolute;
  z-index: 3;
}

.sw-composition-preview__hero-carousel-title {
  max-width: min(46rem, 76%);
  text-align: center;
}

.sw-composition-preview__hero-carousel-title strong {
  display: block;
  color: #ffffff;
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 0.95;
  text-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

.sw-composition-preview__hero-carousel-body {
  max-width: min(34rem, 68%);
  text-align: center;
}

.sw-composition-preview__hero-carousel-body span {
  display: block;
  color: rgba(255, 255, 255, 0.84);
  font-weight: 800;
  line-height: 1.45;
  text-shadow: 0 16px 34px rgba(0, 0, 0, 0.38);
}

.sw-composition-preview__hero-carousel-title[data-size="sm"] strong { font-size: clamp(1.15rem, 1.8vw, 2rem); }
.sw-composition-preview__hero-carousel-title[data-size="md"] strong { font-size: clamp(1.6rem, 2.4vw, 3rem); }
.sw-composition-preview__hero-carousel-title[data-size="lg"] strong { font-size: clamp(2rem, 3.2vw, 4.1rem); }
.sw-composition-preview__hero-carousel-title[data-size="xl"] strong { font-size: clamp(2.5rem, 4.2vw, 5.6rem); }

.sw-composition-preview__hero-carousel-body[data-size="sm"] span { font-size: clamp(0.78rem, 0.9vw, 0.96rem); }
.sw-composition-preview__hero-carousel-body[data-size="md"] span { font-size: clamp(0.9rem, 1.05vw, 1.12rem); }
.sw-composition-preview__hero-carousel-body[data-size="lg"] span { font-size: clamp(1.05rem, 1.28vw, 1.32rem); }
.sw-composition-preview__hero-carousel-body[data-size="xl"] span { font-size: clamp(1.2rem, 1.58vw, 1.62rem); }

.sw-composition-preview__hero-carousel-cta[data-size="sm"] { min-height: 2.2rem; padding-inline: 0.9rem; font-size: 0.78rem; }
.sw-composition-preview__hero-carousel-cta[data-size="md"] { min-height: 2.65rem; padding-inline: 1.15rem; font-size: 0.9rem; }
.sw-composition-preview__hero-carousel-cta[data-size="lg"] { min-height: 3rem; padding-inline: 1.45rem; font-size: 1rem; }
.sw-composition-preview__hero-carousel-cta[data-size="xl"] { min-height: 3.35rem; padding-inline: 1.75rem; font-size: 1.12rem; }

@keyframes sw-hero-element-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sw-hero-element-slide-up {
  from { opacity: 0; translate: 0 1rem; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes sw-hero-element-slide-left {
  from { opacity: 0; translate: 1rem 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes sw-hero-element-zoom-in {
  from { opacity: 0; scale: 0.94; }
  to { opacity: 1; scale: 1; }
}

.sw-composition-preview__hero-carousel-title[data-animation="fade"],
.sw-composition-preview__hero-carousel-body[data-animation="fade"],
.sw-composition-preview__hero-carousel-cta[data-animation="fade"] {
  animation: sw-hero-element-fade-in 520ms ease-out both;
}

.sw-composition-preview__hero-carousel-title[data-animation="slide-up"],
.sw-composition-preview__hero-carousel-body[data-animation="slide-up"],
.sw-composition-preview__hero-carousel-cta[data-animation="slide-up"] {
  animation: sw-hero-element-slide-up 560ms ease-out both;
}

.sw-composition-preview__hero-carousel-title[data-animation="slide-left"],
.sw-composition-preview__hero-carousel-body[data-animation="slide-left"],
.sw-composition-preview__hero-carousel-cta[data-animation="slide-left"] {
  animation: sw-hero-element-slide-left 560ms ease-out both;
}

.sw-composition-preview__hero-carousel-title[data-animation="zoom"],
.sw-composition-preview__hero-carousel-body[data-animation="zoom"],
.sw-composition-preview__hero-carousel-cta[data-animation="zoom"] {
  animation: sw-hero-element-zoom-in 560ms ease-out both;
}

.sw-template-builder-product-preview-gate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.42fr) auto;
  gap: var(--sw-admin-shell-gap);
  align-items: end;
  padding: var(--sw-admin-shell-gap);
  border: 1px solid #e5e7eb;
  border-radius: var(--sw-admin-shell-radius);
  background: #ffffff;
}

.sw-template-builder-product-preview-gate > div,
.sw-template-builder-product-preview-gate label {
  display: grid;
  gap: 0.3rem;
}

.sw-template-builder-product-preview-gate strong {
  color: #111827;
  font-size: 0.98rem;
}

.sw-template-builder-product-preview-gate span {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.45;
}

.sw-template-builder-product-preview-gate select {
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #ffffff;
  font-weight: 800;
}

.sw-composition-preview__product-page-required,
.sw-composition-preview__product-related,
.sw-composition-preview__product-review-list {
  display: grid;
  gap: var(--sw-primitive-space-stack-sm);
  min-height: 14rem;
  padding: var(--sw-primitive-space-panel-padding);
  border: 1px dashed #cbd5e1;
  border-radius: var(--sw-primitive-radius-panel);
  background: #ffffff;
}

.sw-composition-preview__product-page-required p,
.sw-composition-preview__product-related p,
.sw-composition-preview__product-review-list p {
  margin: 0;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sw-composition-preview__product-page-required h3,
.sw-composition-preview__product-related h3,
.sw-composition-preview__product-review-list h3 {
  margin: 0;
  color: #111827;
}

.sw-composition-preview__product-page-required > span,
.sw-composition-preview__product-related > span,
.sw-composition-preview__product-review-list .sw-composition-preview__testimonial-proof-head > span {
  color: #64748b;
  line-height: 1.55;
}

.sw-template-builder-collection-discovery {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(5, minmax(7rem, 0.7fr)) auto;
  gap: 0.75rem;
  align-items: end;
  padding: var(--sw-admin-shell-gap);
  border: 1px solid #e5e7eb;
  border-radius: var(--sw-admin-shell-radius);
  background: #ffffff;
}

.sw-template-builder-collection-discovery > div,
.sw-template-builder-collection-discovery label {
  display: grid;
  gap: 0.3rem;
}

.sw-template-builder-collection-discovery strong {
  color: #111827;
  font-size: 0.95rem;
}

.sw-template-builder-collection-discovery span {
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.4;
}

.sw-template-builder-collection-discovery input,
.sw-template-builder-collection-discovery select {
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.7rem;
  background: #ffffff;
  color: #111827;
  font-weight: 800;
}

.sw-composition-preview__collection .sw-composition-preview__grid article button {
  min-height: 2rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  font-size: 0.72rem;
  font-weight: 900;
}

.sw-template-builder-quick-view {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  justify-items: end;
  background: rgba(15, 23, 42, 0.34);
}

.sw-template-builder-quick-view__panel {
  display: grid;
  grid-template-columns: minmax(14rem, 0.86fr) minmax(18rem, 1fr);
  gap: 1rem;
  width: min(42rem, 94vw);
  height: 100%;
  padding: 1rem;
  background: #ffffff;
  box-shadow: -18px 0 50px rgba(15, 23, 42, 0.22);
}

.sw-template-builder-quick-view__panel > button {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  font-size: 1.2rem;
  font-weight: 900;
}

.sw-template-builder-quick-view__media {
  display: grid;
  place-items: center;
  min-height: 18rem;
  border-radius: 1rem;
  background: #f8fafc;
  overflow: hidden;
}

.sw-template-builder-quick-view__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-template-builder-quick-view__copy {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 2.75rem 1rem 1rem;
}

.sw-template-builder-quick-view__copy h3 {
  margin: 0;
  color: #111827;
  font-size: 1.45rem;
}

.sw-template-builder-quick-view__copy p,
.sw-template-builder-quick-view__copy span {
  color: #64748b;
  line-height: 1.55;
}

.sw-template-builder-quick-view__copy a,
.sw-template-builder-quick-view__copy button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  border-radius: 999px;
  font-weight: 900;
}

.sw-template-builder-quick-view__copy a {
  border: 1px solid #111827;
  color: #111827;
  text-decoration: none;
}

.sw-template-builder-quick-view__copy button {
  border: 1px solid #e2e8f0;
  background: #f1f5f9;
  color: #64748b;
}

@media (max-width: 900px) {
  .sw-template-builder-collection-discovery {
    grid-template-columns: 1fr;
  }

  .sw-template-builder-quick-view__panel {
    grid-template-columns: 1fr;
    width: 100vw;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-page-manager.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.sw-page-manager-route {
  --sw-page-manager-bg-app: var(--sw-primitive-color-text);
  --sw-page-manager-bg-workspace: var(--sw-primitive-color-page);
  --sw-page-manager-surface: var(--sw-primitive-color-panel);
  --sw-page-manager-surface-muted: var(--sw-primitive-color-panel-muted);
  --sw-page-manager-text: var(--sw-primitive-color-text);
  --sw-page-manager-muted: var(--sw-primitive-color-muted);
  --sw-page-manager-border: var(--sw-primitive-color-border);
  --sw-page-manager-accent: var(--sw-primitive-color-accent);
  --sw-page-manager-success: var(--sw-primitive-color-success);
  --sw-page-manager-warning: var(--sw-primitive-color-warning);
  --sw-page-manager-danger: var(--sw-primitive-color-danger);
  --sw-page-manager-row: var(--sw-primitive-density-table-row-height);
  --sw-page-manager-control: var(--sw-primitive-density-control-height);
  --sw-page-manager-toolbar: var(--sw-primitive-density-toolbar-height);
  --sw-page-manager-gap: var(--sw-primitive-space-grid-gap);
  --sw-page-manager-space-sm: var(--sw-primitive-space-stack-sm);
  --sw-page-manager-space-md: var(--sw-primitive-space-stack-md);
  --sw-page-manager-space-lg: var(--sw-primitive-space-stack-lg);
  --sw-page-manager-inset: var(--sw-primitive-space-page-inset);
  --sw-page-manager-pad: var(--sw-primitive-space-panel-padding);
  --sw-page-manager-radius: var(--sw-primitive-radius-panel);
  --sw-page-manager-radius-control: var(--sw-primitive-radius-control);
  --sw-page-manager-shadow: var(--sw-primitive-shadow-panel);
  min-width: 0;
  overflow-x: clip;
}

.sw-page-manager-route *,
.sw-page-manager-route *::before,
.sw-page-manager-route *::after {
  box-sizing: border-box;
}

.sw-page-manager-route .sw-button,
.sw-page-manager-route .sw-input {
  min-height: var(--sw-page-manager-toolbar);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-page-manager-radius-control);
  background: var(--sw-page-manager-surface);
  color: var(--sw-page-manager-text);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
}

.sw-page-manager-route .sw-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-page-manager-space-sm);
  padding-inline: var(--sw-primitive-space-control-padding);
  cursor: pointer;
}

.sw-page-manager-route .sw-button svg {
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
}

.sw-page-manager-route .sw-button .sw-primitive-button__content {
  display: inline-flex;
  align-items: center;
  gap: var(--sw-page-manager-space-sm);
}

.sw-page-manager-route .sw-button--primary {
  border-color: var(--sw-page-manager-accent);
  background: var(--sw-page-manager-accent);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-page-manager-route .sw-button--secondary {
  background: var(--sw-page-manager-surface);
}

.sw-page-manager-route .sw-button:disabled,
.sw-page-manager-route .sw-button--disabled {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
}

.sw-page-manager-route .sw-input {
  width: 100%;
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-page-manager {
  min-width: 0;
  display: grid;
  gap: var(--sw-page-manager-gap);
  padding: var(--sw-page-manager-inset);
}

.sw-page-manager__breadcrumb,
.sw-page-manager__heading p,
.sw-page-manager__field span,
.sw-page-manager__panel-head span,
.sw-page-manager__row-copy span,
.sw-page-manager__row-meta,
.sw-page-manager__facts dt,
.sw-page-manager__facts dd,
.sw-page-manager__detail-title span,
.sw-page-manager__section-copy span,
.sw-page-manager__add-section span,
.sw-page-manager__editor-handoff span,
.sw-page-manager__readiness small,
.sw-page-manager__readiness-reason,
.sw-page-manager__readiness-row--header,
.sw-page-manager__state span,
.sw-page-manager__mobile-continuation span {
  color: var(--sw-page-manager-muted);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-page-manager__breadcrumb {
  display: flex;
  gap: var(--sw-page-manager-space-sm);
  align-items: center;
  flex-wrap: wrap;
}

.sw-page-manager__breadcrumb span::after {
  content: "/";
  padding-inline-start: var(--sw-page-manager-space-sm);
}

.sw-page-manager__page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-page-manager-gap);
  align-items: start;
}

.sw-page-manager__heading {
  display: grid;
  gap: var(--sw-page-manager-space-sm);
}

.sw-page-manager__heading .sw-type-page-title {
  font-size: var(--sw-primitive-type-page-title-size);
  font-weight: 800;
}

.sw-page-manager__heading p {
  max-width: calc(var(--sw-primitive-density-inspector-width) * 2);
  margin: 0;
}

.sw-page-manager__head-actions,
.sw-page-manager__toolbar-actions,
.sw-page-manager__disabled-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-page-manager-space-sm);
  justify-content: flex-end;
}

.sw-page-manager__account-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-page-manager-space-sm);
  align-items: center;
  padding: var(--sw-page-manager-space-sm) var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius-control);
  background: var(--sw-page-manager-surface);
}

.sw-page-manager__account-avatar,
.sw-page-manager__row-mark,
.sw-page-manager__detail-mark,
.sw-page-manager__section-mark {
  display: grid;
  inline-size: var(--sw-page-manager-control);
  block-size: var(--sw-page-manager-control);
  place-items: center;
  border-radius: var(--sw-page-manager-radius-control);
  background: var(--sw-page-manager-surface-muted);
  color: var(--sw-page-manager-muted);
}

.sw-page-manager__row-mark svg,
.sw-page-manager__detail-mark svg,
.sw-page-manager__section-mark svg,
.sw-page-manager__readiness svg {
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
}

.sw-page-manager__account-copy {
  display: grid;
}

.sw-page-manager__account-copy strong,
.sw-page-manager__panel-head strong,
.sw-page-manager__state strong,
.sw-page-manager__detail-title strong,
.sw-page-manager__section-copy strong,
.sw-page-manager__readiness strong,
.sw-page-manager__readiness-label strong,
.sw-page-manager__mobile-continuation strong {
  color: var(--sw-page-manager-text);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 800;
}

.sw-page-manager__status-strip,
.sw-page-manager__toolbar,
.sw-page-manager__list-panel,
.sw-page-manager__detail-panel,
.sw-page-manager__readiness,
.sw-page-manager__state,
.sw-page-manager__mobile-continuation {
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-page-manager-radius);
  background: var(--sw-page-manager-surface);
  box-shadow: var(--sw-page-manager-shadow);
}

.sw-page-manager__status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-page-manager-space-sm);
  padding: var(--sw-page-manager-space-md);
}

.sw-page-manager__pill,
.sw-page-manager__row-status,
.sw-page-manager__section-status {
  display: inline-flex;
  min-height: var(--sw-primitive-density-badge-height);
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-page-manager-surface-muted);
  color: var(--sw-page-manager-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  white-space: nowrap;
}

.sw-page-manager__pill--success {
  border-color: var(--sw-page-manager-success);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-page-manager-success);
}

.sw-page-manager__pill--warning,
.sw-page-manager__row-status,
.sw-page-manager__section-status {
  border-color: var(--sw-page-manager-warning);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-page-manager-warning);
}

.sw-page-manager__pill--danger {
  border-color: var(--sw-page-manager-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-page-manager-danger);
}

.sw-page-manager__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--sw-primitive-density-popover-width), auto) auto;
  gap: var(--sw-page-manager-space-sm);
  align-items: end;
  padding: var(--sw-page-manager-space-sm);
}

.sw-page-manager__field {
  display: grid;
  gap: var(--sw-page-manager-space-sm);
}

.sw-page-manager__field > span {
  font-weight: 800;
}

.sw-page-manager__input-wrap {
  position: relative;
  display: block;
}

.sw-page-manager__input-wrap svg {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--sw-primitive-space-control-padding);
  inline-size: var(--sw-primitive-density-icon-size);
  block-size: var(--sw-primitive-density-icon-size);
  color: var(--sw-page-manager-muted);
  transform: translateY(-50%);
}

.sw-page-manager__search {
  padding-inline-start: calc(var(--sw-primitive-space-control-padding) + var(--sw-primitive-density-icon-size) + var(--sw-page-manager-space-sm));
}

.sw-page-manager__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--sw-primitive-density-inspector-width), var(--sw-primitive-density-dialog-width));
  gap: var(--sw-page-manager-gap);
  align-items: start;
}

.sw-page-manager__main-stack,
.sw-page-manager__side-stack,
.sw-page-manager__list,
.sw-page-manager__detail-panel,
.sw-page-manager__section-stack,
.sw-page-manager__section-editor,
.sw-page-manager__readiness-table {
  min-width: 0;
  display: grid;
  gap: var(--sw-page-manager-space-md);
}

.sw-page-manager__list-panel,
.sw-page-manager__detail-panel,
.sw-page-manager__readiness {
  overflow: hidden;
}

.sw-page-manager__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-page-manager-space-md);
  padding: var(--sw-page-manager-space-md) var(--sw-page-manager-pad);
  border-bottom: var(--sw-primitive-border-subtle);
  background: var(--sw-page-manager-surface-muted);
}

.sw-page-manager__list {
  padding: var(--sw-page-manager-space-md);
}

.sw-page-manager__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: var(--sw-page-manager-space-md);
  align-items: center;
  min-height: var(--sw-page-manager-row);
  padding: var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius-control);
  background: var(--sw-page-manager-surface);
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.sw-page-manager__row--selected {
  border-color: var(--sw-page-manager-accent);
  background: var(--sw-primitive-color-accent-surface);
  box-shadow: inset var(--sw-primitive-border-spinner-width) 0 0 var(--sw-page-manager-accent);
}

.sw-page-manager__row-copy,
.sw-page-manager__row-meta,
.sw-page-manager__detail-title,
.sw-page-manager__section-copy {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-page-manager-space-sm) / 2);
}

.sw-page-manager__row-copy strong {
  overflow: hidden;
  color: var(--sw-page-manager-text);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-page-manager__detail-panel {
  padding: var(--sw-page-manager-pad);
}

.sw-page-manager__detail-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--sw-page-manager-space-md);
  align-items: center;
}

.sw-page-manager__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-page-manager-space-sm);
  margin: 0;
}

.sw-page-manager__facts div,
.sw-page-manager__editor-shell,
.sw-page-manager__state,
.sw-page-manager__mobile-continuation {
  display: grid;
  gap: var(--sw-page-manager-space-sm);
  padding: var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius);
  background: var(--sw-page-manager-surface-muted);
}

.sw-page-manager__facts dt,
.sw-page-manager__facts dd {
  margin: 0;
}

.sw-page-manager__facts dd {
  overflow-wrap: anywhere;
  color: var(--sw-page-manager-text);
  font-weight: 800;
}

.sw-page-manager__section-row,
.sw-page-manager__section-select {
  display: grid;
  gap: var(--sw-page-manager-space-md);
  align-items: center;
}

.sw-page-manager__section-row {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: var(--sw-page-manager-row);
  padding: var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius-control);
  background: var(--sw-page-manager-surface);
}

.sw-page-manager__section-row--selected {
  border-color: var(--sw-page-manager-accent);
  background: var(--sw-primitive-color-accent-surface);
}

.sw-page-manager__section-select {
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.sw-page-manager__section-actions,
.sw-page-manager__editor-actions,
.sw-page-manager__add-section,
.sw-page-manager__editor-handoff {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-page-manager-space-sm);
  align-items: end;
}

.sw-page-manager__section-actions .sw-button {
  inline-size: var(--sw-page-manager-control);
  padding-inline: 0;
}

.sw-page-manager__section-editor,
.sw-page-manager__add-section,
.sw-page-manager__editor-handoff {
  padding: var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius);
  background: var(--sw-page-manager-surface);
}

.sw-page-manager__editor-handoff {
  align-items: center;
}

.sw-page-manager__section-editor .sw-page-manager__panel-head {
  margin: calc(var(--sw-page-manager-space-md) * -1) calc(var(--sw-page-manager-space-md) * -1) 0;
  border-start-start-radius: var(--sw-page-manager-radius);
  border-start-end-radius: var(--sw-page-manager-radius);
}

.sw-page-manager__textarea {
  min-height: calc(var(--sw-page-manager-row) * 2);
  padding-block: var(--sw-page-manager-space-md);
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: var(--sw-primitive-type-line-body);
}

.sw-page-manager__inline-state {
  margin: 0;
  color: var(--sw-page-manager-muted);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-page-manager__inline-state--success {
  color: var(--sw-page-manager-success);
}

.sw-page-manager__inline-state--warning {
  color: var(--sw-page-manager-warning);
}

.sw-page-manager__inline-state--danger {
  color: var(--sw-page-manager-danger);
}

.sw-page-manager__disabled-actions {
  justify-content: flex-start;
}

.sw-page-manager__readiness {
  padding-block-end: var(--sw-page-manager-pad);
}

.sw-page-manager__readiness-table {
  padding-inline: var(--sw-page-manager-pad);
}

.sw-page-manager__readiness-row {
  display: grid;
  grid-template-columns:
    minmax(var(--sw-admin-shell-summary-min), 1fr)
    minmax(var(--sw-primitive-density-control-height), max-content)
    minmax(var(--sw-admin-shell-summary-min), 1.35fr)
    max-content;
  gap: var(--sw-page-manager-space-sm);
  align-items: center;
  padding: var(--sw-page-manager-space-md);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-page-manager-radius);
  background: var(--sw-page-manager-surface-muted);
}

.sw-page-manager__readiness-row--header {
  min-height: var(--sw-page-manager-control);
  padding-block: var(--sw-page-manager-space-sm);
  border-color: transparent;
  background: transparent;
  font-weight: 800;
}

.sw-page-manager__readiness-label,
.sw-page-manager__readiness-action {
  min-width: 0;
  display: inline-flex;
  gap: var(--sw-page-manager-space-sm);
  align-items: center;
}

.sw-page-manager__readiness-status-cell {
  min-width: 0;
}

.sw-page-manager__readiness-reason {
  margin: 0;
  overflow-wrap: anywhere;
}

.sw-page-manager__readiness-action {
  justify-content: flex-end;
}

.sw-page-manager__readiness svg {
  color: var(--sw-page-manager-danger);
}

.sw-page-manager__state {
  align-content: center;
  min-height: calc(var(--sw-page-manager-row) * 3);
}

.sw-page-manager__mobile-continuation {
  display: none;
}

@media (max-width: 54em) {
  .sw-page-manager__page-head,
  .sw-page-manager__toolbar,
  .sw-page-manager__workspace,
  .sw-page-manager__facts,
  .sw-page-manager__readiness-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-page-manager {
    padding: var(--sw-page-manager-space-md);
    padding-block-end: calc(var(--sw-primitive-density-mobile-action-height) + var(--sw-page-manager-space-lg));
  }

  .sw-page-manager__head-actions,
  .sw-page-manager__toolbar-actions,
  .sw-page-manager__disabled-actions {
    justify-content: stretch;
  }

  .sw-page-manager__head-actions > *,
  .sw-page-manager__toolbar-actions > *,
  .sw-page-manager__disabled-actions > * {
    width: 100%;
  }

  .sw-page-manager__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .sw-page-manager__row-meta,
  .sw-page-manager__row-status {
    grid-column: 2;
    justify-self: start;
  }

  .sw-page-manager__detail-head,
  .sw-page-manager__section-row,
  .sw-page-manager__section-select {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .sw-page-manager__detail-head .sw-page-manager__pill,
  .sw-page-manager__section-status,
  .sw-page-manager__section-actions {
    grid-column: 2;
    justify-self: start;
  }

  .sw-page-manager__readiness-row {
    align-items: start;
  }

  .sw-page-manager__readiness-action {
    justify-content: flex-start;
  }

  .sw-page-manager__readiness-row--header {
    display: none;
  }

  .sw-page-manager__mobile-continuation {
    display: grid;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-template-center.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.sw-template-center-route {
  --sw-color-bg-app: var(--sw-primitive-color-text);
  --sw-color-bg-workspace: var(--sw-primitive-color-page);
  --sw-color-surface: var(--sw-primitive-color-panel);
  --sw-color-surface-muted: var(--sw-primitive-color-panel-muted);
  --sw-color-text-primary: var(--sw-primitive-color-text);
  --sw-color-text-secondary: var(--sw-primitive-color-muted);
  --sw-color-border-subtle: var(--sw-primitive-color-border);
  --sw-color-action-primary: var(--sw-primitive-color-accent);
  --sw-color-state-success: var(--sw-primitive-color-success);
  --sw-color-state-warning: var(--sw-primitive-color-warning);
  --sw-color-state-danger: var(--sw-primitive-color-danger);
  --sw-color-state-blocked: var(--sw-primitive-color-conflict);
  --sw-space-1: var(--sw-primitive-space-stack-sm);
  --sw-space-2: var(--sw-primitive-space-stack-md);
  --sw-space-3: var(--sw-primitive-space-stack-lg);
  --sw-space-4: var(--sw-primitive-space-grid-gap);
  --sw-space-5: var(--sw-primitive-space-panel-padding);
  --sw-space-6: var(--sw-primitive-space-page-inset);
  --sw-radius-control: var(--sw-primitive-radius-control);
  --sw-radius-panel: var(--sw-primitive-radius-panel);
  --sw-shadow-panel: var(--sw-primitive-shadow-panel);
  --sw-density-row-compact: var(--sw-primitive-density-table-row-height);
  --sw-density-toolbar: var(--sw-primitive-density-toolbar-height);
  min-width: 0;
  overflow-x: clip;
}

.sw-template-center-route *,
.sw-template-center-route *::before,
.sw-template-center-route *::after {
  box-sizing: border-box;
}

.sw-template-center-route .sw-button,
.sw-template-center-route .sw-input {
  min-height: var(--sw-density-toolbar);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface);
  color: var(--sw-color-text-primary);
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 700;
}

.sw-template-center-route .sw-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sw-space-1);
  padding-inline: var(--sw-primitive-space-control-padding);
  cursor: pointer;
}

.sw-template-center-route .sw-button--primary {
  border-color: var(--sw-color-action-primary);
  background: var(--sw-color-action-primary);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-template-center-route .sw-button--secondary {
  background: var(--sw-color-surface);
}

.sw-template-center-route .sw-button:disabled,
.sw-template-center-route .sw-button--disabled {
  color: var(--sw-primitive-color-disabled);
  cursor: not-allowed;
}

.sw-template-center-route .sw-input {
  width: 100%;
  padding-inline: var(--sw-primitive-space-control-padding);
}

.sw-template-center-route .sw-field {
  display: grid;
  gap: var(--sw-space-1);
}

.sw-template-center-route .sw-field__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sw-space-1);
}

.sw-template-center-route .sw-field__label,
.sw-template-center-route .sw-field__hint {
  color: var(--sw-color-text-secondary);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 700;
}

.sw-template-center-route .sw-shop-admin-frame {
  min-height: 100vh;
  background: var(--sw-color-bg-workspace);
  color: var(--sw-color-text-primary);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sw-template-center-route .sw-shop-admin-frame__body {
  display: grid;
  grid-template-columns: minmax(13.5rem, 15rem) minmax(0, 1fr);
  min-height: 100vh;
}

.sw-template-center-route .sw-shop-admin-frame__sidebar {
  position: sticky;
  top: 0;
  min-height: 100vh;
  align-self: start;
  background: var(--sw-color-bg-app);
  color: var(--sw-primitive-color-accent-contrast);
}

.sw-template-center-route .sw-shop-admin-frame__rail {
  display: grid;
  gap: var(--sw-space-4);
  padding: var(--sw-space-5);
}

.sw-template-center-route .sw-shop-admin-frame__brand {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-space-2);
  align-items: center;
}

.sw-template-center-route .sw-shop-admin-frame__brand-mark {
  display: grid;
  inline-size: var(--sw-primitive-density-control-height);
  block-size: var(--sw-primitive-density-control-height);
  place-items: center;
  border-radius: var(--sw-radius-control);
  background: var(--sw-primitive-color-accent-contrast);
  color: var(--sw-color-bg-app);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  text-transform: uppercase;
}

.sw-template-center-route .sw-shop-admin-frame__brand-title,
.sw-template-center-route .sw-shop-admin-frame__rail-item-title,
.sw-template-center-route .sw-shop-admin-frame__rail-state,
.sw-template-center-route .sw-shop-admin-frame__mobile-detail-title {
  display: block;
  font-size: var(--sw-primitive-type-control-size);
  font-weight: 800;
}

.sw-template-center-route .sw-shop-admin-frame__brand-subtitle,
.sw-template-center-route .sw-shop-admin-frame__rail-status,
.sw-template-center-route .sw-shop-admin-frame__mobile-detail-subtitle,
.sw-template-center-route .sw-shop-admin-frame__mobile-tab-state {
  color: color-mix(in srgb, var(--sw-primitive-color-accent-contrast) 64%, transparent);
  font-size: var(--sw-primitive-type-caption-size);
}

.sw-template-center-route .sw-shop-admin-frame__rail-group,
.sw-template-center-route .sw-shop-admin-frame__rail-list {
  display: grid;
  gap: var(--sw-space-1);
}

.sw-template-center-route .sw-shop-admin-frame__rail-link,
.sw-template-center-route .sw-shop-admin-frame__rail-static {
  width: 100%;
  display: grid;
  gap: var(--sw-space-1);
  padding: var(--sw-space-2);
  border: 0;
  border-radius: var(--sw-radius-control);
  background: transparent;
  color: inherit;
  text-align: left;
}

.sw-template-center-route .sw-shop-admin-frame__rail-item--active .sw-shop-admin-frame__rail-link,
.sw-template-center-route .sw-shop-admin-frame__rail-item--active .sw-shop-admin-frame__rail-static {
  background: color-mix(in srgb, var(--sw-primitive-color-accent-contrast) 12%, transparent);
}

.sw-template-center-route .sw-shop-admin-frame__rail-item-description,
.sw-template-center-route .sw-shop-admin-frame__rail-dot,
.sw-template-center-route .sw-shop-admin-frame__rail-heading,
.sw-template-center-route .sw-shop-admin-frame__rail-group-title,
.sw-template-center-route .sw-shop-admin-frame__rail-footer {
  display: none;
}

.sw-template-center-route .sw-shop-admin-frame__workspace {
  min-width: 0;
}

.sw-template-center-route .sw-shop-admin-frame__stage {
  min-width: 0;
}

.sw-template-center-route .sw-shop-admin-frame__mobile-chrome {
  display: none;
}

.sw-template-center-system {
  min-width: 0;
  display: grid;
  gap: var(--sw-space-4);
  padding: var(--sw-space-6);
}

.sw-template-center-system__breadcrumb,
.sw-template-center-system__heading p,
.sw-template-center-system__panel-head span,
.sw-template-center-system__template-copy span,
.sw-template-center-system__template-summary,
.sw-template-center-system__side-panel p,
.sw-template-center-system__side-facts span,
.sw-template-center-system__state span,
.sw-template-center-system__summary-panel span,
.sw-template-center-system__mobile-continuation span,
.sw-template-center-system__step-button span {
  color: var(--sw-color-text-secondary);
  font-size: var(--sw-primitive-type-caption-size);
  line-height: var(--sw-primitive-type-line-body);
}

.sw-template-center-system__breadcrumb {
  display: flex;
  gap: var(--sw-space-1);
  align-items: center;
}

.sw-template-center-system__breadcrumb span::after {
  content: "/";
  padding-inline-start: var(--sw-space-1);
}

.sw-template-center-system__page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sw-space-4);
  align-items: start;
}

.sw-template-center-system__heading {
  display: grid;
  gap: var(--sw-space-1);
}

.sw-template-center-system__heading .sw-type-page-title {
  font-size: var(--sw-primitive-type-page-title-size);
  font-weight: 800;
}

.sw-template-center-system__heading p {
  max-width: 42rem;
  margin: 0;
}

.sw-template-center-system__head-actions,
.sw-template-center-system__toolbar-actions,
.sw-template-center-system__row-actions,
.sw-template-center-system__detail-actions,
.sw-template-center-system__primary-action-rail {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-space-1);
  justify-content: flex-end;
}

.sw-template-center-system__account-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-space-1);
  align-items: center;
  padding: var(--sw-space-1) var(--sw-space-2);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface);
}

.sw-template-center-system__account-avatar,
.sw-template-center-system__template-mark {
  display: grid;
  inline-size: var(--sw-primitive-density-control-height);
  block-size: var(--sw-primitive-density-control-height);
  place-items: center;
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface-muted);
  color: var(--sw-color-text-secondary);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-template-center-system__account-copy {
  display: grid;
}

.sw-template-center-system__account-copy strong,
.sw-template-center-system__side-panel strong,
.sw-template-center-system__panel-head strong,
.sw-template-center-system__state strong,
.sw-template-center-system__summary-panel strong,
.sw-template-center-system__detail-head strong,
.sw-template-center-system__callout strong {
  color: var(--sw-color-text-primary);
  font-size: var(--sw-primitive-type-section-title-size);
  font-weight: 800;
}

.sw-template-center-system__status-strip,
.sw-template-center-system__toolbar,
.sw-template-center-system__panel,
.sw-template-center-system__side-panel,
.sw-template-center-system__state {
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-radius-panel);
  background: var(--sw-color-surface);
  box-shadow: var(--sw-shadow-panel);
}

.sw-template-center-system__status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sw-space-1);
  padding: var(--sw-space-2);
}

.sw-template-center-system__pill,
.sw-template-center-system__template-status,
.sw-template-center-system__detail-head span,
.sw-template-center-system__truth-label {
  display: inline-flex;
  min-height: var(--sw-primitive-density-badge-height);
  align-items: center;
  padding-inline: var(--sw-primitive-space-badge-padding);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-primitive-radius-badge);
  background: var(--sw-color-surface-muted);
  color: var(--sw-color-text-secondary);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
  white-space: nowrap;
}

.sw-template-center-system__pill--success,
.sw-template-center-system__template-row--ready .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-success);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-color-state-success);
}

.sw-template-center-system__pill--warning,
.sw-template-center-system__template-row--attention .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-warning);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-color-state-warning);
}

.sw-template-center-system__pill--danger,
.sw-template-center-system__template-row--blocked .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-color-state-danger);
}

.sw-template-center-system__toolbar {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(9rem, auto) minmax(9rem, auto) auto;
  gap: var(--sw-space-1);
  align-items: end;
  padding: var(--sw-space-1);
}

.sw-template-center-system__workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
  gap: var(--sw-space-4);
  align-items: start;
}

.sw-template-center-system__main-stack,
.sw-template-center-system__template-list,
.sw-template-center-system__side-panel,
.sw-template-center-system__editor-body,
.sw-template-center-system__step-rail {
  min-width: 0;
  display: grid;
  gap: var(--sw-space-2);
}

.sw-template-center-system__panel {
  overflow: hidden;
}

.sw-template-center-system__panel-head,
.sw-template-center-system__list-header {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 0.9fr) minmax(0, 0.9fr) auto;
  gap: var(--sw-space-2);
  align-items: center;
}

.sw-template-center-system__panel-head {
  padding: var(--sw-space-2) var(--sw-space-5);
  border-bottom: var(--sw-primitive-border-subtle);
  background: var(--sw-color-surface-muted);
}

.sw-template-center-system__list-header {
  padding: var(--sw-space-1) var(--sw-space-5);
  border-bottom: var(--sw-primitive-border-subtle);
  color: var(--sw-color-text-secondary);
  font-size: var(--sw-primitive-type-caption-size);
  font-weight: 800;
}

.sw-template-center-system__template-list {
  padding: var(--sw-space-2);
}

.sw-template-center-system__template-row {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 0.9fr) minmax(0, 0.9fr) auto;
  gap: var(--sw-space-2);
  align-items: center;
  min-height: var(--sw-density-row-compact);
  padding: var(--sw-space-2);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface);
}

.sw-template-center-system__template-row--selected {
  border-color: var(--sw-color-action-primary);
  background: var(--sw-primitive-color-accent-surface);
  box-shadow: inset 3px 0 0 var(--sw-color-action-primary);
}

.sw-template-center-system__template-row--attention {
  background: color-mix(in srgb, var(--sw-primitive-color-warning-surface) 52%, var(--sw-color-surface));
}

.sw-template-center-system__template-row--blocked {
  background: color-mix(in srgb, var(--sw-primitive-color-danger-surface) 42%, var(--sw-color-surface));
}

.sw-template-center-system__template-select {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sw-space-1);
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-template-center-system__template-copy {
  min-width: 0;
  display: grid;
  gap: calc(var(--sw-space-1) / 2);
}

.sw-template-center-system__template-copy strong {
  overflow: hidden;
  color: var(--sw-color-text-primary);
  font-size: var(--sw-primitive-type-body-size);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-template-center-system__template-summary {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-template-center-system__side-panel {
  padding: var(--sw-space-5);
}

.sw-template-center-system__detail-head {
  display: grid;
  gap: var(--sw-space-1);
}

.sw-template-center-system__side-panel p {
  margin: 0;
}

.sw-template-center-system__side-facts,
.sw-template-center-system__action-panel,
.sw-template-center-system__summary-panel,
.sw-template-center-system__state,
.sw-template-center-system__action-status,
.sw-template-center-system__ai-panel,
.sw-template-center-system__history-panel,
.sw-template-center-system__callout {
  display: grid;
  gap: var(--sw-space-1);
  padding: var(--sw-space-2);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-radius-panel);
  background: var(--sw-color-surface-muted);
}

.sw-template-center-system__side-facts span {
  display: grid;
  gap: calc(var(--sw-space-1) / 2);
}

.sw-template-center-system__side-facts strong {
  color: var(--sw-color-text-primary);
}

.sw-template-center-system__summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sw-space-2);
  padding: var(--sw-space-2);
}

.sw-template-center-system__panel-head--compact {
  grid-template-columns: minmax(0, 1fr) auto;
}

.sw-template-center-system__module-row--selected-posture .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-success);
  background: var(--sw-primitive-color-success-surface);
  color: var(--sw-color-state-success);
}

.sw-template-center-system__module-row--attention .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-warning);
  background: var(--sw-primitive-color-warning-surface);
  color: var(--sw-color-state-warning);
}

.sw-template-center-system__module-row--blocked .sw-template-center-system__template-status {
  border-color: var(--sw-color-state-danger);
  background: var(--sw-primitive-color-danger-surface);
  color: var(--sw-color-state-danger);
}

.sw-template-center-system__preview-card {
  display: grid;
  gap: var(--sw-space-1);
  padding: var(--sw-space-5);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-radius-panel);
  background:
    linear-gradient(var(--sw-color-surface-muted), var(--sw-color-surface-muted)),
    var(--sw-color-surface);
}

.sw-template-center-system__preview-card span {
  display: block;
  min-height: var(--sw-density-toolbar);
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface);
}

.sw-template-center-system__mobile-continuation {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sw-space-1);
  padding: var(--sw-space-1);
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-radius-panel);
  background: var(--sw-color-surface);
  box-shadow: var(--sw-shadow-panel);
}

.sw-template-center-system__editor-grid {
  display: grid;
  grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr) minmax(18rem, 22rem);
  gap: var(--sw-space-4);
}

.sw-template-center-system__editor-main,
.sw-template-center-system__step-rail {
  border: var(--sw-primitive-border-default);
  border-radius: var(--sw-radius-panel);
  background: var(--sw-color-surface);
  box-shadow: var(--sw-shadow-panel);
}

.sw-template-center-system__step-rail {
  padding: var(--sw-space-5);
}

.sw-template-center-system__field-grid,
.sw-template-center-system__diff-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sw-space-2);
}

.sw-template-center-system__diff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sw-template-center-system__textarea {
  min-height: var(--sw-primitive-density-textarea-min-height);
  padding-block: var(--sw-space-2);
}

.sw-template-center-system__ai-panel {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sw-template-center-system__primary-action-rail {
  padding-top: var(--sw-space-2);
  border-top: var(--sw-primitive-border-subtle);
}

.sw-template-center-system__step-button {
  display: grid;
  gap: var(--sw-space-1);
  padding: var(--sw-space-2);
  border: var(--sw-primitive-border-subtle);
  border-radius: var(--sw-radius-control);
  background: var(--sw-color-surface);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sw-template-center-system__step-button--active {
  border-color: var(--sw-color-action-primary);
  background: var(--sw-primitive-color-accent-surface);
}

@media (max-width: 73.75em) {
  .sw-template-center-route .sw-shop-admin-frame__body,
  .sw-template-center-system__page-head,
  .sw-template-center-system__toolbar,
  .sw-template-center-system__workspace-grid,
  .sw-template-center-system__editor-grid,
  .sw-template-center-system__field-grid,
  .sw-template-center-system__diff-grid,
  .sw-template-center-system__ai-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-template-center-route .sw-shop-admin-frame__sidebar {
    display: none;
  }

  .sw-template-center-route .sw-shop-admin-frame__mobile-chrome {
    position: sticky;
    top: 0;
    display: grid;
    gap: var(--sw-space-1);
    padding: var(--sw-space-1);
    border-bottom: var(--sw-primitive-border-default);
    background: var(--sw-color-surface);
    z-index: var(--sw-primitive-layer-mobile-action);
  }

  .sw-template-center-route .sw-shop-admin-frame__mobile-top-continuation,
  .sw-template-center-route .sw-shop-admin-frame__mobile-bottom-tabs {
    display: flex;
    align-items: center;
    gap: var(--sw-space-1);
    overflow-x: auto;
  }

  .sw-template-center-route .sw-shop-admin-frame__mobile-menu-button,
  .sw-template-center-route .sw-shop-admin-frame__mobile-account,
  .sw-template-center-route .sw-shop-admin-frame__mobile-tab {
    min-height: var(--sw-primitive-density-control-height);
    border: var(--sw-primitive-border-subtle);
    border-radius: var(--sw-radius-control);
    background: var(--sw-color-surface);
  }

  .sw-template-center-system {
    padding: var(--sw-space-2);
    padding-bottom: calc(var(--sw-primitive-density-mobile-action-height) + var(--sw-space-6));
  }

  .sw-template-center-system__head-actions,
  .sw-template-center-system__toolbar-actions,
  .sw-template-center-system__row-actions,
  .sw-template-center-system__detail-actions,
  .sw-template-center-system__primary-action-rail {
    justify-content: stretch;
  }

  .sw-template-center-system__head-actions .sw-button,
  .sw-template-center-system__toolbar-actions .sw-button,
  .sw-template-center-system__row-actions .sw-button,
  .sw-template-center-system__detail-actions .sw-button,
  .sw-template-center-system__primary-action-rail .sw-button {
    width: 100%;
  }

  .sw-template-center-system__list-header {
    display: none;
  }

  .sw-template-center-system__template-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-template-center-system__summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sw-template-center-system__template-summary {
    white-space: normal;
  }

  .sw-template-center-system__mobile-continuation {
    position: sticky;
    bottom: var(--sw-space-1);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    z-index: var(--sw-primitive-layer-mobile-action);
  }

  .sw-template-center-system__mobile-continuation .sw-button {
    width: 100%;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-auth.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  margin: 0;
}

.sw-auth-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
  background:
    radial-gradient(circle at 18% 18%, rgba(37, 99, 235, 0.16), transparent 32%),
    radial-gradient(circle at 84% 0%, rgba(79, 70, 229, 0.14), transparent 34%),
    #eef3fb;
  color: #0f172a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sw-auth-shell {
  width: min(1040px, 100%);
  min-height: 38rem;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 0.7fr);
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.6rem;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.18);
}

.sw-auth-brand-panel,
.sw-auth-card {
  min-width: 0;
  padding: clamp(1.6rem, 4vw, 3rem);
}

.sw-auth-brand-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(37, 99, 235, 0.34), transparent 26%),
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.1), transparent 24%),
    linear-gradient(180deg, #111111, #151515 48%, #0b0b0b);
  color: #ffffff;
}

.sw-auth-brand-panel::before {
  content: "";
  position: absolute;
  inset: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1.2rem;
  pointer-events: none;
}

.sw-auth-brand-panel__mark {
  position: absolute;
  top: clamp(1.4rem, 3vw, 2.2rem);
  left: clamp(1.4rem, 3vw, 2.2rem);
  width: 3.2rem;
  height: 3.2rem;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  background: #ffffff;
  color: #111111;
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sw-auth-eyebrow {
  margin: 0 0 0.5rem;
  color: #93c5fd;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sw-auth-brand-panel h1,
.sw-auth-card h2 {
  margin: 0;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

.sw-auth-brand-panel h1 {
  max-width: 26rem;
  font-size: clamp(2.2rem, 5vw, 4.2rem);
}

.sw-auth-brand-panel p:not(.sw-auth-eyebrow) {
  max-width: 31rem;
  margin: 1rem 0 0;
  color: #d4d4d4;
  font-size: 1rem;
  line-height: 1.75;
}

.sw-auth-brand-panel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.3rem;
}

.sw-auth-brand-panel__chips span {
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  padding: 0 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #f5f5f5;
  font-size: 0.78rem;
  font-weight: 850;
}

.sw-auth-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 90% 8%, rgba(37, 99, 235, 0.1), transparent 32%),
    #ffffff;
}

.sw-auth-card__header h2 {
  color: #0f172a;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.sw-auth-card__header p:not(.sw-auth-eyebrow) {
  margin: 0.65rem 0 0;
  color: #64748b;
  line-height: 1.65;
}

.sw-auth-form {
  display: grid;
  gap: 0.95rem;
  margin-top: 1.4rem;
}

.sw-auth-field {
  display: grid;
  gap: 0.45rem;
  color: #334155;
  font-size: 0.86rem;
  font-weight: 900;
}

.sw-auth-field input {
  min-height: 2.9rem;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d7e0ee;
  border-radius: 0.95rem;
  padding: 0 0.9rem;
  background: #f8fafc;
  color: #0f172a;
  font: inherit;
  font-weight: 700;
  outline: none;
}

.sw-auth-field input:focus-visible {
  border-color: #93c5fd;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.14);
}

.sw-auth-field input:disabled {
  opacity: 0.68;
  cursor: not-allowed;
}

.sw-auth-error {
  margin: 0;
  padding: 0.75rem 0.9rem;
  border: 1px solid #fecaca;
  border-radius: 0.9rem;
  background: #fff1f2;
  color: #991b1b;
  font-size: 0.85rem;
  font-weight: 850;
}

.sw-auth-submit {
  min-height: 2.9rem;
  border: 1px solid #2563eb;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #ffffff;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.24);
}

.sw-auth-submit:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.sw-auth-submit--link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}

@media (max-width: 820px) {
  .sw-auth-page {
    padding: 1rem;
  }

  .sw-auth-shell {
    grid-template-columns: 1fr;
  }

  .sw-auth-brand-panel {
    min-height: 18rem;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/shop-admin-dir134-visual-lock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  background: var(--sw-primitive-color-page);
}

body {
  overflow: hidden;
}

.sw-admin-shell {
  --sw-admin-shell-rail-width: 5.75rem;
  --sw-admin-shell-context-width: 14.25rem;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  grid-template-columns: var(--sw-admin-shell-rail-width) minmax(0, 1fr);
}

.sw-admin-shell[data-drawer-open="true"] {
  grid-template-columns: var(--sw-admin-shell-rail-width) var(--sw-admin-shell-context-width) minmax(0, 1fr);
}

.sw-admin-shell__rail {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(180deg, #111111, #151515);
}

.sw-admin-shell__workspace {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.sw-admin-shell__header {
  flex: 0 0 auto;
}

.sw-admin-shell__layout {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
}

.sw-admin-shell__context {
  height: 100vh;
  min-height: 100vh;
  overflow: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, #151515, #0b0b0b);
  color: #d4d4d4;
  box-shadow: 14px 0 30px rgba(15, 23, 42, 0.14);
}

.sw-admin-shell__main {
  height: 100%;
  min-height: 0;
  overflow: auto;
}

.sw-admin-shell__brand {
  justify-content: center;
}

.sw-admin-shell__brand span:not(.sw-admin-shell__brand-mark),
.sw-admin-shell__rail-meta,
.sw-admin-shell__rail-badge,
.sw-admin-shell__rail-footer {
  display: none !important;
}

.sw-admin-shell__rail-item-frame {
  position: relative;
  width: 100%;
  min-height: 4.25rem;
}

.sw-admin-shell__rail-item {
  width: 100%;
  min-height: 4.25rem;
  justify-content: center;
  flex-direction: column;
  padding: 0.55rem 1.1rem 0.55rem 0.45rem;
}

.sw-admin-shell__rail-copy {
  display: block !important;
  min-width: 0;
  max-width: 3.8rem;
  flex: initial;
  text-align: center;
}

.sw-admin-shell__rail-label {
  display: block;
  overflow: hidden;
  color: currentColor;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sw-admin-shell__rail-chevron-button {
  position: absolute;
  top: 50%;
  right: 0.18rem;
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.7rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #a3a3a3;
  cursor: pointer;
  transform: translateY(-50%);
}

.sw-admin-shell__rail-chevron-button:hover,
.sw-admin-shell__rail-chevron-button:focus-visible,
.sw-admin-shell__rail-chevron-button[data-active="true"] {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.sw-admin-shell__rail-chevron-button:focus-visible {
  outline: 2px solid rgba(147, 197, 253, 0.72);
  outline-offset: 2px;
}

.sw-admin-shell__rail-chevron-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.sw-admin-shell__rail-chevron {
  position: static;
  width: 0.85rem;
  height: 0.85rem;
  transform: none;
}

.sw-admin-shell__rail-chevron-button[aria-expanded="true"] .sw-admin-shell__rail-chevron {
  transform: rotate(180deg);
}

.sw-admin-shell__context-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.sw-admin-shell__context-pin {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #a3a3a3;
  cursor: pointer;
}

.sw-admin-shell__context-pin:hover,
.sw-admin-shell__context-pin:focus-visible,
.sw-admin-shell__context-pin[data-pinned="true"] {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.sw-admin-shell__context-pin:focus-visible {
  outline: 2px solid rgba(147, 197, 253, 0.72);
  outline-offset: 2px;
}

.sw-admin-shell__context-pin[data-pinned="true"] svg {
  transform: rotate(-28deg);
}

.sw-admin-shell__context-pin svg {
  width: 0.9rem;
  height: 0.9rem;
}

.sw-admin-shell__context .sw-admin-shell__eyebrow {
  color: #a3a3a3;
}

.sw-admin-shell__context-title {
  color: #f5f5f5;
  font-size: 1.2rem;
}

.sw-admin-shell__context-list {
  gap: 0.4rem;
}

.sw-admin-shell__context-item {
  min-height: 2.55rem;
  border-color: transparent;
  border-radius: 0.8rem;
  color: #d4d4d4;
}

.sw-admin-shell__context-item:hover,
.sw-admin-shell__context-item:focus-visible {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.08);
}

.sw-admin-shell__context-item[data-active="true"] {
  border-color: rgba(255, 255, 255, 0.92);
  background: #ffffff;
  color: #1d4ed8;
}

.sw-admin-shell__context-item:disabled,
.sw-admin-shell__context-reason {
  color: #8f8f8f;
}

.sw-admin-shell__context-reason {
  margin-top: 0.35rem;
  font-size: 0.72rem;
}

.sw-admin-shell__context-note {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: #a3a3a3;
}

.sw-admin-shell__context-note svg {
  color: #d4d4d4;
}