.editor-face-thumbnail{position:relative;display:block;width:70px;height:68px;box-sizing:border-box;border:1px solid #b8b8b8;border-radius:3px;background:#fafafa;overflow:hidden}.editor-face-thumbnail>canvas{display:block;width:100%;height:100%;object-fit:contain;padding:2px;box-sizing:border-box}.editor-face-switch button[aria-pressed=true] .editor-face-thumbnail{border:2px solid #208880}.editor-face-switch button:focus-visible{outline:2px solid #208880;outline-offset:3px;border-radius:3px}.face-thumbnail-status{position:absolute;bottom:2px;left:2px;right:2px;padding:2px;background:#fffef5ed;color:#69561c;font-size:8px;line-height:1.2;text-align:center}.editor-face-caption{font-size:9px;line-height:1.2;text-align:center;color:#626865}.editor-face-thumbnail.face-thumbnail-card,.editor-face-thumbnail.face-thumbnail-face{width:100%;height:auto;aspect-ratio:72/68;border:0;background:transparent;border-radius:0}.product-composition-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden;background:#f6f6f3;padding:6px 4px;box-sizing:border-box}.product-composition-faces{gap:4px}.product-composition-face,.product-composition-faces{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0}.product-composition-face{flex-direction:column;height:100%;max-width:100%;text-align:center}.product-composition-face>.face-thumbnail-card{flex:1;min-height:0;height:0;aspect-ratio:auto}.product-composition-face-label{flex-shrink:0;font-size:9px;line-height:1.3;color:#626865;margin:1px 0}.product-composition-note{position:static;flex-shrink:0;text-align:center;font-size:9px;line-height:1.2;color:#626865;margin-top:3px}.sf-design-face-preview{display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;background:#f4f4f1;border:1px solid #ddd;border-radius:3px;overflow:hidden;margin-bottom:6px}@media(max-width:900px){.editor-face-thumbnail.face-thumbnail-editor{width:48px;height:52px}.editor-face-caption{font-size:8px}}@media(max-width:650px){.editor-face-thumbnail.face-thumbnail-editor{width:42px;height:43px}.editor-face-thumbnail>canvas{padding:1px}.face-thumbnail-status{font-size:6px;bottom:1px;left:1px;right:1px}.product-composition-preview{padding:4px 2px}.product-composition-face-label,.product-composition-note{font-size:8px}}.editor-face-thumbnail>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:2px;box-sizing:border-box;background:#f6f6f3}.has-many-faces .product-composition-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:3px}.has-many-faces .product-composition-face-label{max-width:100%;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-many-faces .product-composition-face>.face-thumbnail-card{width:100%}