.pppe-plugin{max-width:980px;width:100%;margin:20px auto;font-family:Arial,Helvetica,sans-serif;color:#172033;box-sizing:border-box}.pppe-plugin *{box-sizing:border-box}.pppe-section{background:#fff;border:1px solid #e3e6ea;border-radius:16px;padding:36px 40px;margin-top:20px;box-shadow:0 2px 14px rgba(20,35,55,.035)}.pppe-config-section{margin-top:0}.pppe-builder-header h2{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:800;letter-spacing:-.5px;color:#172033}.pppe-builder-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:18px;line-height:1.4;color:#475569}.pppe-builder-meta strong{font-weight:500}.pppe-meta-sep{color:#5a6575}.pppe-divider{height:1px;background:#e3e6ea;margin:24px 0 28px}.pppe-builder-step h3,.pppe-editor-section h3{font-size:22px;line-height:1.2;margin:0 0 18px;font-weight:800;color:#111827}.pppe-paper-control{margin:0 0 20px}.pppe-paper-control[hidden]{display:none!important}.pppe-paper-control select{width:100%;height:46px;padding:8px 12px;border:1px solid #cfd4da;border-radius:6px;background:#fff;font-size:16px}.pppe-size-block{margin-bottom:24px}.pppe-size-mode{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%}.pppe-size-mode button{appearance:none;border:1px solid #cfd4da;background:#fff;color:#20262f;min-height:60px;padding:12px 18px;font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.pppe-size-mode button:first-child{border-radius:7px 0 0 7px}.pppe-size-mode button:last-child{border-radius:0 7px 7px 0;border-left:0}.pppe-size-mode button.active{background:#2675d8;border-color:#2675d8;color:#fff;font-weight:700}.pppe-size-mode button.active+button{border-left-color:#2675d8}.pppe-mode-icon{font-size:25px;line-height:1}.pppe-size-options[hidden]{display:none!important}.pppe-units-label{font-size:17px;font-weight:600;margin-bottom:8px;color:#222b36}.pppe-unit-toggle{display:flex;width:max-content;max-width:100%;margin-bottom:26px}.pppe-unit-toggle button{appearance:none;border:1px solid #d2d6db;background:#fff;color:#222b36;padding:10px 30px;font-size:16px;min-width:170px;cursor:pointer}.pppe-unit-toggle button:first-child{border-radius:6px 0 0 6px}.pppe-unit-toggle button:last-child{border-left:0;border-radius:0 6px 6px 0}.pppe-unit-toggle button.active{border:2px solid #2675d8;color:#2168c4;font-weight:700;background:#f8fbff;padding:9px 29px}.pppe-unit-toggle button.active+button{border-left:0}.pppe-popular-heading,.pppe-custom-heading{font-size:17px;font-weight:700;color:#20262f;margin:0 0 14px}.pppe-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.pppe-size-card{appearance:none;border:1px solid #d6d9de;border-radius:8px;background:#fff;min-height:130px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;color:#172033;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}.pppe-size-card:hover{border-color:#7bb3eb;box-shadow:0 3px 10px rgba(38,117,216,.08);transform:translateY(-1px)}.pppe-size-card strong{font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.4px}.pppe-size-card .pppe-size-price{font-size:21px;line-height:1.1;color:#111827;min-height:23px}.pppe-size-card.active{border:2px solid #2d8fd8;background:#f3faff;box-shadow:0 0 0 1px rgba(45,143,216,.06);padding:17px 9px}.pppe-size-card.active strong{color:#2270c9}.pppe-view-all-sizes{appearance:none;display:block;margin:22px auto 0;border:0;background:transparent;color:#216fbd;font-size:17px;font-weight:600;padding:8px 14px;cursor:pointer}.pppe-view-all-sizes span{display:inline-block;margin-left:8px}.pppe-all-sizes{margin-top:8px;padding-top:20px;border-top:1px solid #edf0f2}.pppe-all-sizes[hidden]{display:none!important}.pppe-custom-prompt{margin-top:14px;padding:12px 18px;background:#eef6ff;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:15px;color:#455569}.pppe-custom-prompt[hidden]{display:none!important}.pppe-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2675d8;color:#fff;font-weight:800;font-family:Georgia,serif}.pppe-custom-prompt button{appearance:none;border:0;background:transparent;color:#226fc8;padding:0;font:inherit;cursor:pointer;text-decoration:none}.pppe-custom-prompt button:hover{text-decoration:underline}.pppe-custom-wrap{padding-top:2px}.pppe-custom-fields{display:grid;grid-template-columns:190px minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:end}.pppe-option-group{margin:0}.pppe-option-group label{display:block;font-size:15px;font-weight:700;margin:0 0 6px}.pppe-option-group select,.pppe-option-group input{width:100%;height:46px;padding:9px 12px;border:1px solid #cfd4da;border-radius:6px;background:#fff;font-size:16px}.pppe-dimension-x{font-size:26px;line-height:46px;text-align:center;color:#5b6571}.pppe-help{font-size:13px;color:#667085;margin-top:10px;line-height:1.45}.pppe-step-divider{margin:38px 0 24px}.pppe-upload-step h3{margin-bottom:18px}.pppe-upload-section{padding:28px 24px 26px;border:2px dashed #c8ccd1;border-radius:8px;text-align:center;background:#fff;transition:border-color .15s,background .15s}.pppe-upload-section.dragover{border-color:#2675d8;background:#f5faff}.pppe-upload-icon{font-size:46px;line-height:1;color:#2675d8;margin-bottom:10px;font-family:Arial,sans-serif}.pppe-upload-section p{font-size:17px;line-height:1.5;margin:0 0 16px;color:#222b36}.pppe-browse-link{color:#2675d8;cursor:pointer}.pppe-btn,.pppe-add-to-cart-btn{background:#2675d8;color:#fff;border:0;border-radius:6px;padding:12px 24px;font-size:17px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.pppe-btn:hover,.pppe-add-to-cart-btn:hover{background:#1d62b6;color:#fff}.pppe-upload-btn-icon{font-size:22px;line-height:1}.pppe-upload-help{text-align:center;margin:16px 8px 0;font-size:14px;line-height:1.55}.pppe-summary-divider{margin:28px 0 20px}.pppe-order-summary-strip{display:grid;grid-template-columns:1.05fr 1.75fr 1fr 1.15fr;align-items:stretch}.pppe-summary-cell{padding:0 20px;min-height:72px;border-left:1px solid #e3e6ea;display:flex;flex-direction:column;justify-content:center;gap:8px}.pppe-summary-cell:first-child{border-left:0;padding-left:0}.pppe-summary-cell:last-child{padding-right:0}.pppe-summary-label{font-size:12px;letter-spacing:.04em;color:#111827;font-weight:500}.pppe-summary-cell strong{font-size:17px;line-height:1.2;color:#111827}.pppe-summary-cell:first-child strong,.pppe-summary-price{color:#2675d8!important;font-size:21px!important}.pppe-qty-control{display:grid;grid-template-columns:36px 54px 36px;height:44px;border:1px solid #d8dce1;border-radius:6px;overflow:hidden;width:max-content;background:#fff}.pppe-qty-control button{appearance:none;border:0;background:#fff;font-size:24px;cursor:pointer;color:#111827}.pppe-qty-control button:hover{background:#f4f7fa}.pppe-qty-control .pppe-quantity{width:54px;border:0;text-align:center;padding:0;font-size:17px;font-weight:700;background:#fff;-moz-appearance:textfield}.pppe-qty-control .pppe-quantity::-webkit-inner-spin-button,.pppe-qty-control .pppe-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pppe-canvas-summary[hidden]{display:none!important}.pppe-editor-section{margin-top:20px}.pppe-editor-wrap{margin-top:0}.pppe-editor-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pppe-editor-toolbar input[type=range]{flex:1}.pppe-transform-toolbar{justify-content:flex-start;flex-wrap:wrap}.pppe-small-btn{border:1px solid #bbb;background:#fff;padding:7px 11px;border-radius:4px;cursor:pointer;font-weight:700}.pppe-reset-btn{margin-left:4px}.pppe-editor-wrap canvas{max-width:100%;max-height:calc(100vh - 250px);height:auto;display:block;background:#eee;border:1px solid #ccc;border-radius:5px;touch-action:none;cursor:grab;margin:0 auto;object-fit:contain}.pppe-editor-wrap canvas:active{cursor:grabbing}.pppe-dpi-status{margin-top:12px;padding:12px;border-radius:4px;font-weight:700;line-height:1.45}.pppe-dpi-good{background:#e8f5e9;color:#256029;border-left:4px solid #2e7d32}.pppe-dpi-warn{background:#fff8e1;color:#7a5b00;border-left:4px solid #f9a825}.pppe-dpi-poor{background:#ffebee;color:#a32121;border-left:4px solid #d32f2f}.pppe-resolution-acceptance{margin-top:10px;padding:12px;border:1px solid #e0b4b4;background:#fffafa;border-radius:4px;line-height:1.45}.pppe-resolution-acceptance label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.pppe-resolution-acceptance input{flex:0 0 auto;margin-top:3px}.pppe-price-section{padding:20px 40px}.pppe-add-to-cart-btn{width:100%;padding:14px 20px}.pppe-add-to-cart-btn:disabled{background:#aeb5bd;cursor:not-allowed}.pppe-error-message,.pppe-success-message{margin-top:12px;padding:10px;border-radius:4px}.pppe-error-message{background:#ffebee;color:#b71c1c}.pppe-success-message{background:#e8f5e9;color:#256029}.pppe-upload-progress{margin-top:14px;padding:12px 14px;background:#edf8fe;border:1px solid #cbeaf8;border-radius:6px}.pppe-upload-progress[hidden]{display:none!important}.pppe-upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:14px;line-height:1.35;color:#334155}.pppe-upload-progress-head strong{flex:0 0 auto;color:#176b92;font-size:14px}.pppe-upload-progress-track{height:12px;width:100%;overflow:hidden;border-radius:999px;background:#d9e7ee}.pppe-upload-progress-bar{height:100%;width:0;border-radius:999px;background:#2BAAE1;transition:width .18s ease-out;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)} @media(max-width:760px){.pppe-section{padding:26px 22px;border-radius:12px}.pppe-builder-header h2{font-size:28px}.pppe-builder-meta{font-size:15px;gap:7px}.pppe-size-card{min-height:108px}.pppe-size-card strong{font-size:23px}.pppe-size-card .pppe-size-price{font-size:18px}.pppe-preset-grid{gap:12px}.pppe-order-summary-strip{grid-template-columns:1fr 1fr}.pppe-summary-cell{border-left:0;border-top:1px solid #e3e6ea;padding:16px 10px}.pppe-summary-cell:nth-child(odd){padding-left:0}.pppe-summary-cell:nth-child(even){border-left:1px solid #e3e6ea}.pppe-summary-cell:nth-child(-n+2){border-top:0}.pppe-custom-fields{grid-template-columns:1fr 1fr}.pppe-custom-fields .pppe-option-group:first-child{grid-column:1/-1}.pppe-dimension-x{display:none}} @media(max-width:560px){.pppe-plugin{margin:10px auto}.pppe-section{padding:22px 16px}.pppe-builder-header h2{font-size:25px}.pppe-builder-meta{font-size:13px}.pppe-meta-sep{display:none}.pppe-builder-meta span{width:100%}.pppe-size-mode button{min-height:54px;font-size:16px;padding:10px}.pppe-mode-icon{font-size:21px}.pppe-unit-toggle{width:100%}.pppe-unit-toggle button{min-width:0;flex:1;padding:10px 12px}.pppe-unit-toggle button.active{padding:9px 11px}.pppe-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pppe-size-card{min-height:90px}.pppe-size-card strong{font-size:19px}.pppe-size-card .pppe-size-price{font-size:16px}.pppe-custom-prompt{align-items:flex-start;text-align:left}.pppe-upload-section{padding:24px 14px}.pppe-upload-section p{font-size:15px}.pppe-order-summary-strip{grid-template-columns:1fr}.pppe-summary-cell,.pppe-summary-cell:nth-child(even){border-left:0;border-top:1px solid #e3e6ea;padding:14px 0}.pppe-summary-cell:first-child{border-top:0}.pppe-qty-control{grid-template-columns:38px 58px 38px}.pppe-price-section{padding:16px}} /* v1.0.4 — lock builder typography against theme/Elementor globals */ #ppPhotoPlugin, #ppPhotoPlugin button, #ppPhotoPlugin input, #ppPhotoPlugin select, #ppPhotoPlugin label, #ppPhotoPlugin strong, #ppPhotoPlugin span, #ppPhotoPlugin p, #ppPhotoPlugin div { font-family: Arial, Helvetica, sans-serif !important; text-transform: none !important; letter-spacing: normal !important; } #ppPhotoPlugin { font-size:16px !important; line-height:1.45 !important; } #ppPhotoPlugin .pppe-builder-header h2 { font-family:Arial,Helvetica,sans-serif !important; font-size:32px !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-.35px !important; text-transform:none !important; margin:0 0 7px !important; } #ppPhotoPlugin .pppe-builder-step h3, #ppPhotoPlugin .pppe-editor-section h3 { font-family:Arial,Helvetica,sans-serif !important; font-size:22px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:0 !important; text-transform:uppercase !important; margin:0 0 18px !important; } #ppPhotoPlugin .pppe-builder-meta { font-size:16px !important; line-height:1.4 !important; } #ppPhotoPlugin .pppe-size-mode button { min-height:56px !important; padding:10px 16px !important; font-size:18px !important; line-height:1.2 !important; font-weight:500 !important; gap:0 !important; } #ppPhotoPlugin .pppe-size-mode button.active { font-weight:700 !important; } #ppPhotoPlugin .pppe-mode-icon { display:none !important; } #ppPhotoPlugin .pppe-units-label { font-size:16px !important; line-height:1.3 !important; font-weight:600 !important; } #ppPhotoPlugin .pppe-unit-toggle button { min-width:160px !important; padding:9px 24px !important; font-size:15px !important; line-height:1.2 !important; font-weight:400 !important; } #ppPhotoPlugin .pppe-unit-toggle button.active { padding:8px 23px !important; font-weight:700 !important; } #ppPhotoPlugin .pppe-popular-heading, #ppPhotoPlugin .pppe-custom-heading { font-size:16px !important; line-height:1.35 !important; font-weight:700 !important; } #ppPhotoPlugin .pppe-size-card { min-height:118px !important; padding:16px 10px !important; gap:9px !important; } #ppPhotoPlugin .pppe-size-card strong { font-size:24px !important; line-height:1.1 !important; font-weight:700 !important; letter-spacing:0 !important; } #ppPhotoPlugin .pppe-size-card .pppe-size-price { font-size:18px !important; line-height:1.15 !important; font-weight:400 !important; } #ppPhotoPlugin .pppe-size-card.active { padding:15px 9px !important; } #ppPhotoPlugin .pppe-view-all-sizes { font-size:16px !important; line-height:1.25 !important; font-weight:600 !important; } #ppPhotoPlugin .pppe-view-all-sizes span { display:none !important; } #ppPhotoPlugin .pppe-custom-prompt { font-size:14px !important; line-height:1.4 !important; } #ppPhotoPlugin .pppe-upload-step h3 { margin-bottom:18px !important; } #ppPhotoPlugin .pppe-upload-section p { font-size:16px !important; line-height:1.45 !important; } #ppPhotoPlugin .pppe-btn { font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; } #ppPhotoPlugin .pppe-upload-help { font-size:13px !important; line-height:1.5 !important; } #ppPhotoPlugin .pppe-order-summary-strip { grid-template-columns:1fr 1.45fr .8fr 1.05fr 1.15fr !important; } #ppPhotoPlugin .pppe-summary-cell { padding:0 15px !important; min-height:76px !important; gap:7px !important; } #ppPhotoPlugin .pppe-summary-cell:first-child { padding-left:0 !important; } #ppPhotoPlugin .pppe-summary-cell:last-child { padding-right:0 !important; } #ppPhotoPlugin .pppe-summary-label { font-size:11px !important; line-height:1.2 !important; letter-spacing:.04em !important; font-weight:600 !important; } #ppPhotoPlugin .pppe-summary-cell strong { font-size:15px !important; line-height:1.25 !important; font-weight:700 !important; } #ppPhotoPlugin .pppe-summary-cell:first-child strong, #ppPhotoPlugin .pppe-summary-price { font-size:18px !important; } #ppPhotoPlugin .pppe-summary-cart { align-items:stretch !important; } #ppPhotoPlugin .pppe-summary-cart .pppe-add-to-cart-btn { width:100% !important; min-height:42px !important; padding:9px 12px !important; font-size:14px !important; line-height:1.2 !important; font-weight:700 !important; } #ppPhotoPlugin .pppe-qty-control { height:42px !important; grid-template-columns:32px 46px 32px !important; } #ppPhotoPlugin .pppe-qty-control button { font-size:21px !important; line-height:1 !important; } #ppPhotoPlugin .pppe-qty-control .pppe-quantity { width:46px !important; font-size:15px !important; } #ppPhotoPlugin .pppe-all-sizes { display:none !important; } @media (max-width:780px){ #ppPhotoPlugin .pppe-order-summary-strip{grid-template-columns:1fr 1fr !important;row-gap:18px !important} #ppPhotoPlugin .pppe-summary-cell{border-left:0 !important;padding:0 !important;border-top:1px solid #e3e6ea;padding-top:14px !important} #ppPhotoPlugin .pppe-summary-cell:first-child,#ppPhotoPlugin .pppe-summary-cell:nth-child(2){border-top:0 !important;padding-top:0 !important} #ppPhotoPlugin .pppe-summary-cart{grid-column:1/-1 !important} } @media (max-width:560px){ #ppPhotoPlugin .pppe-builder-header h2{font-size:27px !important} #ppPhotoPlugin .pppe-builder-step h3,#ppPhotoPlugin .pppe-editor-section h3{font-size:20px !important} #ppPhotoPlugin .pppe-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important} #ppPhotoPlugin .pppe-size-card strong{font-size:20px !important} #ppPhotoPlugin .pppe-unit-toggle{width:100% !important} #ppPhotoPlugin .pppe-unit-toggle button{min-width:0 !important;flex:1 !important} #ppPhotoPlugin .pppe-order-summary-strip{grid-template-columns:1fr !important} #ppPhotoPlugin .pppe-summary-cell,#ppPhotoPlugin .pppe-summary-cell:nth-child(2){border-top:1px solid #e3e6ea !important;padding-top:14px !important} #ppPhotoPlugin .pppe-summary-cell:first-child{border-top:0 !important;padding-top:0 !important} } /* v1.0.5 consistency updates */ #ppPhotoPlugin{--pp-blue:#2BAAE1;--pp-blue-dark:#1e8bb8;font-family:Arial,Helvetica,sans-serif;color:#333} #ppPhotoPlugin .pppe-section{font-family:Arial,Helvetica,sans-serif} #ppPhotoPlugin .pppe-builder-step h3,#ppPhotoPlugin .pppe-editor-section h3,#ppPhotoPlugin .pppe-order-summary h3{color:#333} #ppPhotoPlugin .pppe-size-mode button.active,#ppPhotoPlugin .pppe-btn,#ppPhotoPlugin .pppe-add-to-cart-btn{background:var(--pp-blue);border-color:var(--pp-blue);color:#fff!important} #ppPhotoPlugin .pppe-btn:hover,#ppPhotoPlugin .pppe-add-to-cart-btn:hover{background:var(--pp-blue-dark);color:#fff!important} #ppPhotoPlugin .pppe-unit-toggle button.active{border-color:var(--pp-blue);color:#1e8bb8;background:#EDF8FE} #ppPhotoPlugin .pppe-size-card.active{border-color:var(--pp-blue);background:#EDF8FE;box-shadow:inset 4px 0 0 var(--pp-blue)} #ppPhotoPlugin .pppe-size-card.active strong,#ppPhotoPlugin .pppe-view-all-sizes,#ppPhotoPlugin .pppe-custom-prompt button{color:#1e8bb8} #ppPhotoPlugin .pppe-info-icon{background:var(--pp-blue)} #ppPhotoPlugin .pppe-size-card{min-height:92px;gap:0} #ppPhotoPlugin .pppe-size-card strong{font-size:21px;letter-spacing:0} #ppPhotoPlugin .pppe-size-price{display:none!important} #ppPhotoPlugin .pppe-custom-fields{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 180px;align-items:end} #ppPhotoPlugin .pppe-custom-size-warning{margin-top:10px;padding:11px 12px;border-radius:4px;background:#F6D9E8;border-left:4px solid #EA0987;color:#7a244d;font-size:14px;line-height:1.45} #ppPhotoPlugin .pppe-upload-section{padding:20px;border:2px dashed #ccc;border-radius:8px;text-align:center;background:#fff} #ppPhotoPlugin .pppe-upload-section.dragover{border-color:var(--pp-blue);background:#f0f8ff} #ppPhotoPlugin .pppe-upload-section p{margin:12px 0 0;font-size:15px;line-height:1.4;color:#555} #ppPhotoPlugin .pppe-upload-help{text-align:left;margin:8px 0 0;font-size:13px;color:#666} #ppPhotoPlugin .pppe-order-summary{background:#fff;padding:20px;border-radius:8px;margin-top:22px} #ppPhotoPlugin .pppe-order-summary h3{margin:0 0 14px;font-size:22px;font-weight:700} #ppPhotoPlugin .pppe-summary-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:9px;color:#555;font-size:16px} #ppPhotoPlugin .pppe-summary-row strong{color:#333;font-size:16px;text-align:right} #ppPhotoPlugin .pppe-summary-quantity-row{min-height:44px} #ppPhotoPlugin .pppe-total{border-top:2px solid #ddd;padding-top:10px;margin-top:10px;font-size:19px;font-weight:800;color:var(--pp-blue)} #ppPhotoPlugin .pppe-total strong{font-size:19px;color:var(--pp-blue)} #ppPhotoPlugin .pppe-order-summary .pppe-add-to-cart-btn{width:100%;padding:13px 22px;margin-top:16px;border-radius:4px} #ppPhotoPlugin .pppe-order-summary .pppe-add-to-cart-btn:disabled{background:#ccc;color:#fff!important;cursor:not-allowed} #ppPhotoPlugin .pppe-qty-control{height:40px;grid-template-columns:34px 50px 34px} #ppPhotoPlugin .pppe-qty-control .pppe-quantity{width:50px;font-size:16px} #ppPhotoPlugin .pppe-qty-control button{font-size:20px} @media(max-width:760px){#ppPhotoPlugin .pppe-custom-fields{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}#ppPhotoPlugin .pppe-custom-unit-group{grid-column:1/-1}#ppPhotoPlugin .pppe-dimension-x{display:block;line-height:46px}#ppPhotoPlugin .pppe-summary-row{font-size:15px}#ppPhotoPlugin .pppe-summary-row strong{font-size:15px}} /* v1.0.6 compact presets, canvas-style upload, orientation */ #ppPhotoPlugin .pppe-size-card{ min-height:76px !important; height:76px !important; padding:10px 8px !important; gap:0 !important; } #ppPhotoPlugin .pppe-size-card.active{padding:9px 7px !important} #ppPhotoPlugin .pppe-size-card strong{ display:block; max-width:100%; font-size:18px !important; line-height:1.1 !important; font-weight:700 !important; letter-spacing:0 !important; white-space:nowrap; } #ppPhotoPlugin .pppe-preset-grid{gap:12px 16px !important} #ppPhotoPlugin .pppe-orientation-group{margin-top:22px} #ppPhotoPlugin .pppe-orientation-group .pppe-units-label{margin-bottom:8px} #ppPhotoPlugin .pppe-orientation-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%} #ppPhotoPlugin .pppe-orientation-toggle button{ appearance:none; padding:10px 14px; min-height:44px; border:1px solid #bbb; background:#fff; color:#333; border-radius:4px; font-family:Arial,Helvetica,sans-serif !important; font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; cursor:pointer; } #ppPhotoPlugin .pppe-orientation-toggle button.active{background:var(--pp-blue);border-color:var(--pp-blue);color:#fff!important} #ppPhotoPlugin .pppe-upload-section{ padding:22px !important; border:2px dashed #ccc !important; border-radius:8px !important; text-align:center !important; background:#fff !important; margin-top:0 !important; } #ppPhotoPlugin .pppe-upload-section.dragover{border-color:var(--pp-blue)!important;background:#f0f8ff!important} #ppPhotoPlugin .pppe-upload-section p{margin:0 0 14px !important;font-size:16px !important;line-height:1.4 !important;color:#333 !important} #ppPhotoPlugin .pppe-upload-section .pppe-btn{display:inline-block !important;background:var(--pp-blue)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:11px 20px!important;font-size:16px!important;font-weight:700!important} #ppPhotoPlugin .pppe-upload-section .pppe-btn:hover{background:var(--pp-blue-dark)!important} #ppPhotoPlugin .pppe-upload-help{text-align:center !important;margin:9px 8px 0 !important;font-size:12px !important;line-height:1.45 !important;color:#666!important} #ppPhotoPlugin .pppe-editor-section{scroll-margin-top:20px} #ppPhotoPlugin .pppe-price-section{padding:20px 40px} #ppPhotoPlugin .pppe-price-section .pppe-order-summary{margin-top:0;padding:0;background:transparent} @media(max-width:760px){ #ppPhotoPlugin .pppe-size-card{min-height:68px !important;height:68px !important;padding:8px 6px !important} #ppPhotoPlugin .pppe-size-card.active{padding:7px 5px !important} #ppPhotoPlugin .pppe-size-card strong{font-size:16px !important} #ppPhotoPlugin .pppe-preset-grid{gap:10px !important} #ppPhotoPlugin .pppe-orientation-toggle button{font-size:15px !important;min-height:42px;padding:9px 10px} #ppPhotoPlugin .pppe-price-section{padding:18px 22px} } @media(max-width:560px){ #ppPhotoPlugin .pppe-size-card strong{font-size:15px !important} } /* ===== v1.0.7 compact preset controls + clean crop preview ===== */ #ppPhotoPlugin .pppe-popular-heading{ font-family:Arial,Helvetica,sans-serif !important; font-size:17px !important; line-height:1.25 !important; font-weight:600 !important; margin:0 0 10px !important; color:#222b36 !important; } #ppPhotoPlugin .pppe-preset-grid{ gap:10px !important; } #ppPhotoPlugin .pppe-size-card, #ppPhotoPlugin .pppe-size-card.active{ min-height:46px !important; height:46px !important; padding:7px 10px !important; border-radius:6px !important; box-shadow:none !important; } #ppPhotoPlugin .pppe-size-card.active{ border:2px solid #2BAAE1 !important; background:#EDF8FE !important; } #ppPhotoPlugin .pppe-size-card strong, #ppPhotoPlugin .pppe-size-card.active strong{ font-family:Arial,Helvetica,sans-serif !important; font-size:16px !important; line-height:1.15 !important; font-weight:600 !important; letter-spacing:0 !important; white-space:nowrap !important; color:#172033 !important; } #ppPhotoPlugin .pppe-size-card.active strong{ color:#268CB7 !important; } #ppPhotoPlugin .pppe-view-all-sizes, #ppPhotoPlugin .pppe-view-all-sizes:hover, #ppPhotoPlugin .pppe-view-all-sizes:focus, #ppPhotoPlugin .pppe-view-all-sizes:active{ appearance:none !important; -webkit-appearance:none !important; display:block !important; width:auto !important; min-height:0 !important; margin:18px auto 0 !important; padding:4px 6px !important; border:0 !important; outline:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#268CB7 !important; font-family:Arial,Helvetica,sans-serif !important; font-size:16px !important; line-height:1.25 !important; font-weight:600 !important; text-decoration:none !important; } #ppPhotoPlugin .pppe-view-all-sizes:hover, #ppPhotoPlugin .pppe-view-all-sizes:focus{ text-decoration:underline !important; } #ppPhotoPlugin .pppe-editor-wrap canvas{ background:transparent !important; border:0 !important; border-radius:0 !important; outline:2px dashed #AEB6BF !important; outline-offset:-2px !important; } #ppPhotoPlugin .pppe-editor-wrap{ background:#fff !important; } @media(max-width:760px){ #ppPhotoPlugin .pppe-size-card, #ppPhotoPlugin .pppe-size-card.active{height:44px !important;min-height:44px !important;padding:6px 8px !important} #ppPhotoPlugin .pppe-size-card strong, #ppPhotoPlugin .pppe-size-card.active strong{font-size:15px !important} } @media(max-width:560px){ #ppPhotoPlugin .pppe-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important} #ppPhotoPlugin .pppe-size-card strong, #ppPhotoPlugin .pppe-size-card.active strong{font-size:14px !important} } /* ===== v1.0.8 unified controls + true full-image crop preview ===== */ #ppPhotoPlugin{--pp-control-height:46px;--pp-control-font:16px;--pp-control-radius:7px;--pp-control-gap:10px;} #ppPhotoPlugin .pppe-size-mode, #ppPhotoPlugin .pppe-orientation-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--pp-control-gap)!important;width:100%!important;} #ppPhotoPlugin .pppe-size-mode button, #ppPhotoPlugin .pppe-unit-toggle button, #ppPhotoPlugin .pppe-orientation-toggle button, #ppPhotoPlugin .pppe-size-card{ box-sizing:border-box!important; height:var(--pp-control-height)!important; min-height:var(--pp-control-height)!important; max-height:var(--pp-control-height)!important; padding:0 14px!important; border:1px solid #cfd4da!important; border-radius:var(--pp-control-radius)!important; background:#fff!important; color:#172033!important; font-family:Arial,Helvetica,sans-serif!important; font-size:var(--pp-control-font)!important; line-height:1!important; font-weight:600!important; letter-spacing:0!important; display:flex!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; box-shadow:none!important; transform:none!important; } #ppPhotoPlugin .pppe-size-mode button:first-child, #ppPhotoPlugin .pppe-size-mode button:last-child, #ppPhotoPlugin .pppe-unit-toggle button:first-child, #ppPhotoPlugin .pppe-unit-toggle button:last-child{border-radius:var(--pp-control-radius)!important;border-left:1px solid #cfd4da!important;} #ppPhotoPlugin .pppe-size-mode button.active, #ppPhotoPlugin .pppe-orientation-toggle button.active{background:#2BAAE1!important;border-color:#2BAAE1!important;color:#fff!important;font-weight:700!important;} #ppPhotoPlugin .pppe-unit-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--pp-control-gap)!important;width:min(100%,650px)!important;margin-bottom:26px!important;} #ppPhotoPlugin .pppe-unit-toggle button{min-width:0!important;width:100%!important;} #ppPhotoPlugin .pppe-unit-toggle button.active, #ppPhotoPlugin .pppe-size-card.active{background:#eef8fd!important;border:2px solid #2BAAE1!important;color:#237fae!important;font-weight:700!important;} #ppPhotoPlugin .pppe-size-card strong{font:inherit!important;color:inherit!important;line-height:1!important;white-space:nowrap!important;} #ppPhotoPlugin .pppe-preset-grid{gap:10px!important;} #ppPhotoPlugin .pppe-view-all-sizes{ background:transparent!important;border:0!important;box-shadow:none!important;color:#237fae!important; font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.2!important;font-weight:700!important; padding:8px 12px!important;min-height:auto!important;height:auto!important; } #ppPhotoPlugin .pppe-view-all-sizes:hover{color:#1d678d!important;background:transparent!important;} #ppPhotoPlugin .pppe-editor-wrap canvas{ background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important; max-width:100%!important;height:auto!important;display:block!important;margin:0 auto!important; } @media(max-width:560px){ #ppPhotoPlugin{--pp-control-height:44px;--pp-control-font:15px;--pp-control-gap:8px;} #ppPhotoPlugin .pppe-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } /* ===== v1.0.9 — cache-safe unified controls + crop preview ===== */ #ppPhotoPlugin { --pp-control-height: 46px; --pp-control-font: 16px; --pp-control-radius: 7px; --pp-control-gap: 12px; } /* Every customer-facing selector uses exactly the same height/font metrics. */ #ppPhotoPlugin .pppe-size-mode, #ppPhotoPlugin .pppe-unit-toggle, #ppPhotoPlugin .pppe-orientation-toggle { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--pp-control-gap) !important; width: 100% !important; max-width: none !important; } #ppPhotoPlugin .pppe-size-mode button, #ppPhotoPlugin .pppe-unit-toggle button, #ppPhotoPlugin .pppe-orientation-toggle button, #ppPhotoPlugin .pppe-size-card { appearance: none !important; box-sizing: border-box !important; width: 100% !important; height: var(--pp-control-height) !important; min-height: var(--pp-control-height) !important; max-height: var(--pp-control-height) !important; padding: 0 12px !important; margin: 0 !important; border: 1px solid #cfd4da !important; border-radius: var(--pp-control-radius) !important; background: #fff !important; color: #172033 !important; box-shadow: none !important; transform: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: var(--pp-control-font) !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } /* Explicitly keep Preset/Custom as two separate buttons, identical to Orientation. */ #ppPhotoPlugin .pppe-size-mode button:first-child, #ppPhotoPlugin .pppe-size-mode button:last-child, #ppPhotoPlugin .pppe-unit-toggle button:first-child, #ppPhotoPlugin .pppe-unit-toggle button:last-child { border-radius: var(--pp-control-radius) !important; border-left: 1px solid #cfd4da !important; } #ppPhotoPlugin .pppe-size-mode button.active, #ppPhotoPlugin .pppe-orientation-toggle button.active { background: #2BAAE1 !important; border-color: #2BAAE1 !important; color: #fff !important; font-weight: 700 !important; } #ppPhotoPlugin .pppe-unit-toggle button.active, #ppPhotoPlugin .pppe-size-card.active { background: #EDF8FE !important; border-color: #2BAAE1 !important; color: #1e8bb8 !important; font-weight: 700 !important; box-shadow: inset 4px 0 0 #2BAAE1 !important; } #ppPhotoPlugin .pppe-size-card strong, #ppPhotoPlugin .pppe-size-card.active strong { margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; line-height: 1 !important; white-space: nowrap !important; } #ppPhotoPlugin .pppe-preset-grid { gap: 12px !important; } /* Cropper: the canvas itself has no grey background/frame. The full image is visible. */ #ppPhotoPlugin .pppe-editor-wrap { background: transparent !important; } #ppPhotoPlugin .pppe-editor-wrap canvas, #ppPhotoPlugin #pppeCanvas { display: block !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: initial !important; } @media (max-width: 560px) { #ppPhotoPlugin { --pp-control-height: 44px; --pp-control-font: 15px; --pp-control-gap: 8px; } #ppPhotoPlugin .pppe-preset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ===== v1.0.12 — high-resolution responsive crop preview ===== */ #ppPhotoPlugin #pppeCanvas { display: block !important; height: auto !important; max-height: none !important; image-rendering: auto !important; object-fit: fill !important; background: transparent !important; border: 0 !important; outline: 0 !important; border-radius: 0 !important; box-shadow: none !important; }