.image-workbench{display:grid;gap:1.25rem}
.image-workbench .lab-card{overflow:hidden}
.workflow-order{padding:.8rem 1rem;border:1px solid rgba(127,127,127,.25);border-radius:12px}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:1rem 0}
.preview-card{display:grid;gap:.55rem;min-width:0;padding:.65rem;border:1px solid rgba(127,127,127,.25);border-radius:12px}
.preview-thumb{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px}
.preview-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.preview-thumb canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.preview-meta{font-size:.8rem;overflow-wrap:anywhere}
.preview-warning{font-size:.78rem;font-weight:700}
.inline-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.format-checks{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.format-checks legend{font-weight:700;margin-bottom:.35rem}
.checkbox-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}
.checkbox-field small{grid-column:1/-1}
.product-preview-grid .preview-thumb{aspect-ratio:1}
.product-canvas{position:absolute;inset:0;display:grid;place-items:center}
.product-canvas img{width:84%;height:84%;object-fit:contain}
.size-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}
.size-target{display:grid;gap:.7rem;padding:.8rem;border:1px solid rgba(127,127,127,.25);border-radius:14px}
.size-target-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}
.size-target-preview{position:relative;overflow:hidden;border:1px solid rgba(127,127,127,.2);border-radius:10px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px;touch-action:pan-y}
.size-target-preview canvas{display:block;width:100%;height:100%;user-select:none;touch-action:none}
.size-target-controls label[hidden]{display:none}
.size-target-controls{display:grid;gap:.55rem}
.size-target-controls label{display:grid;gap:.25rem;font-size:.82rem}
.size-target-controls input[type=range]{width:100%;min-height:44px;touch-action:pan-x}
.size-target-controls select,.size-target-controls button,.custom-target-row button{min-height:44px}
.target-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.target-actions button{min-height:44px}
.custom-target-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:end}
.lab-status.show{display:block}
[dir="rtl"] .size-target-head,[dir="rtl"] .target-actions{direction:rtl}
@media(max-width:640px){
 .field-grid,.custom-target-row{grid-template-columns:1fr}
 .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .size-targets{grid-template-columns:1fr}
 .tool-switcher{overflow-x:auto;white-space:nowrap}
}

.collage-drop.drag-over{outline:3px solid currentColor;outline-offset:3px}
.collage-order-hint{font-size:.86rem}
.collage-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem;margin:1rem 0}
.collage-item{position:relative;display:grid;gap:.45rem;padding:.55rem;border:1px solid rgba(127,127,127,.25);border-radius:12px;background:var(--surface,#fff);cursor:grab}
.collage-item.dragging{opacity:.55}
.collage-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.collage-item-number{position:absolute;inset:.75rem auto auto .75rem;display:grid;place-items:center;min-width:30px;height:30px;padding:0 .35rem;border-radius:999px;background:rgba(0,0,0,.72);color:#fff}
.collage-item-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
.collage-item-actions button{min-height:44px}
.collage-preview-panel{display:grid;gap:.65rem;margin:1rem 0}
.collage-preview-frame{display:grid;place-items:center;min-height:240px;max-height:680px;padding:.75rem;overflow:auto;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px}
.collage-preview-frame canvas{display:block;max-width:100%;max-height:640px;width:auto;height:auto}
.disabled-field{opacity:.55}
.collage-custom-grid[hidden]{display:none}
[dir="rtl"] .collage-item-number{inset:.75rem .75rem auto auto}
@media(max-width:640px){.collage-items{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-preview-frame{min-height:180px}}

.split-join-workflow{display:grid;gap:1rem}
.split-join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.35rem;border:1px solid rgba(127,127,127,.25);border-radius:14px}
.split-join-tabs button{min-height:46px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:800;cursor:pointer}
.split-join-tabs button.active{background:var(--blue,#1264e8);color:#fff}
.split-join-panel{display:grid;gap:.8rem}
.split-join-panel[hidden]{display:none}
.split-preview-panel{display:grid;gap:.65rem;margin:1rem 0}
.split-preview-frame{display:grid;place-items:center;min-height:240px;max-height:680px;padding:.75rem;overflow:auto;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px}
.split-preview-frame canvas{display:block;max-width:100%;max-height:640px;width:auto;height:auto}
.split-grid-field[hidden],.split-tile-field[hidden],.join-grid-field[hidden]{display:none}
@media(max-width:640px){.split-join-tabs{grid-template-columns:1fr}.split-preview-frame{min-height:180px}}

.product-catalog-workflow{display:grid;gap:1rem}
.catalog-products{display:grid;gap:1rem;margin:1rem 0}
.catalog-product-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:.8rem;align-items:start;padding:.8rem;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:var(--surface,#fff)}
.catalog-product-item.dragging{opacity:.55}
.catalog-product-head{position:relative}
.catalog-product-head img{display:block;width:120px;height:100px;object-fit:cover;border-radius:10px}
.catalog-product-number{position:absolute;inset:.45rem auto auto .45rem;display:grid;place-items:center;min-width:30px;height:30px;padding:0 .35rem;border-radius:999px;background:rgba(0,0,0,.72);color:#fff}
.catalog-product-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.55rem}
.catalog-product-fields .field:last-child{grid-column:1/-1}
.catalog-product-fields textarea{min-height:72px;resize:vertical}
.catalog-product-actions{display:grid;grid-template-columns:repeat(3,44px);gap:.35rem}
.catalog-product-actions button{min-width:44px;min-height:44px}
.catalog-preview-panel{display:grid;gap:.65rem;margin:1rem 0}
.catalog-preview-page{display:grid;gap:.8rem;min-height:320px;padding:1rem;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:#fff;color:#101828;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.catalog-preview-title{font-size:1.1rem}
.catalog-preview-grid{display:grid;gap:.75rem}
.catalog-preview-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-preview-grid.list{grid-template-columns:1fr}
.catalog-preview-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.65rem;min-height:100px;padding:.6rem;border:1px solid #d9dee7;border-radius:10px}
.catalog-preview-grid.grid .catalog-preview-card{grid-template-columns:1fr}
.catalog-preview-card img{width:100%;height:88px;object-fit:contain;border-radius:7px;background:#f5f6f8}
.catalog-preview-card small{display:block;margin:.2rem 0;overflow-wrap:anywhere}
.catalog-preview-card p{display:-webkit-box;margin:.25rem 0 0;overflow:hidden;font-size:.8rem;-webkit-line-clamp:3;-webkit-box-orient:vertical}
[dir="rtl"] .catalog-product-number{inset:.45rem .45rem auto auto}
@media(max-width:760px){.catalog-product-item{grid-template-columns:1fr}.catalog-product-head img{width:100%;height:150px}.catalog-product-fields{grid-template-columns:1fr}.catalog-product-actions{grid-template-columns:repeat(3,1fr)}.catalog-preview-grid.grid{grid-template-columns:1fr}}