.photo-workspace{max-width:1060px}.photo-page-heading,.photo-gallery-heading,.photo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.photo-page-heading{margin-top:20px}.photo-page-heading .page-title{margin:6px 0}.photo-page-heading p{margin:5px 0}.photo-intro{max-width:720px;line-height:1.8;color:var(--muted);margin:24px 0}.photo-upload-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px;border:1px solid #d5e3e4;border-radius:16px;background:#eef4f3}.photo-upload-panel h2{font-size:20px;margin:0 0 10px}.photo-upload-panel p{font-size:12px;line-height:1.7;color:var(--muted);max-width:620px}.photo-file-label{display:block;font-size:13px;font-weight:600}.photo-file-label input{display:block;max-width:100%;margin-top:9px;border:1px solid #c5d8da;padding:10px;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:12px;box-sizing:border-box;width:100%}.photo-file-label input::file-selector-button{background:#e3eeec;color:#174c59;border:0;border-radius:6px;padding:9px 12px;margin-right:12px;font:inherit;cursor:pointer}.photo-upload-panel .button{white-space:nowrap;min-height:44px}.photo-upload-panel .button:disabled{opacity:.5;cursor:not-allowed}.photo-local-previews{display:flex;gap:8px;flex-wrap:wrap}.photo-local-previews img{width:60px;height:72px;border-radius:7px;object-fit:cover;border:1px solid #ccdadd}.photo-gallery-heading{margin:30px 0 18px}.photo-gallery-heading h2{font-size:21px;margin:0}.photo-gallery-heading p{font-size:12px;color:var(--muted)}.supplier-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supplier-photo-card{border:1px solid #dbe5e5;border-radius:14px;background:#fff;overflow:hidden;min-width:0}.supplier-photo-frame{position:relative;aspect-ratio:4/5;background:#edf0ed}.supplier-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.supplier-photo-cover{position:absolute;top:12px;left:12px;padding:7px 10px;background:#113e4deb;color:#fff;border-radius:7px;font-size:10px}.supplier-photo-body{padding:16px}.supplier-photo-label{font-size:14px;font-weight:600;margin:0 0 6px}.supplier-photo-caption{font-size:10px;line-height:1.7;color:var(--muted);min-height:34px;margin:0 0 15px}.supplier-photo-actions{display:grid;gap:12px}.supplier-photo-actions button{font:inherit;cursor:pointer}.photo-cover-action{background:#eef5f3;color:#184b58;border:1px solid #bcd3d4;border-radius:7px;min-height:40px;font-size:12px!important}.supplier-photo-actions button:disabled{opacity:.45;cursor:default}.photo-order-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.photo-order-actions span{font-size:11px;color:var(--muted)}.photo-order-actions button{width:40px;height:36px;border:1px solid #dbe5e5;background:#fff;border-radius:7px;color:#315b64}.photo-remove-action{color:#85544c;border:0;background:transparent;min-height:36px;font-size:12px!important}.photo-footer{margin-top:28px;border-top:1px solid #dbe5e5;padding-top:24px}.photo-manage-link{margin:12px 0 20px}.supplier-product-links{display:flex;gap:20px;flex-wrap:wrap}.gallery-thumbnails{flex-wrap:wrap}.product-image.has-photo .product-preview-badge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:6px;background:#ffffffdf;color:#355762;font-size:10px;line-height:1.3;letter-spacing:0;text-transform:none}.supplier-photo-actions button:focus-visible,.photo-file-label input:focus-visible{outline:3px solid #94b7ba;outline-offset:3px}@media(max-width:720px){.supplier-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-upload-panel{flex-direction:column;align-items:stretch;padding:20px;gap:12px}.photo-page-heading,.photo-footer{align-items:flex-start;flex-direction:column;gap:14px}.supplier-photo-body{padding:12px}.photo-upload-panel .button{width:100%}}@media(max-width:420px){.supplier-photo-grid{grid-template-columns:minmax(0,1fr)}.photo-workspace{padding-left:16px;padding-right:16px}.photo-page-heading .page-title{font-size:29px}.photo-file-label input{font-size:11px;padding:8px}.photo-footer .button{width:100%}}

.photo-focus-label{display:grid;gap:6px;font-size:10px;color:var(--muted)}.photo-focus-label select{width:100%;min-height:38px;padding:6px 9px;border:1px solid #d0dfe0;border-radius:7px;background:#fff;font:inherit;font-size:12px;color:var(--ink)}.photo-frame-action{min-height:36px;border:1px solid #d0dfe0;border-radius:7px;background:#fff;color:#315b64;font-size:11px!important}

img[data-photo-focus="bottom"]{object-position:50% 100%}img[data-photo-focus="top"]{object-position:50% 0%}img[data-photo-focus="left"]{object-position:0% 50%}img[data-photo-focus="right"]{object-position:100% 50%}img[data-photo-focus="prototype-left"]{object-position:7% 50%}img[data-photo-focus="center"]{object-position:50% 50%}