.product-status-toggle{position:relative;width:38px;height:22px;padding:0;border:0;border-radius:11px;background:#e5e7eb;vertical-align:middle;cursor:pointer}
.product-status-toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.22);transition:transform .16s ease}
.product-status-toggle.is-on{background:#20c469}
.product-status-toggle.is-on i{transform:translateX(16px)}
.product-image-upload{display:grid;gap:7px}
.product-image-label{color:var(--yomi-form-label-text,#777);font:var(--yomi-form-label-text-weight,600) var(--yomi-form-label-text-size,13px)/normal var(--yomi-form-label-text-font,inherit)}
.product-editor-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%}
.product-editor-image,.product-editor-add-image{position:relative;aspect-ratio:1/1;min-width:0;margin:0;overflow:hidden;border:1px dashed var(--pc-border);border-radius:7px;background:var(--yomi-detail-bg,#fff)}
.product-editor-image{border-style:solid}
.product-editor-image img{display:block;width:100%;height:100%;object-fit:cover}
.product-editor-image figcaption{position:absolute;left:5px;bottom:5px;padding:2px 5px;border-radius:4px;background:rgba(17,24,39,.72);color:#fff;font-size:11px;line-height:16px}
.product-editor-image>button{position:absolute;top:5px;right:5px;display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:5px;background:rgba(255,255,255,.92);color:#111;cursor:pointer;box-shadow:0 1px 3px rgba(16,24,40,.18)}
.product-editor-image>button svg{width:14px;height:14px}
.product-editor-add-image{display:grid;place-items:center;align-content:center;gap:6px;padding:8px;color:var(--yomi-table-sub-text,#667085);cursor:pointer}
.product-editor-add-image:hover{border-color:var(--yomi-primary,#1677ff);color:var(--yomi-primary,#1677ff);background:color-mix(in srgb,var(--yomi-primary,#1677ff) 5%,var(--yomi-detail-bg,#fff))}
.product-editor-add-image svg{width:25px;height:25px}
.product-editor-add-image span{font:var(--yomi-secondary-button-text-weight,600) 12px/16px var(--yomi-secondary-button-text-font,inherit)}
.product-editor-add-image small{color:var(--yomi-table-sub-text,#777);font:400 11px/14px var(--yomi-secondary-button-text-font,inherit)}
.product-image-hint{display:block;color:var(--yomi-table-sub-text,#777);font:var(--yomi-table-sub-text-weight,400) 12px/17px var(--yomi-table-sub-text-font,inherit)}
.product-image-hint b{color:#ef4444}
.product-code-link{width:max-content;color:var(--yomi-primary,#1677ff);text-decoration:none}
.product-code-link:hover{text-decoration:underline}
.product-detail-head .product-catalog-icon{text-decoration:none}
@media(max-width:420px){.product-editor-image-grid{gap:6px}.product-editor-add-image span{font-size:11px}.product-editor-image figcaption{display:none}}