:root{--color-text: #17202a;--color-text-muted: #687386;--color-text-subtle: #8792a5;--color-primary: #175cd3;--color-primary-border: #84adff;--color-primary-surface: #eff4ff;--color-primary-surface-hover: #dbeafe;--color-success: #067647;--color-success-border: #86d6a3;--color-success-surface: #ecfdf3;--color-success-surface-hover: #dcfae6;--color-danger: #b42318;--color-danger-border: #fda29b;--color-danger-surface: #fff1f0;--color-danger-surface-hover: #fee4e2;--color-info: #175cd3;--color-info-border: #84adff;--color-info-surface: #eff4ff;--color-warning: #8a5a00;--color-warning-border: #f7d891;--color-warning-surface: #fff8e6;--color-border: #cfd6e4;--color-border-subtle: #dce2ec;--color-surface-page: #f5f7fb;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--control-height: 36px;--control-height-compact: 32px;--icon-button-size: 36px;--radius-sm: 6px;--radius-md: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--focus-ring: 0 0 0 3px rgb(23 92 211 / 18%);color:var(--color-text);background:var(--color-surface-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.appHeader{position:fixed;z-index:1000;top:0;right:0;left:0;border-bottom:1px solid #1f3550;background:#071c34;box-shadow:0 1px #ffffff14}.appHeaderInner,.appContent{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}.appHeaderInner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:24px}.appHeaderLeft,.appUserArea,.topNav,.topNavItem{display:flex;align-items:center}.appHeaderLeft{flex:1 1 auto;min-width:0;gap:24px}.appBrand{flex:0 0 auto;color:#fff;font-size:16px}.appUserArea{flex:0 0 auto;gap:12px}.appUserEmail{color:#d7e2ef;font-size:13px}.topNav{flex:1 1 auto;min-width:0;gap:20px;padding:12px 0}.topNavItem{position:relative;min-height:auto;border:0;border-radius:0;padding:0;color:#d7e2ef;background:transparent;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.topNavItem:hover,.topNavItem:focus-visible,.topNavItem.active{color:#fff}.topNavItem.active{text-decoration:none}.topNavItem.active:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:1px;background:currentColor}.topNavDropdown{position:relative}.topNavDropdownTrigger{gap:7px}.topNavDropdownTrigger span{font-size:10px;line-height:1}.topNavDropdownMenu{position:absolute;top:calc(100% + 18px);left:-12px;display:grid;min-width:150px;overflow:hidden;border:1px solid #cfd6e4;border-radius:6px;background:#fff;box-shadow:0 12px 28px #1018282e}.topNavDropdownItem{min-height:auto;border:0;border-radius:0;padding:10px 12px;color:#17202a;background:#fff;font-size:14px;text-align:left}.topNavDropdownItem:hover,.topNavDropdownItem:focus-visible,.topNavDropdownItem.active{color:#175cd3;background:#eef4ff}.topNavLink{display:inline-flex}.topNavExternalLink{gap:7px}.topNavExternalIcon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.4}.appMainOffset{display:block}button,input,select,textarea{font:inherit}button{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--color-text);background:var(--color-surface);cursor:pointer}button:hover{border-color:#8190a8}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--focus-ring)}input,select,textarea{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 9px;color:var(--color-text);background:var(--color-surface)}textarea{resize:vertical}h2,h3,h4,p{margin-top:0}h2{margin-bottom:4px;font-size:22px}h3{margin-bottom:14px;font-size:17px}h4{margin-bottom:10px;font-size:15px}.screen{display:grid;gap:16px;padding-bottom:32px}.muted{color:#687386;font-size:13px}.panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.assetsLayout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.assetFilters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.35fr);gap:12px;margin-bottom:16px}.assetUploadForm{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}.assetVariantsPanel{margin-top:16px}.assetVariantForm{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(220px,1fr) minmax(90px,.35fr) minmax(120px,.45fr) auto auto;gap:12px;align-items:end;margin-bottom:16px}.inlineCheckbox{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:#1f2937;font-size:13px;font-weight:600}.inlineCheckbox input{width:auto}.assetVariantDefaultToggle{align-self:end}.assetVariantsTable input,.assetVariantsTable select{min-width:120px}.assetVariantsTable input[type=number]{width:86px;min-width:86px}.variantNameCell{display:grid;gap:6px;min-width:180px}.variantNameCell input:last-child{color:#687386;font-size:12px}.variantImageControl{display:flex;align-items:center;gap:8px;min-width:168px}.variantImageThumb{display:grid;flex:0 0 56px;width:56px;height:56px;place-items:center;overflow:hidden;border:1px solid #dce2ec;border-radius:6px;background:#f2f4f7}.variantImageThumb img{display:block;width:100%;height:100%;object-fit:contain}.variantImageFallback{padding:0 6px;color:#687386;font-size:11px;line-height:1.2;text-align:center}.variantImageActions{display:flex;flex-wrap:wrap;gap:6px}.variantImageActions button{white-space:nowrap}.normalMapPanel{display:grid;gap:12px;border-top:1px solid #e5e9f0;margin-top:16px;padding-top:16px}.normalMapPanel h3{margin-bottom:4px}.normalMapForm{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end}.assetModelSummary{display:grid;gap:8px;border-top:1px solid #e5e9f0;margin-top:16px;padding-top:16px}.assetModelSummary h3{margin-bottom:0}.assetModelSummary dl{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:8px 12px;margin:0;font-size:13px}.assetModelSummary dt{color:#687386}.assetModelSummary dd{margin:0}.assetSummaryList{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:8px 12px;margin:0;font-size:13px}.assetSummaryList dt{color:#687386}.assetSummaryList dd{margin:0}.assetPreview{position:relative;display:grid;height:320px;overflow:hidden;border:1px solid #dce2ec;border-radius:8px;margin-bottom:14px;background:#f8fafc}.assetPreviewCanvas{min-width:0;min-height:0}.assetPreviewCanvas canvas{display:block;width:100%;height:100%}.assetPreviewOverlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:#687386;background:#f8fafcd1;font-size:13px;text-align:center}.assetPreviewOverlay.error{color:#b42318;background:#fff1f0e0}.imageAssetsToolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px}.imageAssetsToolbar h3,.imagePanelHeader h3{margin:0}.mediaPickerOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0f172a7a}.mediaPickerDialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1040px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid #dce2ec;border-radius:8px;background:#fff;box-shadow:0 24px 64px #0f172a3d}.mediaPickerHeader,.mediaPickerFooter{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;background:#f8fafc}.mediaPickerHeader{border-bottom:1px solid #e5e9f0}.mediaPickerHeader h3{margin:0 0 2px}.mediaPickerCloseButton{width:32px;min-height:32px}.mediaPickerBody{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0}.mediaPickerFolders{display:grid;align-content:start;gap:6px;overflow:auto;border-right:1px solid #e5e9f0;padding:12px;background:#fbfcfe}.mediaPickerFolderButton{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:34px;border-color:transparent;padding:6px 8px;text-align:left;background:transparent}.mediaPickerFolderButton.active,.mediaPickerFolderButton:hover{border-color:#cfd7e6;background:#f4f7fb}.mediaPickerFolderButton span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaPickerContent{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:12px}.mediaPickerToolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,.9fr);gap:12px;align-items:end;margin-bottom:12px}.mediaPickerUpload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.mediaPickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;overflow:auto;padding-right:2px}.mediaPickerImage{display:grid;gap:7px;min-width:0;min-height:0;align-content:start;padding:7px;text-align:left;background:#fff}.mediaPickerImage.active,.mediaPickerImage:hover{border-color:#84adff;background:#f5f8ff}.mediaPickerThumb{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:6px;background:#eef2f7}.mediaPickerThumb img{width:100%;height:100%;object-fit:cover}.mediaPickerImageMeta{display:grid;min-width:0;gap:2px}.mediaPickerImageMeta strong,.mediaPickerImageMeta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaPickerImageMeta span{color:#687386;font-size:12px}.mediaPickerEmpty{display:grid;min-height:220px;place-content:center;text-align:center}.mediaPickerEmpty h3{margin:0 0 4px}.mediaPickerFooter{border-top:1px solid #e5e9f0}.mediaPickerFooter>div{display:flex;gap:8px}.primaryButton{border-color:var(--color-primary-border);color:var(--color-primary);background:var(--color-primary-surface)}.primaryButton:hover{border-color:#528bff;background:var(--color-primary-surface-hover)}.imageAssetsLayout{display:grid;grid-template-columns:minmax(270px,.42fr) minmax(0,1fr) minmax(280px,.42fr);gap:16px;align-items:start}.imageGalleryHeader{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.imageGalleryHeader h3{margin:0 0 2px}.imageCountPill{border-radius:999px;padding:3px 8px;color:#1f2a3d;background:#eef4ff;font-size:12px;white-space:nowrap}.imageFolderPanel,.imageGalleryPanel,.imageDetailPanel{min-width:0}.imagePanelHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.imageFolderCreateForm,.imageFolderRenameForm{display:grid;gap:8px;margin-bottom:12px}.imageFolderCreateForm{grid-template-columns:minmax(0,1fr) auto}.imageFolderRenameForm{grid-template-columns:minmax(0,1fr) auto auto}.imageFolderList{display:grid;gap:8px}.imageFolderRow{display:grid;gap:6px}.imageFolderItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.imageFolderActions{display:flex;gap:4px}.imageFolderSelect{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:#1f2a3d;background:transparent;text-align:left}.imageFolderSelect:hover,.imageFolderSelect.active{border-color:#cfd7e6;background:#f4f7fb}.imageFolderSelect span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imageAssetFilters{grid-template-columns:minmax(220px,1fr) minmax(120px,180px)}.imageUploadZone{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,auto) auto;gap:12px;align-items:end;border:1px dashed #cfd7e6;border-radius:8px;padding:12px;margin-bottom:14px;background:#f8fafc}.imageUploadZone.dragActive{border-color:#175cd3;background:#eef4ff}.imageUploadMeta{min-width:0;color:#687386;font-size:12px;padding-bottom:8px}.imageUploadMeta span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imageGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.imageCard{display:grid;gap:8px;min-width:0;border:1px solid #dce2ec;border-radius:8px;padding:8px;background:#fff;color:#1f2a3d;text-align:left}.imageCard:hover,.imageCard.active{border-color:#175cd3;box-shadow:0 0 0 2px #175cd31f}.imageThumb,.imageLargePreview{display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#f2f4f7}.imageThumb{aspect-ratio:1}.imageThumb img,.imageLargePreview img{display:block;width:100%;height:100%;object-fit:contain}.imageThumbFallback{color:#687386;font-size:12px}.imageCardBody{display:grid;gap:3px;min-width:0;font-size:12px}.imageCardBody strong,.imageCardBody span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imageCardBody span{color:#687386}.imageEmptyState{display:grid;gap:4px;min-height:220px;place-content:center;text-align:center}.imageLargePreview{aspect-ratio:4 / 3;margin-bottom:14px}.imageDetailsForm,.imageMoveForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid #e5e9f0;margin-top:14px;padding-top:14px}.imageDetailsForm{grid-template-columns:1fr}.imageDetailActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;border-top:1px solid #e5e9f0;margin-top:14px;padding-top:14px}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:16px}.gridForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.gridForm.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:4px;color:#687386;font-size:12px}.field input,.field select,.field textarea{color:#17202a;font-size:14px}.field small{max-width:320px;color:#8792a5;font-size:11px}.notificationForm{display:grid;gap:16px}.checkRow{display:inline-flex;align-items:center;gap:8px;color:#17202a;font-size:14px}.detailForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.detailForm.compact{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.detailForm.gridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.svgTextureGeneralFields{align-items:start}.formActions{display:flex;align-items:end}.formActions button{width:100%}.saveButton{border-color:var(--color-success-border);color:var(--color-success);background:var(--color-success-surface);font-weight:700}.saveButton:hover{border-color:#32d583;background:var(--color-success-surface-hover)}.productGeneralPanel,.productGeneralForm{display:grid;gap:var(--space-4)}.productSettingsCard{overflow:hidden;padding:0;border:1px solid #dce2ec;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018280a}.productStatusControl{display:inline-flex;align-items:center;gap:12px}.productStatusControl>span{color:#4f5f76;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.productSettingsBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:32px}.productSettingsColumn{display:grid;align-content:start;gap:32px}.settingsSection{display:grid;gap:16px}.settingsSection h4{margin:0;border-bottom:1px solid #e5e9f0;padding-bottom:10px;color:#98a2b3;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settingsStack{display:grid;gap:14px}.settingsInset{border:1px solid #e5e9f0;border-radius:8px;padding:16px;background:#f8fafc}.productSettingsCard .field{gap:7px}.productSettingsCard .field>span{color:#172033;font-size:14px;font-weight:600}.productSettingsCard .field small{max-width:none;color:#687386;font-size:11px}.slugInputGroup{display:flex}.slugInputGroup>span{display:inline-flex;align-items:center;min-height:36px;border:1px solid #cfd6e4;border-right:0;border-radius:6px 0 0 6px;padding:0 12px;color:#687386;background:#f8fafc}.slugInputGroup input{border-radius:0 6px 6px 0}.productImagePickerField{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.productImagePickButton{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:48px;padding:4px 10px 4px 4px;text-align:left;background:#fff}.productImagePickThumb{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border-radius:6px;background:#eef2f7}.productImagePickThumb img{width:100%;height:100%;object-fit:cover}.productImagePickText{display:grid;min-width:0;gap:2px}.productImagePickText strong,.productImagePickText small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productImageClearButton{min-height:32px;padding:0 10px}.designUpdatePanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-primary-surface)}.designUpdatePanel strong{display:block;color:var(--color-primary);font-size:14px}.designUpdatePanel p{margin:2px 0 0;color:var(--color-text);font-size:13px}.designUpdateCurrent{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:12px}.designUpdateActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);align-items:center}.designUpdateProgressBar{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:var(--color-primary-surface-hover)}.designUpdateProgressBar>div{height:100%;border-radius:inherit;background:var(--color-primary);transition:width .18s ease}.checkboxField{display:flex;gap:8px;align-items:center;min-height:36px;font-size:14px}.checkboxField input{width:auto;min-height:auto}.checkboxGrid{display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.recordList{display:grid;gap:8px}.categoryTree{display:grid;gap:6px}.categoryTreeRow{position:relative;display:grid;grid-template-columns:30px 30px minmax(0,1fr);gap:4px;align-items:center;margin-left:calc(var(--category-depth, 0) * 24px);border:1px solid #cfd6e4;border-radius:6px;background:#fff}.categoryTreeRow.selected{border-color:#246bfe;background:#eef4ff}.categoryTreeRow.dragging{opacity:.5}.categoryTreeRow.drop-before:before,.categoryTreeRow.drop-after:after{position:absolute;right:0;left:0;z-index:1;height:3px;border-radius:999px;background:#246bfe;content:""}.categoryTreeRow.drop-before:before{top:-5px}.categoryTreeRow.drop-after:after{bottom:-5px}.categoryTreeRow.drop-inside{border-color:#246bfe;box-shadow:inset 0 0 0 2px #246bfe2e}.categoryDragHandle,.categoryTreeMain{border:0;background:transparent}.categoryDragHandle{display:grid;min-height:44px;padding:0;place-items:center;color:#687386;cursor:grab}.categoryDragHandle:active{cursor:grabbing}.paletteColorRow.dragging{opacity:.5}.paletteColorRow.drop-before>td{border-top:3px solid #246bfe}.paletteColorRow.drop-after>td{border-bottom:3px solid #246bfe}.paletteColorDragHandle{display:grid;width:32px;min-height:32px;padding:0;border:0;background:transparent;color:#687386;cursor:grab;place-items:center}.paletteColorDragHandle:active{cursor:grabbing}.categoryTreeSpacer{width:30px}.categoryTreeMain{display:grid;min-width:0;gap:2px;padding:9px 10px 9px 2px;text-align:left}.categoryTreeMain strong,.categoryTreeMain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categoryTreeMain span{color:#687386;font-size:12px}.recordRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.recordMain,.designButton{display:grid;gap:2px;text-align:left}.recordMain span,.designButton span{color:#687386;font-size:12px}.recordRow.selected .recordMain,.designButton.selected{border-color:#246bfe;background:#eef4ff}.tableWrap{overflow-x:auto}.dataTable{width:100%;border-collapse:collapse;font-size:13px}.dataTable th,.dataTable td{border-bottom:1px solid #e5e9f0;padding:10px;text-align:left;vertical-align:middle}.dataTable th{color:#687386;background:#f8fafc;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.tableSortButton{display:inline-flex;min-height:auto;align-items:center;gap:4px;border:0;padding:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit}.tableSortIndicator{color:#98a2b3;font-size:14px;line-height:1}.tableSortButton:hover .tableSortIndicator,.tableSortButton:focus-visible .tableSortIndicator{color:#175cd3}.dataTable code{color:#687386;font-size:11px}.designListPreview{display:block;width:96px;height:96px;border:1px solid #dce2ec;border-radius:6px;object-fit:contain;background:#fff}.compactTable td,.compactTable th{padding:8px}.selectedRow td{background:#eef4ff}.linkButton{min-height:auto;border:0;padding:0;color:#175cd3;background:transparent;font-weight:600;text-align:left}.rowActions{display:flex;flex-wrap:wrap;gap:7px}.savedDesignFiltersPanel{display:grid;gap:var(--space-4)}.savedDesignFilters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr));gap:var(--space-3);align-items:end}.savedDesignFilters label,.savedDesignPanelForm label{display:grid;gap:var(--space-2);min-width:0;color:var(--color-text);font-size:13px;font-weight:600}.savedDesignFilters input,.savedDesignFilters select,.savedDesignPanelForm input,.savedDesignPanelForm select{width:100%}.savedDesignEmpty,.savedDesignPreviewPlaceholder{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.savedDesignPagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.savedDesignsScreen .dataTable td:first-child{min-width:190px}.savedDesignsScreen .dataTable td:first-child small{display:block;margin-top:3px;color:var(--color-text-muted)}.savedDesignsScreen .dataTable td:last-child .statusBadge+.statusBadge{margin-left:var(--space-2)}.savedDesignPanelForm,.savedDesignDetail{display:grid;gap:var(--space-4)}.savedDesignDetailPreview{display:block;width:100%;max-height:320px;border:1px solid var(--color-border);border-radius:var(--radius-md);object-fit:contain;background:var(--color-surface)}.savedDesignPreviewPlaceholder{min-height:160px;place-items:center}.savedDesignDetailActions{padding-block:var(--space-2);border-block:1px solid var(--color-border)}@media(max-width:1180px){.savedDesignFilters{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:700px){.savedDesignFilters{grid-template-columns:1fr}}.activeEditButton{border-color:#84adff;color:#175cd3;background:#eff4ff}.activeEditButton:hover{border-color:#528bff}.toggleSwitch{position:relative;width:50px;min-height:24px;border:1px solid #d0d5dd;border-radius:999px;padding:0 7px;color:#98a2b3;background:#f2f4f7;font-size:9px;font-weight:700;text-align:right;transition:background .15s ease,border-color .15s ease,color .15s ease}.toggleSwitch:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #10182838;transition:transform .15s ease}.toggleSwitch.enabled{border-color:#12b76a;color:#fff;background:#12b76a;text-align:left}.toggleSwitch.enabled:before{transform:translate(26px)}.toggleSwitch span{position:relative;z-index:1;line-height:22px}.statusBadge{display:inline-block;border-radius:999px;padding:3px 8px;color:#475467;background:#f2f4f7;font-size:11px;font-weight:600}.statusBadge.active,.statusBadge.published{color:#146c2e;background:#eaf7ed}.statusBadge.liveVisible{color:#05603a;background:#d1fadf}.statusBadge.overridden{color:var(--color-primary);background:var(--color-primary-surface)}.statusBadge.disabled{color:#b42318;background:#fff1f0}.statusBadge.fallback{color:#854a0e;background:#fff4cc}.statusBadge.outdated{color:#b54708;background:#fff6e6}.statusBadge.warning{color:var(--color-warning);background:var(--color-warning-surface)}.dependencyImpact{display:grid;gap:10px;border:1px solid #e5e9f0;border-radius:8px;padding:12px;background:#f8fafc}.dependencyImpact summary{cursor:pointer;color:#1d2939;font-weight:700}.dependencyImpact[open] summary{margin-bottom:6px}.backButton{min-height:auto;border:0;margin:0;padding:0;color:#175cd3;background:transparent}.buttonLink{display:inline-flex;min-height:36px;align-items:center;border:1px solid #cfd6e4;border-radius:6px;padding:7px 12px;color:#17202a;background:#fff;text-decoration:none}.designsLayout{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)}.assetForm{display:grid;gap:8px;margin-bottom:16px}.assetForm:last-child{margin-bottom:0}.editor{display:grid;gap:16px}.embedBox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dce2ec;border-radius:8px;padding:12px;background:#f8fafc}.embedBox code{display:block;margin-top:6px;overflow-wrap:anywhere;color:#394557;font-size:12px}.embedSnippetBox{overflow:auto;border:1px solid #dce2ec;border-radius:8px;padding:12px;background:#f8fafc}.embedSnippetBox code{display:block;white-space:pre-wrap;color:#394557;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.catalogLiveSettingsPanel{display:grid;gap:16px}.catalogLiveSettingsForm{gap:14px}.catalogLiveSwitchRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #e5e9f0;border-radius:8px;padding:12px;background:#f8fafc;cursor:pointer}.catalogLiveSwitchRow:hover{border-color:#cfd6e4;background:#f4f7fb}.catalogLiveSwitchCopy{display:grid;gap:3px;min-width:0;color:#687386;font-size:13px;line-height:1.35}.catalogLiveSwitchCopy strong{color:#17202a;font-size:14px}.catalogLiveSwitchInput{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.catalogLiveSwitchInput:focus-visible+.toggleSwitch{outline:2px solid #84adff;outline-offset:2px}.catalogLiveSwitchInput:disabled+.toggleSwitch{cursor:not-allowed;opacity:.65}.catalogLiveSwitchRow .toggleSwitch{display:block;justify-self:end}.catalogLiveDomainsTextArea{min-height:156px;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;line-height:1.45}.catalogLiveSettingsPanel .field small{max-width:none}.catalogLiveSettingsActions{gap:8px;border-top:1px solid #e5e9f0;padding-top:14px}.catalogLiveSettingsActions button{min-width:132px}@media(max-width:720px){.catalogLiveSwitchRow{grid-template-columns:1fr}.catalogLiveSwitchRow .toggleSwitch{justify-self:start}}.catalogLiveSummary{margin-top:14px}.catalogLivePageCell{max-width:420px;overflow-wrap:anywhere}.catalogUsagePanel,.catalogAnalyticsOverview,.catalogAnalyticsSection,.catalogAnalyticsTable{display:grid;gap:var(--space-4)}.catalogAnalyticsToolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.catalogAnalyticsFreshness{display:grid;gap:2px;color:var(--color-text-muted);font-size:12px;text-align:right}.catalogAnalyticsFreshness strong{color:var(--color-text);font-size:13px}.catalogAnalyticsLoading{min-height:120px;display:grid;place-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.catalogAnalyticsError{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.catalogAnalyticsCards{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:var(--space-3)}.catalogAnalyticsCard{display:grid;min-width:0;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-subtle)}.catalogAnalyticsCard span,.catalogAnalyticsFeatures span{color:var(--color-text-muted);font-size:12px}.catalogAnalyticsCard strong{font-size:24px;line-height:1}.catalogAnalyticsSection{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.catalogAnalyticsLegend{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:12px}.catalogAnalyticsLegendItem{display:inline-flex;align-items:center;gap:var(--space-2)}.catalogAnalyticsLegendItem:before{width:10px;height:10px;border-radius:2px;background:var(--color-primary);content:""}.catalogAnalyticsLegendItem.customizer_starts:before,.catalogAnalyticsBars .customizer_starts{background:#7f56d9}.catalogAnalyticsLegendItem.engaged_sessions:before,.catalogAnalyticsBars .engaged_sessions{background:var(--color-success)}.catalogAnalyticsLegendItem.orders:before,.catalogAnalyticsBars .orders{background:#dc6803}.catalogAnalyticsChart{display:grid;grid-auto-columns:minmax(34px,1fr);grid-auto-flow:column;min-height:190px;overflow-x:auto;border-bottom:1px solid var(--color-border);padding:8px 4px 0}.catalogAnalyticsChartDay{display:grid;min-width:34px;grid-template-rows:150px auto;gap:var(--space-2);color:var(--color-text-muted);font-size:10px;text-align:center}.catalogAnalyticsBars{display:flex;align-items:end;justify-content:center;gap:2px;border-bottom:1px solid var(--color-border-subtle)}.catalogAnalyticsBars span{width:min(6px,22%);border-radius:2px 2px 0 0;background:var(--color-primary)}.catalogAnalyticsValues summary{width:max-content;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:600}.catalogAnalyticsValues .tableWrap{margin-top:var(--space-3)}.catalogAnalyticsFunnel{display:grid;margin:0;padding:0;list-style:none}.catalogAnalyticsFunnel li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border-bottom:1px solid var(--color-border-subtle);padding:10px 0}.catalogAnalyticsFunnel li>span:nth-child(2){display:grid;gap:2px}.catalogAnalyticsFunnel small{color:var(--color-text-muted)}.catalogAnalyticsFunnelIndex{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:var(--color-primary);background:var(--color-primary-surface);font-size:12px;font-weight:700}.catalogAnalyticsTables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.catalogAnalyticsTable{min-width:0;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.catalogAnalyticsTable .dataTable th:last-child,.catalogAnalyticsTable .dataTable td:last-child{width:90px;text-align:right}.catalogAnalyticsFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.catalogAnalyticsFeatures>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-subtle)}@media(max-width:1100px){.catalogAnalyticsCards{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:720px){.catalogAnalyticsToolbar{align-items:stretch;flex-direction:column}.catalogAnalyticsFreshness{text-align:left}.catalogAnalyticsCards,.catalogAnalyticsTables,.catalogAnalyticsFeatures{grid-template-columns:1fr}.catalogAnalyticsError{align-items:stretch;flex-direction:column}}.catalogDomainsPanel{display:grid;gap:var(--space-4)}.catalogDomainWorkspace{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:var(--space-4);align-items:start}.catalogDomainList{display:grid;gap:var(--space-2)}.catalogDomainRow{display:flex;justify-content:space-between;gap:var(--space-3);width:100%;min-height:64px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);text-align:left}.catalogDomainRow:hover:not(:disabled){border-color:var(--color-primary-border);background:var(--color-primary-surface)}.catalogDomainRow.selected{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-primary-surface)}.catalogDomainRow>span:first-child,.catalogDomainRowMeta{display:grid;gap:var(--space-1)}.catalogDomainRow small,.catalogDomainRowMeta{color:var(--color-text-muted);font-size:12px}.catalogDomainRowMeta{justify-items:end;text-align:right}.catalogDomainEmpty,.catalogDomainEditorEmpty{display:grid;justify-items:start;gap:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4)}.catalogDomainEditor{display:grid;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-subtle)}.catalogDomainEditor>.uiTabs{margin:0 calc(var(--space-4) * -1);padding-inline:var(--space-4)}.catalogDomainSection{display:grid;gap:var(--space-4)}.catalogProfileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.catalogProfileWide{grid-column:1 / -1}.catalogLogoEditor{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-4);align-items:stretch;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface)}.catalogLogoEditor.field--error{border-color:var(--color-danger)}.catalogLogoPreview{display:grid;place-items:center;min-height:112px;overflow:hidden;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-surface-subtle);text-align:center}.catalogLogoPreview img{display:block;max-width:100%;max-height:104px;object-fit:contain}.catalogLogoControls{display:grid;align-content:center;gap:var(--space-2);min-width:0}.catalogLogoInput{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.catalogLogoFileName{overflow-wrap:anywhere;color:var(--color-text);font-size:13px}.catalogFieldError{color:var(--color-danger)}.catalogNotificationsForm{max-width:720px}.catalogNotificationsForm textarea{min-height:132px;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;line-height:1.45}.catalogScopeMode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;border:0;padding:0}.catalogScopeMode legend{grid-column:1 / -1;margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.catalogScopeMode label{display:flex;gap:var(--space-2);align-items:flex-start;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface)}.catalogScopeMode label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-surface)}.catalogScopeMode label span{display:grid;gap:var(--space-1)}.catalogScopeMode small{color:var(--color-text-muted);font-size:12px}.catalogScopeSelector{display:grid;gap:var(--space-3)}.catalogScopeToolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:var(--space-2)}.catalogScopeTreeWrap{max-height:430px;overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-surface)}.catalogScopeTree{display:grid;gap:2px;margin:0;padding:0 0 0 22px;list-style:none}.catalogScopeTreeRoot{padding-left:0}.catalogScopeNodeLabel{display:flex;gap:var(--space-2);align-items:center;min-height:32px;border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer}.catalogScopeNodeLabel:hover{background:var(--color-surface-subtle)}.catalogScopeNodeLabel input{width:16px;height:16px;flex:0 0 auto}.catalogScopeCategoryLabel{color:var(--color-text)}@media(max-width:980px){.catalogDomainWorkspace{grid-template-columns:1fr}}@media(max-width:720px){.catalogProfileGrid,.catalogLogoEditor{grid-template-columns:1fr}.catalogProfileWide{grid-column:auto}.catalogScopeMode,.catalogScopeToolbar{grid-template-columns:1fr}.catalogDomainRow{display:grid}.catalogDomainRowMeta{justify-items:start;text-align:left}}.inlineForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.designEditor{display:grid;gap:10px}.designEditor .detailForm.compact{grid-template-columns:minmax(240px,35ch) minmax(0,1fr) auto;align-items:end}.designStatusControl{grid-column:3;min-height:58px;align-content:end;justify-content:end;padding-bottom:2px}.designEditorActions{display:flex;grid-column:2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding-bottom:2px}.designHistoryStatus{color:var(--color-danger);font-size:13px;font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.developerInfo{display:grid;gap:12px;border:1px solid #e5e9f0;border-radius:8px;padding:12px;background:#f8fafc}.developerInfo summary{cursor:pointer;color:#1d2939;font-weight:700}.developerInfo[open] summary{margin-bottom:10px}.developerInfo[open]{gap:16px}.svgPreviewLayout{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(360px,.55fr);gap:12px;align-items:stretch}.designPreviewImage{display:flex;min-height:360px;align-items:center;justify-content:center;border:1px solid #dce2ec;border-radius:8px;padding:12px;background:#fff}.designPreviewImage img{max-width:100%;max-height:530px;object-fit:contain}.catalogToggle{display:inline-flex;align-items:center;gap:10px;color:#344054;font-size:13px;font-weight:600}.jsonEditor{min-height:420px;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.designPreviewCaptureFrame{position:fixed;left:0;top:0;width:300px;height:300px;border:0;opacity:0;pointer-events:none}.compactTextArea{min-height:180px}.colorSwatch{display:inline-block;width:28px;height:28px;border:1px solid #cfd6e4;border-radius:6px;vertical-align:middle}.paletteColorSelect{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center}.paletteColorSelect .colorSwatch{width:34px;height:34px}.patternPreview{display:grid;width:180px;height:180px;aspect-ratio:1;justify-self:start;place-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;background:#e5e7eb}.patternPreview svg{display:block;width:100%;height:100%}.patternPreviewCanvas{width:100%;height:100%}.patternCollectionOrder{display:grid;gap:8px;margin-bottom:16px}.patternCollectionRow{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--color-border);border-radius:10px}.patternCollectionRow .patternPreview{width:52px;height:52px;justify-self:center}.patternCollectionRow .patternPreview svg{height:52px}@media(max-width:720px){.patternCollectionRow{grid-template-columns:56px minmax(0,1fr) auto auto auto}}.colorGradientHint{margin:0;line-height:1.45}.inlineColorInput{display:grid;grid-template-columns:48px minmax(110px,1fr);gap:8px}.inlineColorInput input[type=color]{padding:3px}.dataTable input[type=checkbox]{width:auto;min-height:auto}.fontPreview{display:grid;gap:8px;border:1px solid #dce2ec;border-radius:8px;padding:14px;background:#f8fafc}.fontPreview p{margin-bottom:0;font-size:28px}.notice{border-radius:8px;padding:10px 12px;font-size:14px}.notice.error{border:1px solid #f2b8b5;color:#b42318;background:#fff1f0}.notice.warning{border:1px solid #f7d891;color:#8a5a00;background:#fff8e6}.uiToastViewport{position:fixed;z-index:1100;top:calc(80px + env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:grid;width:min(380px,calc(100vw - 48px));max-height:calc(100vh - 104px - env(safe-area-inset-top));align-content:start;gap:var(--space-2);pointer-events:none}.uiToast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 32px #0f172a2e,0 2px 8px #0f172a1a;pointer-events:auto;animation:uiToastEnter .18s ease-out}.uiToast p{min-width:0;margin:1px 0 0;overflow-wrap:anywhere;color:var(--color-text);font-size:14px;line-height:1.45}.uiToastIcon{display:grid;width:28px;height:28px;place-items:center;border-radius:50%}.uiToast--success{border-color:var(--color-success-border);background:#ecfdf3cc}.uiToast--success .uiToastIcon{color:var(--color-success);background:var(--color-success-surface)}.uiToast--info{border-color:var(--color-info-border);background:#eff4ffcc}.uiToast--info .uiToastIcon{color:var(--color-info);background:var(--color-info-surface)}.uiToast--warning{border-color:var(--color-warning-border);background:#fff8e6cc}.uiToast--warning .uiToastIcon{color:var(--color-warning);background:var(--color-warning-surface)}.uiToast--error{border-color:var(--color-danger-border);background:#fff1f0cc}.uiToast--error .uiToastIcon{color:var(--color-danger);background:var(--color-danger-surface)}.uiToastDismiss.uiIconButton{width:28px;min-width:28px;min-height:28px;border-color:transparent;color:var(--color-text-muted);background:transparent}.uiToastDismiss.uiIconButton:hover:not(:disabled){border-color:var(--color-border);color:var(--color-text);background:var(--color-surface-subtle)}@keyframes uiToastEnter{0%{opacity:0;transform:translateY(-8px)}}@media(max-width:640px){.uiToastViewport{right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));width:auto}}@media(prefers-reduced-motion:reduce){.uiToast{animation:none}}.assetInspection,.compatibilityReport{display:grid;gap:4px;border:1px solid #dce2ec;border-radius:8px;padding:10px;color:#475467;background:#f8fafc;font-size:12px}.assetInspection.error,.compatibilityReport.error{border-color:#f2b8b5;color:#b42318;background:#fff1f0}.compatibilityReport.warning{border-color:#f7d891;color:#8a5a00;background:#fff8e6}.compatibilityReport p{margin-bottom:4px}.fieldWarning{display:block;margin-top:4px;color:#8a5a00;font-size:12px}.masterViewer{display:grid;gap:10px;border:1px solid #dce2ec;border-radius:8px;padding:12px;background:#f8fafc}.masterViewer.empty{min-height:100px;align-content:center}.masterViewerHeader,.selectionReport{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.masterViewerHeader p{margin:4px 0 0}.masterViewerHeaderActions{display:inline-flex;align-items:center;gap:8px}.collapseIconButton{width:32px;min-height:32px;padding:0;display:inline-grid;place-items:center}.collapseIconButton svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.masterViewerGrid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:12px}.masterViewer.previewOnly .masterViewerGrid{grid-template-columns:1fr}.masterTree,.masterPreview{min-height:360px;max-height:560px;overflow:auto;border:1px solid #dce2ec;border-radius:6px;padding:10px;background:#fff}.masterPreviewColumn{display:grid;gap:8px;align-content:start}.masterTree ul{display:grid;gap:3px;margin:6px 0 0;padding-left:18px;list-style:none}.masterTree>ul{padding-left:0}.masterTreeRow{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:center;border-radius:4px;padding:4px;color:#687386;font-size:11px}.masterTreeRow.gradientTargetsRow{grid-template-columns:16px minmax(0,1fr);align-items:start}.masterTreeRow.gradientTargetsRow>span:last-child{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.masterTreeRow.selected{color:#175cd3;background:#eef4ff}.masterTreeRow.sharedUsage{color:#b54708;background:#fff8e6}.masterTreeRow.sharedBranch{color:#b54708;background:#fffbeb}.masterTreeRow.sharedUsage.selected{color:#175cd3;background:#eef4ff}.masterTreeRow.sharedUsage>span:last-child,.masterTreeRow.sharedBranch>span:last-child{color:#b54708;font-weight:700}.masterTreeRow.hasCollapsedSelection{color:#175cd3;background:#f5f8ff}.masterTreeLabel.hasSelectedDescendant code{color:#175cd3;font-weight:700}.masterTreeRow input{width:auto;min-height:auto}.masterTreeLabel{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;min-width:0;cursor:pointer}.masterTreeGradientField{display:grid;gap:5px;min-width:0}.masterTreeGradientField code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradientTargetControls{display:flex;flex-wrap:nowrap;gap:5px 16px}.gradientTargetControls label{display:inline-flex;align-items:center;gap:5px;min-height:28px;cursor:pointer;color:#344054;font-size:11px;font-weight:600;white-space:nowrap}.gradientTargetControls input:disabled+span{cursor:not-allowed;color:#98a2b3}.masterTreeRow code{overflow-wrap:anywhere;color:inherit}.treeToggleButton{display:grid;width:16px;min-width:16px;height:16px;min-height:16px;place-items:center;border:1px solid #b8c2d3;border-radius:3px;padding:0;color:#344054;background:#fff;font-size:11px;line-height:1}.treeToggleButton:hover{border-color:#84a7e8;color:#175cd3;background:#f5f8ff}.treeToggleSpacer{width:16px;height:16px}.masterPreview{display:block}.masterPreviewFrame{position:relative;display:block;margin:0 auto;max-width:none;max-height:none}.masterPreviewFrame img,.masterPreview img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.functionalSvgOverlay{position:absolute;z-index:2;box-sizing:border-box;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.functionalSvgOverlay.editable{pointer-events:auto;cursor:grab}.functionalSvgOverlay.editable:active{cursor:grabbing}.textOverlay{display:inline-flex;align-items:center;max-width:none;border:1px solid rgb(23 92 211 / 70%);border-radius:4px;padding:.08em .18em;background:#ffffffb8;box-shadow:0 1px 4px #10182829;font-weight:400;line-height:1;overflow:visible;white-space:pre}.logoOverlay{display:grid;min-width:12px;min-height:12px;place-items:center;border:2px dashed rgb(23 92 211 / 78%);border-radius:999px;color:#175cd3;background:#eff4ffb8;font-size:12px;font-weight:800}.logoOverlay span{line-height:1}.functionalOverlayResizeHandle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid #ffffff;border-radius:999px;background:#175cd3;box-shadow:0 1px 4px #1018283d;cursor:nwse-resize;pointer-events:auto}.previewZoomControls{display:inline-flex;align-items:center;align-self:flex-start;justify-self:start;gap:5px;border:1px solid #dce2ec;border-radius:6px;padding:3px;color:#475467;background:#f8fafc;font-size:12px;font-weight:700}.previewZoomControls button{display:inline-grid;width:26px;min-width:26px;height:26px;min-height:26px;place-items:center;border:0;border-radius:4px;padding:0;color:#175cd3;background:transparent;font-size:16px;line-height:1}.previewZoomControls button:hover:not(:disabled){background:#eef4ff}.previewZoomControls button:disabled{color:#98a2b3;cursor:not-allowed}.previewZoomControls span{min-width:38px;text-align:center}.previewDevActions{display:flex;justify-content:flex-start}.previewDevActions button{min-height:30px;font-size:12px}.previewModeButtons{display:inline-flex;align-self:flex-start;justify-self:start;gap:4px;border:1px solid #dce2ec;border-radius:6px;padding:3px;background:#f8fafc}.previewModeButtons button{min-height:26px;border:0;border-radius:4px;padding:3px 8px;color:#475467;background:transparent;font-size:12px}.previewModeButtons button.active{color:#175cd3;background:#eef4ff}.selectionReport{justify-content:flex-start;color:#475467;font-size:12px}.selectedRoots{display:flex;flex-wrap:wrap;gap:7px}.selectedRoots button{min-height:auto;border-color:#bfd0f5;padding:4px 7px;color:#175cd3;background:#eef4ff;font-size:11px}.structuredFields,.fieldEditor{display:grid;gap:12px}.structuredFields{border:1px solid #dce2ec;border-radius:8px;padding:12px}.fieldEditor{border-top:1px solid #dce2ec;padding-top:12px}.inlineFieldEditor{border:1px solid #dce2ec;border-radius:8px;padding:12px;background:#fff}.fieldEditorRow>td{border-bottom:1px solid #dce2ec;padding:10px;background:#f8fafc}.fieldEditorLayout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px;align-items:start}.switchFieldEditorLayout{grid-template-columns:minmax(0,1fr)}.switchFieldEditorLayout .fieldEditorSettings{width:min(100%,820px)}.contentBlockFieldEditorLayout{grid-template-columns:minmax(0,1fr)}.contentBlockFieldEditorLayout .fieldEditorSettings{width:100%}.contentBlockFieldEditorLayout .detailForm{grid-template-columns:minmax(220px,320px) minmax(220px,320px) minmax(0,1fr);align-items:start}.modelVariantFieldEditorLayout{grid-template-columns:minmax(0,1fr)}.modelVariantFieldEditorLayout .fieldEditorSettings{width:100%}.fieldEditorSettings .detailForm.modelVariantChoiceForm{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:start}.modelVariantChoiceForm>.modelVariantChoices,.modelVariantChoiceForm>.inlineNotice{grid-column:1 / -1}.switchFieldSettings,.switchStateSummaries{display:grid;gap:var(--space-3)}.contentBlockFieldSettings{display:grid;grid-column:1 / -1;grid-template-columns:minmax(280px,1.2fr) minmax(240px,.9fr) minmax(280px,1fr);gap:var(--space-4);align-items:start}.contentBlockFieldMessage,.contentBlockFieldLinkSettings,.contentBlockFieldPreviewPanel{display:grid;gap:var(--space-3);align-content:start}.contentBlockFieldPreviewLabel{color:var(--color-text-muted);font-size:12px;font-weight:600}.contentBlockFieldSettings textarea{min-height:132px}.contentBlockAdminPreview{display:grid;gap:6px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text);background:var(--color-surface-subtle);font-size:13px;line-height:1.45;white-space:pre-wrap}.contentBlockAdminPreview--heading{border:0;border-radius:0;padding-inline:0;color:var(--color-text);background:transparent;font-size:16px;font-weight:700}.contentBlockAdminPreview--info{border-color:var(--color-primary-border);color:var(--color-primary);background:var(--color-primary-surface)}.contentBlockAdminPreview--warning{border-color:var(--color-warning-border);color:var(--color-warning);background:var(--color-warning-surface)}.contentBlockAdminPreview--neutral{color:var(--color-text-muted)}.contentBlockAdminPreview--divider{display:flex;align-items:center;border:0;border-radius:0;padding-inline:0;background:transparent}.contentBlockAdminPreview--divider:before,.contentBlockAdminPreview--divider:after{content:"";flex:1;border-top:1px solid var(--color-border-subtle)}.contentBlockAdminPreviewLink{color:var(--color-primary);font-weight:600;text-decoration:underline}.switchStateSummaries{margin-top:var(--space-1)}.switchStateSummary{display:grid;grid-template-columns:minmax(140px,auto) auto minmax(180px,1fr) auto;align-items:center;gap:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-subtle)}.switchStateSummaryTitle{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.switchStateMarker{border:1px solid var(--color-primary-border);border-radius:999px;padding:2px 7px;color:var(--color-primary);background:var(--color-primary-surface);font-size:11px;font-weight:700}.switchStateMarker.fixed{border-color:var(--color-warning-border);color:var(--color-warning);background:var(--color-warning-surface)}.switchStateEffectCount,.switchStateEffectSummary{color:var(--color-text-muted);font-size:13px}.switchStateEffectSummary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fieldEditorSettings{display:grid;align-content:start;gap:14px}.fieldEditorSettings .detailForm{grid-template-columns:1fr}.fieldEditorActions{display:flex;justify-content:flex-end;gap:12px}.fieldEditorActions button{min-width:74px}.svgChoiceOptions{display:grid;gap:10px}.svgChoiceOptionsHeader,.svgChoiceOptionFooter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.svgChoiceOptionsHeader{justify-content:space-between}.svgChoiceOption{display:grid;gap:8px;border:1px solid #d8dee8;border-radius:6px;padding:10px;background:#fff}.svgChoiceOption.active{border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed82e}.fieldEditor .masterViewer{border:0;padding:0;background:transparent}.fieldEditor .masterViewerGrid{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:16px}.fieldEditor .masterTree,.fieldEditor .masterPreview{height:min(520px,70vh);min-height:360px;max-height:520px}.fieldEditor .masterPreviewFrame,.fieldEditor .masterPreview img{max-height:none}.fieldOverlayPreviewPanel{display:grid;gap:8px;min-width:0}.fieldOverlayToggle{justify-self:start;color:#344054;font-size:13px;font-weight:600}.fieldScopeSummary{display:block;border-radius:6px;padding:8px;color:#475467;background:#f8fafc;font-size:12px}.fieldGroups,.inheritedFields{display:grid;gap:10px}.fieldTable{table-layout:fixed;min-width:920px}.fieldTableMove{width:88px}.fieldTablePlacement{width:120px}.fieldTableLabel{width:18%}.fieldTableType{width:104px}.fieldTableAttachment{width:22%}.fieldAttachmentValue{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fieldTableStatus{width:160px}.fieldTableActions{width:36%}.inheritedFieldTable{table-layout:fixed;min-width:980px}.inheritedFieldLabel{width:17%}.inheritedFieldType{width:104px}.inheritedFieldAttachment{width:22%}.inheritedFieldState{width:130px}.inheritedFieldEnabled{width:120px}.inheritedFieldActions{width:34%}.fieldScopeSummary>strong{display:block;margin-bottom:8px;color:#172033}.dragHandle{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:28px;cursor:grab;color:#475467;-webkit-user-select:none;user-select:none}.dragHandle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.dragHandle:active{cursor:grabbing}.ordersLayout{grid-template-columns:minmax(280px,.55fr) minmax(420px,1.45fr)}.ordersDetail{display:grid;align-content:start;gap:16px}.ordersDetailGrid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(260px,1fr);gap:16px;align-items:start}.ordersPreview,.ordersMeta,.ordersSections{display:grid;gap:12px}.ordersPreview img,.ordersPreviewEmpty{width:100%;min-height:220px;border:1px solid #dce2ec;border-radius:8px;background:#f8fafc}.ordersPreview img{display:block;object-fit:contain}.ordersPreviewEmpty{display:grid;place-items:center;color:#687386;font-size:13px}.ordersSections{grid-template-columns:repeat(2,minmax(0,1fr))}.ordersSections section:first-child{grid-column:1 / -1}.orderDeliveriesPanel{display:grid;grid-column:1 / -1;gap:12px;min-width:0}.emailTemplatesWorkspace,.emailTemplatesPanel,.emailTemplateAudienceCard,.emailTemplateUpload,.emailTemplateVersion,.emailTemplateValidation,.emailTemplatePreviewPanel{display:grid;align-content:start;gap:14px;min-width:0}.emailTemplateAudienceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.emailTemplateAudienceCard{border:1px solid #dce2ec;border-radius:8px;padding:14px;background:#fff}.emailTemplateSummary{display:grid;gap:7px;margin:0}.emailTemplateSummary>div{display:grid;grid-template-columns:minmax(105px,auto) minmax(0,1fr);gap:10px}.emailTemplateSummary dt{color:#687386;font-size:12px}.emailTemplateSummary dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px;font-weight:600;text-align:right}.emailTemplateUpload,.emailTemplateVersion{border-top:1px solid #e5e9f0;padding-top:14px}.emailTemplateUpload .uiButton{justify-self:start}.emailTemplateFileSummary,.emailTemplateVersionMeta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;color:#687386;font-size:12px}.emailTemplateFileSummary strong{max-width:100%;color:#172033;overflow-wrap:anywhere}.emailTemplateValidation h5{margin:0;font-size:13px}.emailTemplateValidation .notice ul{margin:7px 0 0;padding-left:18px;overflow-wrap:anywhere}.emailTemplateTestRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.emailTemplatePreviewSubject{border:1px solid #dce2ec;border-radius:8px;padding:10px 12px;background:#f8fafc;overflow-wrap:anywhere}.emailTemplatePreviewFrame{display:block;width:100%;height:560px;border:1px solid #dce2ec;border-radius:8px;background:#fff;pointer-events:none}.emailTemplatePlainPreview{min-height:320px;max-height:560px;margin:0;border:1px solid #dce2ec;border-radius:8px;padding:16px;overflow:auto;color:#172033;background:#f8fafc;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1180px){.emailTemplateAudienceGrid{grid-template-columns:1fr}}@media(max-width:720px){.emailTemplateTestRow{grid-template-columns:1fr}.emailTemplateTestRow .uiButton{justify-self:start}}.deliveryTable th,.deliveryTable td{vertical-align:top}.deliveryRecipient{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.deliveryAudienceBadge{display:inline-block;border-radius:999px;padding:3px 8px;color:var(--color-primary);background:var(--color-primary-surface);font-size:11px;font-weight:600;white-space:nowrap}.statusBadge.pending{color:#854a0e;background:#fff4cc}.statusBadge.processing{color:#175cd3;background:#eef4ff}.statusBadge.sent{color:#146c2e;background:#eaf7ed}.statusBadge.failed{color:#b42318;background:#fff1f0}.statusBadge.skipped{color:#687386;background:#f2f4f7}.deliveryErrorNotice{overflow-wrap:anywhere}.deliveryErrorCode{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notificationDeliveryColumns>section{align-content:start}.notificationCutoverState{display:grid;gap:8px}.notificationOperations{display:grid;gap:10px}.notificationMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:0}.notificationMetric{display:grid;gap:2px;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}.notificationMetric dt{color:var(--color-text-muted);font-size:12px}.notificationMetric dd{margin:0;font-size:18px;font-weight:700}.orderTemplateBuilder,.orderFieldList,.orderFieldList .inlineFieldEditor{display:grid;gap:12px}.statusBadge.new{color:#175cd3;background:#eef4ff}.statusBadge.seen,.statusBadge.in_progress{color:#854a0e;background:#fff4cc}.statusBadge.completed{color:#146c2e;background:#eaf7ed}.statusBadge.archived{color:#687386;background:#f2f4f7}@media(max-width:860px){.appHeaderInner{gap:12px}.appHeaderLeft{gap:14px}.appBrand{font-size:14px}.appUserEmail{display:none}.topNav{gap:14px}.columns,.gridForm,.gridForm.compact,.detailForm,.detailForm.compact,.detailForm.gridTwo,.assetFilters,.assetUploadForm,.normalMapForm,.productSettingsBody,.recordRow,.inlineForm,.embedBox,.fieldEditorLayout,.svgPreviewLayout,.masterViewerGrid{grid-template-columns:1fr}.productSettingsBody{padding:16px}.designEditor .detailForm.compact,.contentBlockFieldEditorLayout .detailForm,.contentBlockFieldSettings{grid-template-columns:1fr}.designEditorActions,.designStatusControl{grid-column:1;justify-content:flex-start}.rowActions{flex-wrap:wrap}.ordersDetailGrid,.ordersSections{grid-template-columns:1fr}.ordersSections section:first-child{grid-column:auto}}@media(max-width:640px){.appBrand{display:none}.topNav{overflow-x:auto;scrollbar-width:none}.topNav::-webkit-scrollbar{display:none}.topNavDropdownMenu{position:fixed;top:56px;left:16px}}.modelVariantChoices{display:grid;gap:8px}.modelVariantChoice{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:8px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--panel-bg, #ffffff)}.modelVariantChoice.invalid{border-color:#f59e0b;background:#fff7ed}.modelVariantChoice span{display:grid;gap:2px}.modelVariantChoice small{color:var(--muted-color, #6b7280)}.modelVariantMatrixWrap{overflow-x:auto;border:1px solid #e5e9f0;border-radius:8px}.modelVariantMatrix{width:100%;min-width:520px;border-collapse:collapse;background:#fff;font-size:13px}.modelVariantMatrix th,.modelVariantMatrix td{border-bottom:1px solid #edf1f7;padding:10px 12px;text-align:left;vertical-align:middle}.modelVariantMatrix th{color:#526179;font-size:12px;font-weight:700;text-transform:uppercase;background:#f7f9fc}.modelVariantMatrix tr:last-child td{border-bottom:0}.modelVariantMatrix tr.invalid td{background:#fff7ed}.modelVariantMatrix td:first-child{display:grid;gap:3px}.modelVariantMatrix td:first-child small{color:#687386}.modelVariantMatrix input[type=checkbox],.modelVariantMatrix input[type=radio]{width:18px;height:18px}@media(max-width:1000px){.fieldEditorSettings .detailForm.modelVariantChoiceForm{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:560px){.fieldEditorSettings .detailForm.modelVariantChoiceForm{grid-template-columns:minmax(0,1fr)}}.productPricingEditor{display:grid;gap:12px;border:1px solid #dce2ec;border-radius:8px;padding:16px;background:#fff;box-shadow:0 1px 2px #1018280a}.productPricingTable input,.productPricingTable select{width:100%;min-width:78px}.productPricingTable td:first-child input{min-width:130px}.uiButton,.uiIconButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;line-height:1;white-space:nowrap}.uiButton{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--color-text);background:var(--color-surface);cursor:pointer;text-decoration:none}.uiButton:hover:not(:disabled){border-color:#8190a8}.uiButtonLink:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--focus-ring)}.uiButton--sm{min-height:var(--control-height-compact);padding:5px 10px;font-size:13px}.uiButton--primary{border-color:var(--color-primary-border);color:var(--color-primary);background:var(--color-primary-surface)}.uiButton--primary:hover:not(:disabled){border-color:#528bff;background:var(--color-primary-surface-hover)}.uiButton--success{border-color:var(--color-success-border);color:var(--color-success);background:var(--color-success-surface)}.uiButton--success:hover:not(:disabled){border-color:#32d583;background:var(--color-success-surface-hover)}.uiButton--danger{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-surface)}.uiButton--danger:hover:not(:disabled){border-color:#f97066;background:var(--color-danger-surface-hover)}.uiActionMenu{display:inline-flex}.uiActionMenuPopover{position:fixed;z-index:1200;display:grid;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px;background:var(--color-surface);box-shadow:0 12px 30px #10182829}.uiActionMenuItem{min-height:var(--control-height-compact);border:0;border-radius:4px;padding:7px 10px;color:var(--color-text);background:transparent;font:inherit;font-size:13px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer}.uiActionMenuItem:hover:not(:disabled),.uiActionMenuItem:focus-visible{color:var(--color-primary);background:var(--color-primary-surface);outline:none}.uiActionMenuItem:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.uiActionMenuItem:disabled{opacity:.55;cursor:not-allowed}.uiIconButton{width:var(--icon-button-size);min-width:var(--icon-button-size);min-height:var(--icon-button-size);padding:0}.uiIconButton--sm{width:var(--control-height-compact);min-width:var(--control-height-compact);min-height:var(--control-height-compact)}.uiIconButton--danger{border-color:transparent;color:var(--color-danger);background:transparent}.uiIconButton--danger:hover:not(:disabled){border-color:var(--color-danger-border);background:var(--color-danger-surface-hover)}.uiIcon{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.uiSidePanelBackdrop{position:fixed;z-index:1200;inset:0;display:flex;justify-content:flex-end;background:#0f172a70}.uiSidePanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,100vw);height:100vh;height:100dvh;border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:-20px 0 48px #0f172a33;animation:uiSidePanelEnter .18s ease-out}.uiSidePanel--lg{width:min(780px,100vw)}.uiSidePanelHeader{display:flex;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4)}.uiSidePanelHeading{flex:1 1 auto;min-width:0}.uiSidePanelHeading h3,.uiSidePanelHeading p{margin:0}.uiSidePanelHeading h3{font-size:18px}.uiSidePanelHeading p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:13px;line-height:1.45}.uiSidePanelHeaderSlot{flex:0 0 auto}.uiSidePanelBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-4)}.uiSidePanelFooter{display:flex;justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle)}.fieldEffectsDrawerBody,.fieldEffectsList{display:grid;align-content:start;gap:var(--space-4)}.fieldEffectsToolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:var(--space-3)}.fieldEffectsValidation ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.fieldEffectCard{display:grid;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-subtle)}.fieldEffectCardHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.fieldEffectTargetSelect{min-height:168px}.fieldEffectLinkedSvg,.fieldEffectResolvedIds{display:grid;gap:var(--space-2)}.fieldEffectResolvedIds{grid-template-columns:repeat(auto-fit,minmax(100px,max-content));align-items:center}.fieldEffectResolvedIds>span:first-child{grid-column:1 / -1;color:var(--color-text-muted);font-size:12px;font-weight:600}.fieldEffectAmountInput{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.fieldEffectAmountInput>span{color:var(--color-text-muted);font-size:13px;font-weight:700}.fieldEffectsEmpty{display:grid;place-items:center;gap:var(--space-1);min-height:140px;border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.fieldEffectsDrawer .masterViewerGrid{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr)}.fieldEffectsDrawer .masterTree,.fieldEffectsDrawer .masterPreview{min-height:300px;max-height:440px}@keyframes uiSidePanelEnter{0%{transform:translate(24px);opacity:0}}@media(max-width:640px){.uiSidePanel,.uiSidePanel--lg{width:100vw;border-left:0}.fieldEffectsToolbar,.fieldEffectsDrawer .masterViewerGrid,.switchStateSummary{grid-template-columns:1fr}.fieldEffectsToolbar .uiButton,.switchStateSummary .uiButton{width:100%}.switchStateEffectSummary{white-space:normal}}@media(prefers-reduced-motion:reduce){.uiSidePanel{animation:none}}.uiPageHeader{display:grid;gap:var(--space-3);min-width:0;padding-top:var(--space-1)}.uiBreadcrumbs{min-width:0}.uiBreadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;color:var(--color-text-muted);font-size:12px;list-style:none}.uiBreadcrumbs li{display:inline-flex;align-items:center;min-width:0;gap:6px}.uiBreadcrumbs li:not(:last-child):after{color:#98a2b3;content:"/"}.uiBreadcrumbs button{min-height:auto;border:0;padding:0;color:var(--color-primary);background:transparent;font-size:inherit}.uiBreadcrumbs li:last-child span{max-width:360px;overflow:hidden;color:#475467;text-overflow:ellipsis;white-space:nowrap}.uiPageHeaderMain,.uiSectionHeader,.uiPanelHeader{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.uiPageHeaderContent,.uiSectionHeaderContent,.uiPanelHeaderContent{display:grid;min-width:0;gap:var(--space-1)}.uiPageHeaderTitleLine,.uiSectionHeaderTitleLine,.uiPanelHeaderTitleLine{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.uiPageHeaderTitleLine h2,.uiSectionHeaderTitleLine h3,.uiPanelHeaderTitleLine h3,.uiPanelHeaderTitleLine h4{margin:0}.uiPageHeaderTitleLine h2{min-width:0;color:#172033;font-size:24px;line-height:1.25}.uiPageHeaderDescription,.uiSectionHeader p,.uiPanelHeader p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.45}.uiPageHeaderMeta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:12px}.uiPageHeaderActions,.uiSectionHeaderActions,.uiPanelHeaderActions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);align-items:center}.uiPageHeaderTabs{min-width:0;border-bottom:1px solid var(--color-border-subtle)}.uiTabs{display:flex;min-width:0;gap:var(--space-1);overflow-x:auto;scrollbar-width:thin}.uiTab{flex:0 0 auto;min-height:42px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:9px 12px 8px;color:var(--color-text-muted);background:transparent;font-size:14px;font-weight:700}.uiTab:hover:not(:disabled){border-bottom-color:#b8c9ea;color:#344054}.uiTab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.uiSectionHeader{padding:var(--space-1) 0}.uiSectionHeaderTitleLine h3{color:#172033;font-size:18px;line-height:1.35}.uiPanelHeaderTitleLine h3{color:#172033;font-size:16px;line-height:1.35}.uiPanelHeaderTitleLine h4{color:#344054;font-size:14px;line-height:1.35}.uiPanelHeader--divided{border-bottom:1px solid #e5e9f0;padding-bottom:var(--space-3)}.uiEntityStatusControl{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 4px}.uiEntityStatusControl>span{color:var(--color-text-muted);font-size:12px;font-weight:700}.productTabContent{display:grid;gap:var(--space-4)}.panel>.uiPanelHeader{margin-bottom:var(--space-4)}.productCatalogPanel>.uiPanelHeader,.productSettingsCard>.uiPanelHeader,.designEditor>.uiPanelHeader,.styleGuideSection>.uiPanelHeader,.styleGuideFrame>.panel>.uiPanelHeader{margin-bottom:0}.productCatalogPanel{display:grid;gap:var(--space-4)}.productSettingsCard>.uiPanelHeader{margin-bottom:0;padding:var(--space-4) var(--space-8);background:var(--color-surface-subtle)}.productPricingEditor>.uiPanelHeader{margin-bottom:var(--space-1)}.designCreateForm{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:var(--space-2)}.compactActionField{display:grid;gap:var(--space-1);min-width:220px;color:var(--color-text-muted);font-size:11px;font-weight:700}.compactActionField input{min-width:220px}@media(max-width:800px){.designUpdatePanel{grid-template-columns:1fr}.designUpdateActions{width:100%;justify-content:flex-start}.uiPageHeaderMain,.uiSectionHeader,.uiPanelHeader{flex-direction:column}.uiPageHeaderActions,.uiSectionHeaderActions,.uiPanelHeaderActions{width:100%;justify-content:flex-start}.uiPageHeaderActions .uiButton,.uiSectionHeaderActions .uiButton{flex:1 1 auto}.productSettingsCard>.uiPanelHeader{padding:var(--space-4)}}.styleGuideScreen{max-width:1120px}.styleGuideFrame{display:grid;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-page)}.styleGuideFrame>.panel{display:grid;gap:var(--space-4)}.styleGuidePanelPlaceholder{min-height:72px;border-radius:var(--radius-sm);padding:var(--space-4);color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:13px}.styleGuideNotice{border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:#344054;background:var(--color-primary-surface);font-size:13px}.styleGuideNotice code{color:var(--color-primary)}.styleGuideSection{display:grid;gap:var(--space-4)}.styleGuideSectionHeader h3,.styleGuideSectionHeader p{margin-bottom:0}.styleGuideSectionHeader p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:13px}.styleGuideGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.styleGuideExample,.styleGuideStateCard{display:grid;align-content:start;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface-subtle)}.styleGuideExample>span,.styleGuideIconTile span{color:var(--color-text-muted);font-size:12px}.styleGuideActionRow{display:flex;flex-wrap:wrap;gap:var(--space-2)}.styleGuideActionTable .uiIcon,.styleGuideIconTile .uiIcon{color:#475467}.styleGuideIconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-2)}.styleGuideIconTile{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:10px;background:var(--color-surface-subtle)}.styleGuideFormGrid,.styleGuideStateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.field--error input{border-color:var(--color-danger-border)}.field--error small{color:var(--color-danger)}.styleGuideStateCard .uiButton{justify-self:start}.styleGuideLongPanelContent{display:grid;gap:var(--space-3);margin-top:var(--space-4)}@media(max-width:800px){.styleGuideGrid,.styleGuideFormGrid,.styleGuideStateGrid{grid-template-columns:1fr}}.stepsPrototypeScreen{max-width:1120px}.stepsPrototypePanel{display:grid;gap:var(--space-4)}.stepsPrototypePanel>.uiPanelHeader{margin-bottom:0}.stepsPrototypeFilter{min-height:var(--control-height-compact);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 10px;background:var(--color-surface);font-weight:600;white-space:nowrap}.stepsPrototypeFilter:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.stepsPrototypeLegend,.stepsPrototypeLegend>span{display:flex;align-items:center}.stepsPrototypeLegend{flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:12px;font-weight:600}.stepsPrototypeLegend>span{gap:6px}.configStepLegendSwatch{width:10px;height:10px;border-radius:999px}.configStepLegendSwatch--shared{background:var(--color-primary)}.configStepLegendSwatch--design{background:var(--color-success)}.configStepFlow{display:grid;gap:var(--space-3)}.configStepCard{display:grid;grid-template-columns:52px minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 1px 2px #1018280d}.configStepCard--disabled{border-style:dashed;background:var(--color-surface-subtle)}.configStepDragRail{display:flex;flex-direction:column;align-items:center;gap:6px;border-right:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-2);color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:11px;font-weight:700}.configStepDragHandle{cursor:grab}.configStepDragHandle:active{cursor:grabbing}.configStepCardMain{min-width:0}.configStepCardMain>.uiPanelHeader{margin:0;padding:var(--space-3) var(--space-4)}.configStepBadges,.configStepBadge,.configStepFieldBadges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.configStepBadge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.configStepBadge--shared{color:var(--color-primary);background:var(--color-primary-surface)}.configStepBadge--design{color:var(--color-success);background:var(--color-success-surface)}.configStepBody{border-top:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4) var(--space-4)}.configStepCard--disabled .configStepBody{color:var(--color-text-muted)}.configStepFields{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.configStepField{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:10px 12px;background:var(--color-surface-subtle)}.configStepField--disabled{opacity:.72}.configStepFieldHandle{color:var(--color-text-subtle)}.configStepFieldContent{display:grid;min-width:0;gap:2px}.configStepFieldContent strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.configStepFieldContent>span{color:var(--color-text-muted);font-size:11px}.configStepEmpty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:76px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface-subtle)}.configStepEmpty>span{display:grid;gap:2px;font-size:12px}.configStepEmpty strong{color:var(--color-text);font-size:13px}.configStepConstraint{display:flex;align-items:center;gap:6px;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:11px}@media(max-width:680px){.configStepCard{grid-template-columns:1fr}.configStepDragRail{flex-direction:row;justify-content:flex-start;border-right:0;border-bottom:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-3)}.configStepField{grid-template-columns:auto minmax(0,1fr)}.configStepFieldBadges{grid-column:2}}.configStepCard.fieldScopeSummary{display:block;overflow:hidden;border:0;border-radius:var(--radius-sm);padding:0;color:#475467;background:var(--color-surface-subtle);box-shadow:none}.configStepCard.fieldScopeSummary.configStepCard--disabled{border-style:none;background:#f2f4f7;box-shadow:inset 3px 0 #98a2b3}.configStepCard--disabled .configStepHeader{background:#475467}.configStepHeader{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);background:#344054}.configStepReorderControls{display:inline-flex;align-items:center;gap:2px}.configStepDragHandle.uiIconButton{border-color:transparent;color:#e4e7ec;background:transparent;cursor:grab}.configStepDragHandle.uiIconButton:hover:not(:disabled){border-color:transparent;background:#ffffff1f}.configStepDragHandle.uiIconButton:active{cursor:grabbing}.configStepHeaderMove.uiIconButton{width:26px;min-width:26px;min-height:26px;border-color:transparent;padding:0;color:#d0d5dd;background:transparent}.configStepHeaderMove.uiIconButton:hover:not(:disabled){border-color:transparent;color:#fff;background:#ffffff1f}.configStepHeaderMove .uiIcon{width:16px;height:16px}.configStepHeader .uiIconButton:focus-visible,.configStepHeader button:focus-visible,.configStepHeader input:focus-visible{outline-color:#fff;box-shadow:0 0 0 3px #ffffff38}.configStepHeaderPanel.uiPanelHeader{min-width:0;margin:0;padding:2px 0 0}.configStepHeaderPanel .uiPanelHeaderContent{align-content:start}.configStepHeaderPanel .uiPanelHeaderTitleLine{row-gap:6px}.configStepHeaderPanel .uiPanelHeaderTitleLine h4{min-width:0;color:#fff;font-size:16px;line-height:32px}.configStepHeaderPanel .uiPanelHeaderActions{align-items:center}.configStepTitleLine,.configStepNameEditor{display:inline-flex;min-width:0;align-items:center;gap:6px;vertical-align:middle}.configStepTitleLine{flex-wrap:wrap}.configStepName{overflow:hidden;color:#fff;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.configStepEditName.uiIconButton{width:28px;min-width:28px;min-height:28px;border-color:transparent;color:#d0d5dd;background:transparent}.configStepEditName.uiIconButton:hover:not(:disabled){border-color:transparent;color:#fff;background:#ffffff1f}.configStepMeta{border-left:1px solid rgb(255 255 255 / 28%);padding-left:var(--space-2);color:#d0d5dd;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}.configStepNameEditor input{width:min(280px,45vw);min-height:var(--control-height-compact);padding:5px 8px;font-size:14px}.configStepHeader .toggleSwitch:not(.enabled){border-color:#98a2b3;color:#fff;background:#667085}.configStepCollapseButton.uiIconButton,.configStepDeleteButton.uiIconButton{border-color:transparent;background:transparent}.configStepCollapseButton.uiIconButton{color:#f2f4f7}.configStepCollapseButton.uiIconButton:hover:not(:disabled){border-color:transparent;color:#fff;background:#ffffff1f}.configStepDeleteButton.uiIconButton{color:#fda29b}.configStepDeleteButton.uiIconButton:hover:not(:disabled){border-color:transparent;color:#fff;background:#b4231873}.configStepBadges,.configStepBadge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.configStepBody{border-top:0;padding:0 var(--space-2) var(--space-2)}.configStepCard--disabled .configStepBody{color:inherit}.configStepFieldLabel{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.fieldPlacementSwitch{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:104px;min-height:28px;overflow:hidden;border:1px solid #d0d5dd;border-radius:999px;padding:2px;color:#667085;background:#f2f4f7;font-size:9px;font-weight:700;line-height:22px}.fieldPlacementSwitch:before{content:"";position:absolute;z-index:-1;top:2px;left:2px;width:49px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #1018282e;transition:transform .15s ease}.fieldPlacementSwitch.after:before{transform:translate(49px)}.fieldPlacementSwitch.before span:first-child,.fieldPlacementSwitch.after span:last-child{color:#175cd3}.fieldPlacementSwitch:hover:not(:disabled){border-color:#84adff;background:#eff4ff}.fieldPlacementSwitch:disabled{cursor:default;opacity:.78}.fieldPlacementValue{color:#667085;font-size:11px;font-weight:600}.configStepEditorFlow{margin-top:var(--space-3)}.configStepEditorBody{padding-top:var(--space-2)}.configStepAddActions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-1) var(--space-2)}.configStepFilter{margin:0;white-space:nowrap}.configStepResetButton.uiButton{border-color:#ffffff59;color:#fff;background:transparent}.configStepResetButton.uiButton:hover:not(:disabled){border-color:#ffffff8c;background:#ffffff1f}.configStepFieldEditorNote{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text-muted);background:var(--color-surface);font-size:12px}.configStepConstraint{margin:var(--space-2) 0 0 var(--space-2)}@media(max-width:800px){.configStepHeaderPanel .uiPanelHeaderActions{width:100%}}@media(max-width:560px){.configStepHeader{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:var(--space-2)}.configStepDragHandle.uiIconButton{width:32px;min-width:32px;min-height:32px}.configStepMeta{flex-basis:100%;border-left:0;padding-left:0}.configStepNameEditor input{width:min(210px,55vw)}}
