.ph-artwork-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin:16px 0;padding:16px;border:1px solid #e4e4e4;border-radius:12px;box-sizing:border-box}.ph-artwork-summary span{font-size:14px;color:#606060}
html body .ph-artwork-launch,html body .ph-artwork-confirm{background:#c3262b;color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:750;cursor:pointer}html body .ph-artwork-launch:hover,html body .ph-artwork-confirm:hover{background:#a51d23;box-shadow:0 3px 12px #aa202030}
html body dialog.ph-artwork-modal{position:fixed;inset:0;margin:auto;width:min(800px,calc(100% - 40px));max-width:none;height:auto;max-height:90dvh;padding:0;border:0;border-radius:16px;background:white;color:#222;box-shadow:0 20px 80px #0004;overflow:hidden;z-index:100000}
.ph-artwork-modal::backdrop{background:#0009}.ph-artwork-modal[open]{display:flex;flex-direction:column}.ph-artwork-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #e7e7e7}.ph-artwork-modal h2{margin:0;font-size:24px;line-height:1.25}.ph-artwork-modal-head p{margin:8px 0 0;font-size:14px;color:#666}.ph-artwork-close{flex:none;width:44px;height:44px;font-size:28px;border:0;border-radius:50%;background:#f2f2f2;color:#333;cursor:pointer}.ph-artwork-modal-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}.ph-artwork-modal-foot{padding:16px 24px;border-top:1px solid #e7e7e7}.ph-artwork-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ph-artwork-side{border:1px solid #e4e4e4;border-radius:12px;padding:14px;min-width:0}.ph-artwork-side h3{margin:0 0 12px;font-size:17px}.ph-artwork-side-preview{aspect-ratio:5/3;background:#f6f6f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#777;text-align:center;font-size:13px;overflow:hidden}.ph-artwork-side-preview img{width:100%;height:100%;object-fit:contain}.ph-artwork-side select{width:100%;margin-top:12px;min-height:44px;font-size:16px}.ph-artwork-remove{margin-top:8px;border:0;background:transparent;color:#ac2026;padding:8px 0;cursor:pointer}.ph-artwork-remove:disabled{opacity:.4;cursor:default}.ph-artwork-modal-message{color:#a51d23;font-size:14px}.ph-artwork-upload-area .products-uploads-dragandrophandler{height:auto!important;min-height:100px;padding:16px!important;border:1px dashed #aaa;border-radius:10px;margin:16px 0}.ph-artwork-upload-area .products-uploads-dragandrophandler-inner{padding:0!important;font-size:16px;line-height:1.5}.ph-artwork-upload-area .ph-existing-artwork{display:none}
html body a.ph-artwork-file[data-artwork-side]::before{content:attr(data-artwork-side);font-size:11px;font-weight:800;color:#a51d23;flex:none;width:34px}
@media(max-width:600px){html body dialog.ph-artwork-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.ph-artwork-modal-head,.ph-artwork-modal-body{padding:18px}.ph-artwork-modal h2{font-size:21px}.ph-artwork-side-grid{gap:10px}.ph-artwork-side{padding:10px}.ph-artwork-modal-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.ph-artwork-confirm{width:100%}.ph-artwork-modal-head{padding-top:calc(18px + env(safe-area-inset-top))}}

.ph-artwork-side[hidden]{display:none!important}.ph-artwork-side-grid.is-single{grid-template-columns:1fr}.ph-artwork-side-grid.is-single .ph-artwork-side{max-width:430px;width:100%;box-sizing:border-box;margin:auto}html body .ph-artwork-confirm:disabled,html body .single_add_to_cart_button.ph-artwork-disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important}html body .ph-artwork-confirm:disabled:hover{background:#c3262b}

.ph-artwork-combined{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f8f8;border-radius:8px;margin-bottom:16px;font-size:14px}.ph-artwork-combined[hidden]{display:none!important}.ph-artwork-combined input{width:20px;height:20px;flex:none}.ph-artwork-side-preview.is-document{aspect-ratio:auto;min-height:170px;flex-direction:column;gap:8px;padding:12px;box-sizing:border-box;overflow-wrap:anywhere}.ph-artwork-side-preview canvas{max-width:100%;height:auto}.ph-artwork-side-preview.is-document span{font-size:12px}.ph-artwork-side-preview a{color:#aa2026;font-weight:700}.ph-artwork-format-guidance{font-size:12px;line-height:1.6;color:#666}.ph-artwork-side select[hidden]{display:none!important}

/* Fade gently into the active upload state once product options are ready. */
html body .ph-artwork-launch{transition:opacity .18s ease,background-color .18s ease,box-shadow .18s ease}
html body .ph-artwork-launch:disabled,html body .ph-artwork-launch:disabled:hover{opacity:.45;background:#c3262b;color:#fff;cursor:not-allowed;box-shadow:none;filter:none}
html body .ph-artwork-launch:focus-visible{outline:2px solid #a51d23;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body .ph-artwork-launch{transition:none}}

/* Center the drop-zone prompt and browse button in every artwork dialog. */
html body .ph-artwork-modal .ph-artwork-upload-area .products-uploads-dragandrophandler{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:100%!important;min-height:100px;height:auto!important;padding:16px!important;}
html body .ph-artwork-modal .ph-artwork-upload-area .products-uploads-dragandrophandler-inner{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap;gap:10px;width:100%;height:auto!important;min-height:0;margin:0!important;padding:0!important;text-align:center;line-height:1.4!important;box-sizing:border-box;}

/* Draw the close icon geometrically so font metrics cannot shift its center. */
html body .ph-artwork-modal .ph-artwork-close{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0!important;box-sizing:border-box;line-height:1!important;font-size:0!important;width:44px;height:44px;min-width:44px;min-height:44px;}
html body .ph-artwork-modal .ph-artwork-close::before,html body .ph-artwork-modal .ph-artwork-close::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;}
html body .ph-artwork-modal .ph-artwork-close::after{transform:translate(-50%,-50%) rotate(-45deg);}

/* Brand the upload plugin's file rows without changing its upload/remove handlers. */
html body .ph-artwork-modal .products-uploads-drop-statusbar{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:5px;position:relative;box-sizing:border-box;width:100%;min-height:98px;margin:12px 0;padding:16px;border:1px solid #e4e7eb;border-radius:12px;background:#f8f9fa;color:#222;box-shadow:none;}
html body .ph-artwork-modal .products-uploads-drop-type,html body .ph-artwork-modal .products-uploads-drop-img{position:absolute;left:16px;top:16px;width:44px;height:44px;margin:0;}
html body .ph-artwork-modal .products-uploads-drop-img img{width:100%;height:100%;object-fit:contain;border-radius:6px;}
html body .ph-artwork-modal .products-uploads-drop-type_file{left:16px;top:42px;margin:0;padding:2px 4px;background:#c3262b;color:#fff;font-size:10px;line-height:13px;border-radius:3px;box-shadow:none;}
html body .ph-artwork-modal .products-uploads-drop-filename{grid-column:2;grid-row:1;display:block;min-width:0;width:100%;margin:0;padding-right:38px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;line-height:1.5;color:#222;}
html body .ph-artwork-modal .products-uploads-drop-filesize{grid-column:2;grid-row:2;margin:0;padding:0;font-size:12px;font-weight:400;color:#69717d;line-height:1.4;}
html body .ph-artwork-modal .products-uploads-drop-progressBar{grid-column:2;grid-row:3;width:100%;margin:2px 0 0;box-sizing:border-box;display:block;border-radius:6px;background:#e8ebef;overflow:hidden;}
html body .ph-artwork-modal .products-uploads-drop-progressBar>div{background:#c3262b;border-radius:6px;height:16px;line-height:16px;font-size:11px;font-weight:600;color:white;box-shadow:none;}
html body .ph-artwork-modal .products-uploads-drop-progressBar.products-uploads-text-error-pro>div{background:#8c2026;}
html body .ph-artwork-modal .products-uploads-drop-text-error{grid-column:2;margin:0;padding:0;font-size:13px;color:#a51d23;}
html body .ph-artwork-modal .products-uploads_file_upload_remove,html body .ph-artwork-modal .products-uploads-drop-abort{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#eee;color:#444;cursor:pointer;}
html body .ph-artwork-modal :is(.products-uploads_file_upload_remove,.products-uploads-drop-abort)::before,html body .ph-artwork-modal :is(.products-uploads_file_upload_remove,.products-uploads-drop-abort)::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;}
html body .ph-artwork-modal :is(.products-uploads_file_upload_remove,.products-uploads-drop-abort)::after{transform:translate(-50%,-50%) rotate(-45deg);}
html body .ph-artwork-modal :is(.products-uploads_file_upload_remove,.products-uploads-drop-abort):hover{background:#fbe7e8;color:#a51d23;}
@media(max-width:600px){html body .ph-artwork-modal :is(.products-uploads_file_upload_remove,.products-uploads-drop-abort){width:44px;height:44px;top:4px;right:4px;}}

/* Responsive upload progress and confirmed completion, v1.26.27. */
html body .ph-artwork-modal .products-uploads-drop-statusbar{min-height:96px;row-gap:5px}
html body .ph-artwork-modal .products-uploads-drop-type{background:none!important;background-image:none!important;border:1px solid #dde2e7;border-radius:8px;background-color:#eef1f4!important;box-sizing:border-box}
html body .ph-artwork-modal .products-uploads-drop-type_file{position:absolute;left:16px;top:16px;width:44px;height:44px;box-sizing:border-box;padding:0;align-content:center;text-align:center;background:transparent;color:#69717d;font-size:10px;font-weight:650;line-height:44px;text-transform:uppercase;border-radius:0}
html body .ph-artwork-modal .products-uploads-drop-progressBar{height:4px!important;min-height:0!important;border-radius:3px;margin-top:4px}
html body .ph-artwork-modal .products-uploads-drop-progressBar>div{width:var(--ph-upload-progress,0%)!important;height:4px!important;min-height:0!important;line-height:0!important;font-size:0!important;border-radius:3px;transition:width .18s ease;overflow:hidden}
html body .ph-artwork-modal .ph-upload-status{grid-column:2;grid-row:4;display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:#69717d}
html body .ph-artwork-modal [data-ph-upload-state="complete"] .ph-upload-status{color:#42664d;font-weight:600}
html body .ph-artwork-modal [data-ph-upload-state="complete"] .ph-upload-status:before{content:"";width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 1px 3px;animation:ph-upload-confirm .22s ease-out}
html body .ph-artwork-modal [data-ph-upload-state="complete"] .products-uploads-drop-progressBar>div{background:#779581}
html body .ph-artwork-modal [data-ph-upload-state="failed"] .ph-upload-status{color:#a51d23}
.ph-upload-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes ph-upload-confirm{from{opacity:0;transform:translateY(2px) rotate(-45deg)}to{opacity:1;transform:translateY(0) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){html body .ph-artwork-modal .products-uploads-drop-progressBar>div{transition:none}html body .ph-artwork-modal [data-ph-upload-state="complete"] .ph-upload-status:before{animation:none}}

.ph-pdf-expand{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:#b52028;cursor:zoom-in}.ph-pdf-expand canvas{display:block;max-width:100%;height:auto}.ph-pdf-expand span{font-weight:600}.ph-pdf-enlarged{width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none;max-width:none;padding:0;border:0;border-radius:16px;background:#fff;color:#222;box-sizing:border-box}.ph-pdf-enlarged[open]{display:flex;flex-direction:column}.ph-pdf-enlarged::backdrop{background:#000a}.ph-pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e5e5}.ph-pdf-toolbar>div{display:flex;align-items:center;gap:8px}.ph-pdf-toolbar button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f2f2f2;color:#333;font:24px/1 Arial;cursor:pointer}.ph-pdf-toolbar button:hover{background:#b52028;color:#fff}.ph-pdf-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f4f4f4;padding:16px;box-sizing:border-box}.ph-pdf-stage canvas{display:block;margin:auto;max-width:none;box-shadow:0 3px 16px #0002}.ph-pdf-preview-status{margin:0;padding:10px 16px;font-size:12px;color:#666}@media(max-width:600px){.ph-pdf-toolbar{padding:10px;flex-wrap:wrap}.ph-pdf-toolbar strong{font-size:14px}.ph-pdf-toolbar>div{gap:5px}.ph-pdf-toolbar button{width:36px;height:36px}}
