/* PRODUCT_CATALOG_CANVAS_CSS_EXCEPTION: User authorized legacy workbench migration
 * on 2026-10-02, preserving its existing visual layout. Existing workbench CSS is
 * relocated unchanged from the Blade view; physical paper sizing has no Schema API.
 * Dynamic paper geometry is owned by the registered canvas-geometry view only.
 * Presentation version: 2.0.0; FeatureCss publishes a content-hashed asset URL.
 */
.catalog-workbench {
    --tg-primary: #0052d9;
    --tg-accent: #00a8a8;
    --tg-line: #e5e7eb;
    --tg-soft: #f8fafc;
    --pcg-page-pad: 16px;
    --pcg-gap: 12px;
    --pcg-header-h: 76px;
    --pcg-toolbar-h: 96px;
    --pcg-main-min-h: 720px;
    --pcg-left-w: 320px;
    --pcg-right-w: 300px;
    --pcg-control-h: 40px;
    --pcg-control-radius: 8px;
    --pcg-card-radius: 10px;
    --pcg-select-sm: 148px;
    --pcg-select-md: 176px;
    --pcg-select-lg: 220px;
    --pcg-product-queue-max-h: 320px;
    --catalog-header-h: var(--pcg-header-h);
    --catalog-toolbar-h: var(--pcg-toolbar-h);
    --catalog-main-min-h: var(--pcg-main-min-h);
    width: 100%;
    color: #111827;
}
.catalog-shell {
    min-height: calc(100dvh - 2rem);
    border: 1px solid #d9e1ec;
    border-radius: var(--pcg-card-radius);
    background: linear-gradient(180deg, #fbfdff 0%, #f5f8fc 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    overflow: hidden;
}
.catalog-segment {
    display: inline-flex;
    min-height: var(--pcg-control-h);
    overflow: hidden;
    border: 1px solid #d7deea;
    border-radius: var(--pcg-control-radius);
    background: #fff;
}
.catalog-segment button,
.catalog-segment label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: var(--pcg-control-h);
    min-width: 0;
    justify-content: center;
    padding: 0 12px;
    border-left: 1px solid #edf1f7;
    font-size: 13px;
    color: #4b5563;
    white-space: nowrap;
}
.catalog-segment button:first-child,
.catalog-segment label:first-child {
    border-left: 0;
}
.catalog-segment .is-active {
    background: #eef5ff;
    color: #0052d9;
    box-shadow: inset 0 0 0 1px #2f6fff;
    font-weight: 700;
}
.catalog-panel {
    border: 1px solid #dce3ee;
    border-radius: var(--pcg-card-radius);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
}
.catalog-main-column {
    height: auto;
    min-height: var(--catalog-main-min-h);
    align-self: stretch;
    overflow: visible;
}
.catalog-main-column.catalog-panel,
section.catalog-main-column {
    display: flex;
    min-height: var(--catalog-main-min-h);
    flex-direction: column;
}
.catalog-side-scroll {
    flex: 0 0 auto;
    min-height: auto;
    overflow-y: visible;
}
.catalog-side-scroll::-webkit-scrollbar {
    width: 6px;
}
.catalog-side-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}
.catalog-side-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.catalog-product-queue-list {
    max-height: var(--pcg-product-queue-max-h);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 2px;
}
.catalog-product-queue-list::-webkit-scrollbar {
    width: 6px;
}
.catalog-product-queue-list::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}
.catalog-product-queue-list::-webkit-scrollbar-track {
    background: transparent;
}
.catalog-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 800;
    color: #111827;
}
.catalog-panel-title > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.catalog-panel-title > button,
.catalog-panel-title > a {
    flex: 0 0 auto;
}
.catalog-field {
    width: 100%;
    min-height: var(--pcg-control-h);
    border: 1px solid #cfd8e3;
    border-radius: var(--pcg-control-radius);
    background: #fff;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.catalog-field::placeholder {
    color: #9ca3af;
}
.catalog-field:focus {
    border-color: #2563eb;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
.catalog-textarea {
    min-height: 78px;
    resize: vertical;
}
.catalog-select {
    width: 100%;
    height: var(--pcg-control-h);
    border: 1px solid #cfd8e3;
    border-radius: var(--pcg-control-radius);
    background-color: #fff;
    padding: 8px 34px 8px 12px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    color: #111827;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.catalog-select:focus {
    border-color: #2563eb;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
.catalog-field[readonly],
.catalog-field:disabled {
    background: #f8fafc;
    color: #6b7280;
    cursor: not-allowed;
}
.catalog-toggle-row {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    color: #374151;
}
.catalog-mini-switch {
    width: 34px;
    height: 18px;
    border-radius: 999px;
    appearance: none;
    background: #cbd5e1;
    position: relative;
    cursor: pointer;
    transition: .16s ease;
}
.catalog-mini-switch:checked {
    background: #1769ff;
}
.catalog-mini-switch:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #fff;
    transition: .16s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .2);
}
.catalog-mini-switch:checked:before {
    transform: translateX(16px);
}
.catalog-mini-switch:disabled {
    cursor: not-allowed;
    opacity: .72;
}
.catalog-mini-switch:checked:disabled {
    background: #1769ff;
}
.catalog-canvas-wrap {
    --canvas-top-rail: 38px;
    --canvas-left-rail: 168px;
    --canvas-bottom-rail: 92px;
    position: relative;
    flex: 1 1 auto;
    height: auto;
    min-height: 680px;
    border: 1px solid #dce3ee;
    border-radius: var(--pcg-card-radius);
    background:
        linear-gradient(#eef2f7 1px, transparent 1px),
        linear-gradient(90deg, #eef2f7 1px, transparent 1px),
        #f7f9fc;
    background-size: 28px 28px;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}
.catalog-ruler-top,
.catalog-ruler-left {
    position: absolute;
    background: rgba(255, 255, 255, .82);
    border-color: #d7deea;
    color: #64748b;
    font-size: 11px;
    z-index: 4;
}
.catalog-ruler-top {
    top: 0;
    left: 44px;
    right: 0;
    height: 28px;
    border-bottom: 1px solid #d7deea;
    background-image: repeating-linear-gradient(90deg, transparent 0 19px, #cbd5e1 20px, transparent 21px);
}
.catalog-ruler-left {
    top: 28px;
    left: 0;
    bottom: 0;
    width: 44px;
    border-right: 1px solid #d7deea;
    background-image: repeating-linear-gradient(180deg, transparent 0 19px, #cbd5e1 20px, transparent 21px);
}
.catalog-page-stage {
    position: absolute;
    inset: var(--canvas-top-rail) 28px var(--canvas-bottom-rail) var(--canvas-left-rail);
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog-canvas-legend {
    position: absolute;
    left: 70px;
    top: 48px;
    z-index: 10;
    width: 150px;
}
.catalog-canvas-controls {
    position: absolute;
    left: var(--canvas-left-rail);
    right: 28px;
    bottom: 18px;
    z-index: 10;
    width: max-content;
    margin-inline: auto;
}
.catalog-page-frame {
    position: relative;
    width: var(--preview-frame-width);
    height: var(--preview-frame-height);
    max-width: calc(100% - 64px);
    max-height: 100%;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .22);
}
.catalog-page-frame.square {
    width: var(--preview-frame-width);
    height: var(--preview-frame-height);
}
.catalog-page-frame:before {
    content: "";
    position: absolute;
    inset: var(--preview-trim-y) var(--preview-trim-x);
    border: 1px dashed #ff5f6d;
    pointer-events: none;
    z-index: 5;
}
.catalog-page-frame:after {
    content: "";
    position: absolute;
    inset: var(--preview-safe-y) var(--preview-safe-x);
    border: 1px dashed #2f6fff;
    pointer-events: none;
    z-index: 5;
}
.catalog-preview-scale {
    position: absolute;
    inset: 0;
    transform: scale(var(--preview-scale));
    transform-origin: top left;
    width: var(--preview-paper-width);
    height: var(--preview-paper-height);
    pointer-events: none;
}
.catalog-page-frame.square .catalog-preview-scale {
    width: var(--preview-paper-width);
    height: var(--preview-paper-height);
}
.catalog-preview-scale .catalog-sheet,
.catalog-preview-scale .industrial-sheet,
.catalog-preview-scale .visual-sheet,
.catalog-preview-scale .digital-sheet {
    margin: 0;
    box-shadow: none;
    page-break-after: auto;
}
.catalog-empty-page {
    position: absolute;
    inset: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed #cbd5e1;
    background: linear-gradient(135deg, rgba(248, 250, 252, .96), rgba(239, 246, 255, .78));
    color: #475569;
    text-align: center;
    font-family: ui-sans-serif, system-ui, sans-serif;
}
.catalog-thumb {
    width: 96px;
    min-width: 96px;
}
.catalog-thumb-box {
    height: 72px;
    border: 1px solid #d9e1ec;
    border-radius: var(--pcg-control-radius);
    background: linear-gradient(145deg, #ffffff 0%, #eff6ff 100%);
    overflow: hidden;
}
.catalog-thumb-sheet {
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 7px;
    color: #0f172a;
}
.catalog-thumb-title {
    height: 7px;
    max-width: 70%;
    border-radius: 999px;
    background: #0052d9;
}
.catalog-thumb-line {
    height: 4px;
    border-radius: 999px;
    background: #dbe7f7;
}
.catalog-thumb-image {
    border-radius: 4px;
    background: radial-gradient(circle at 50% 44%, #2f80ed 0 24%, #0b4cad 25% 45%, #e9f1ff 46% 100%);
    box-shadow: inset 0 0 0 1px rgba(0, 82, 217, .14);
}
.catalog-thumb-cover {
    background: linear-gradient(135deg, #0052d9 0%, #ffffff 62%, #eaf3ff 100%);
}
.catalog-thumb-back {
    background: linear-gradient(135deg, #0f172a 0%, #0052d9 78%);
    color: #fff;
}
.catalog-thumb.is-active .catalog-thumb-box {
    border-color: #2f6fff;
    box-shadow: 0 0 0 2px rgba(47, 111, 255, .16);
}
.catalog-toolbar {
    display: flex;
    align-items: center;
    gap: var(--pcg-gap);
    height: 100%;
    min-width: 0;
}
.catalog-toolbar-group {
    flex: 0 0 auto;
    min-width: 0;
}
.catalog-toolbar-schema {
    flex: 0 0 auto;
    width: max-content;
    min-width: 0;
}
.catalog-toolbar-schema .catalog-toolbar-schema-flex {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--pcg-gap);
    flex-wrap: nowrap;
}
.catalog-toolbar-schema .catalog-toolbar-print-field {
    width: 300px;
    max-width: 300px;
}
.catalog-toolbar-schema .catalog-toolbar-select-field {
    width: 164px;
    max-width: 164px;
}
.catalog-schema-safe-field {
    min-width: 0;
    max-width: 100%;
}
.catalog-schema-safe-field :where(.fi-fo-field-wrp, .fi-fo-field-wrp > div, .fi-fo-field-wrp-label, .fi-fo-field-label, .fi-fo-field-label-content) {
    min-width: 0;
    max-width: 100%;
}
.catalog-schema-safe-field :where(.fi-fo-field-label-content) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 16px;
    overflow-wrap: anywhere;
}
.catalog-schema-safe-field :where(.fi-input-wrp, .fi-select-input, .fi-input, .fi-textarea, .fi-toggle-buttons) {
    min-width: 0;
    max-width: 100%;
}
.catalog-schema-safe-field :where(.fi-input, .fi-select-input) {
    min-height: var(--pcg-control-h);
}
.catalog-upload-control-row {
    align-items: center;
}
.catalog-upload-control-row :where(.fi-sc-component) {
    align-self: center;
}
.catalog-upload-control-row > * {
    align-self: center;
}
/* PRODUCT_CATALOG_CSS_EXCEPTION: Filament FileUpload wraps FilePond, whose drop label has its own padded block height.
   These catalog upload rows must read as one compact line beside schema action buttons. */
.catalog-upload-control-row :where(.fi-fo-file-upload, .fi-fo-file-upload-input-ctn, .filepond--root) {
    min-height: var(--pcg-control-h);
    height: var(--pcg-control-h);
}
.catalog-upload-control-row :where(.filepond--drop-label) {
    display: flex !important;
    min-height: var(--pcg-control-h) !important;
    height: var(--pcg-control-h) !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    line-height: 16px !important;
}
.catalog-upload-control-row :where(.filepond--drop-label label, .filepond--drop-label span) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 16px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}
.catalog-upload-control-row :where(.fi-sc-actions) {
    min-height: var(--pcg-control-h);
    height: var(--pcg-control-h);
    justify-content: center;
}
/* PRODUCT_CATALOG_CSS_EXCEPTION: Filament table repeaters collapse to stacked rows in narrow modals.
   Product parameter entry must remain one row: parameter name, value, and delete action. */
.catalog-manual-specs-repeater.fi-fo-table-repeater > table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater > table > thead {
    display: table-header-group;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater > table > tbody {
    display: table-row-group;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater > table > tbody > tr {
    display: table-row;
    padding: 0;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater > table > tbody > tr > td {
    display: table-cell;
    padding: 8px;
    vertical-align: middle;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater :where(.fi-fo-field) {
    row-gap: 0;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater :where(.fi-fo-field-label-content) {
    display: none;
}
.catalog-manual-specs-repeater.fi-fo-table-repeater :where(.fi-fo-table-repeater-actions) {
    justify-content: center;
    padding: 0;
}
.catalog-schema-toggle-group :where(.fi-toggle-buttons) {
    width: 100%;
    overflow: hidden;
}
.catalog-schema-toggle-group :where(.fi-toggle-buttons button, .fi-toggle-buttons label) {
    min-width: 0;
    overflow: hidden;
}
.catalog-schema-toggle-group :where(.fi-toggle-buttons button span, .fi-toggle-buttons label span) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.catalog-toolbar-label-rail :where(.fi-fo-field-wrp-label) {
    min-height: 32px;
    align-items: flex-start;
}
.catalog-toolbar-label-rail :where(.fi-fo-field-label-content) {
    max-height: 32px;
}
.catalog-source-schema-region :where(.fi-toggle-buttons) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.catalog-source-schema-region :where(.fi-toggle-buttons button, .fi-toggle-buttons label) {
    justify-content: center;
}
.catalog-toolbar-print {
    width: 300px;
}
.catalog-toolbar-template {
    width: var(--pcg-select-md);
}
.catalog-toolbar-style {
    width: var(--pcg-select-md);
}
.catalog-toolbar-brand {
    width: max-content;
    min-width: 304px;
}
.catalog-toolbar-language {
    width: var(--pcg-select-sm);
}
.catalog-brand-row {
    min-height: var(--pcg-control-h);
}
.catalog-color-label {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 108px;
    white-space: nowrap;
}
.catalog-color-label-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.catalog-brand-swatch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 20px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: #fff;
    padding: 2px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.catalog-brand-swatch:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .16);
    border-color: #2563eb;
}
.catalog-brand-swatch-color {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.catalog-brand-color-flyout {
    position: fixed;
    z-index: 9999;
    width: 286px;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .22);
    padding: 12px;
}
.catalog-brand-color-plane {
    position: relative;
    height: 150px;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    cursor: crosshair;
    touch-action: none;
    overflow: hidden;
}
.catalog-brand-color-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .38);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.catalog-brand-hue {
    width: 100%;
    height: 12px;
    margin-top: 10px;
    border-radius: 999px;
    appearance: none;
    background: linear-gradient(90deg, #f00 0%, #ff0 16.6%, #0f0 33.3%, #0ff 50%, #00f 66.6%, #f0f 83.3%, #f00 100%);
}
.catalog-brand-hue::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 999px;
    appearance: none;
    background: currentColor;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .36);
}
.catalog-brand-hue::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .36);
}
.catalog-brand-channel-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.catalog-brand-channel-grid.is-rgb {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.catalog-brand-channel {
    min-width: 0;
}
.catalog-brand-channel input,
.catalog-brand-hex-input {
    width: 100%;
    height: 34px;
    border: 1px solid #cfd8e3;
    border-radius: 7px;
    background: #fff;
    padding: 6px 8px;
    font-size: 13px;
    color: #111827;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.catalog-brand-channel input:focus,
.catalog-brand-hex-input:focus {
    border-color: #2563eb;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
.catalog-brand-channel span {
    display: block;
    margin-top: 4px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}
.catalog-language-select {
    width: 100%;
}
.catalog-toolbar-status {
    display: flex;
    align-items: center;
    gap: 16px;
}
.catalog-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.catalog-bottom-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--pcg-gap);
    padding: var(--pcg-gap) 0 0;
}
.catalog-generate-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
}
.catalog-generate-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.catalog-export-state {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    padding: 8px 10px;
    text-align: right;
}
.catalog-export-state.is-ready {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #047857;
}
.catalog-export-state.is-blocked {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}
.catalog-preview-mode {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    border-radius: 8px;
    background: #f8fafc;
    padding: 4px 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
.catalog-preview-mode.is-locked {
    background: #ecfdf5;
    color: #047857;
}
.catalog-toolbar-scroll {
    height: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 14px !important;
}
.catalog-toolbar-scroll::-webkit-scrollbar {
    height: 6px;
}
.catalog-toolbar-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}
.catalog-toolbar-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.catalog-main {
    display: grid;
    grid-template-columns: var(--pcg-left-w) minmax(760px, 1fr) var(--pcg-right-w);
    align-items: stretch;
    gap: var(--pcg-gap);
}
.catalog-body {
    padding: var(--pcg-page-pad);
}
.catalog-heading {
    height: var(--catalog-header-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 20px;
}
.catalog-toolbar-section {
    height: var(--catalog-toolbar-h);
    padding: 8px var(--pcg-page-pad);
}
.catalog-work-grid {
    display: contents;
}
.catalog-edit-column {
    grid-column: 1 / -1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.catalog-bottom-editor-grid {
    display: grid;
    grid-template-columns: minmax(160px, 1.5fr) minmax(360px, 2.5fr) minmax(320px, 3fr) minmax(320px, 3fr);
    grid-template-areas:
        "preflight content selling parameters";
    align-items: start;
    gap: 0;
    min-width: 0;
}
.catalog-bottom-editor-grid > .catalog-bottom-empty-panel {
    grid-column: 2 / -1;
}
.catalog-bottom-preflight-panel {
    grid-area: preflight;
}
.catalog-bottom-content-panel {
    grid-area: content;
}
.catalog-bottom-selling-panel {
    grid-area: selling;
}
.catalog-bottom-parameters-panel {
    grid-area: parameters;
}
.catalog-editor-module {
    overflow: hidden;
}
.catalog-editor-module .catalog-panel {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.catalog-bottom-editor-grid > .catalog-panel + .catalog-panel {
    border-left: 1px solid #e5edf6;
}
.catalog-generate-card {
    border-top: 1px solid #e5edf6 !important;
}
.catalog-editor-module .catalog-panel .catalog-panel-title {
    padding-top: 12px;
}
@media (max-width: 1800px) {
    .catalog-main {
        grid-template-columns: var(--pcg-left-w) minmax(720px, 1fr) var(--pcg-right-w);
    }
}
@media (max-width: 1400px) {
    .catalog-main {
        grid-template-columns: var(--pcg-left-w) minmax(720px, 1fr) var(--pcg-right-w);
        min-width: 1360px;
    }
    .catalog-canvas-legend {
        left: 58px;
        width: 132px;
    }
}
@media (max-width: 1280px) {
    .catalog-bottom-editor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "preflight content"
            "selling parameters";
    }
    .catalog-bottom-editor-grid > .catalog-bottom-empty-panel {
        grid-column: 2 / -1;
    }
    .catalog-bottom-editor-grid > .catalog-panel {
        border-left: 0 !important;
    }
    .catalog-bottom-editor-grid > .catalog-panel:nth-child(even) {
        border-left: 1px solid #e5edf6 !important;
    }
    .catalog-bottom-editor-grid > .catalog-panel:nth-child(n + 3) {
        border-top: 1px solid #e5edf6;
    }
}


.catalog-workbench .catalog-canvas-wrap:has(.bd-a4) .catalog-page-stage {
    position: relative;
    inset: auto;
    margin: var(--canvas-top-rail) 28px var(--canvas-bottom-rail) var(--canvas-left-rail);
    min-height: 548px;
    justify-content: safe center;
    overflow: auto;
}

.catalog-workbench .catalog-canvas-wrap:has(.bd-a4) .catalog-page-frame {
    flex: 0 0 auto;
    max-width: none;
    max-height: none;
}

.catalog-workbench .catalog-thumbnail-action {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.catalog-workbench .catalog-thumbnail-action .fi-btn-label {
    display: block;
    width: 100%;
}