#ppu-app{width:100%;margin:18px 0 20px;font-family:inherit}.ppu-trigger{width:100%;display:flex;align-items:center;gap:13px;padding:17px 20px;background:#ae451d;border:none;border-radius:10px;cursor:pointer;transition:background .2s;text-align:left}.ppu-trigger:hover,.ppu-trigger:focus{background:#8f3817;outline:none}.ppu-trigger:active{background:#8f3817}.ppu-trigger--open{background:#8f3817;border-radius:10px 10px 0 0}.ppu-trigger__icon{flex-shrink:0;color:#fff}.ppu-trigger__text{flex:1;display:flex;flex-direction:column;gap:2px}.ppu-trigger__title{font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.ppu-trigger__sub{font-size:12px;color:#fffc;font-weight:400}.ppu-arrow{flex-shrink:0;color:#ffffffe6;transition:transform .28s ease}.ppu-trigger--open .ppu-arrow{transform:rotate(180deg);color:#fff}.ppu-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;border:1.5px solid #AE451D;border-top:none;border-radius:0 0 10px 10px;background:#fff}.ppu-panel--open{grid-template-rows:1fr}.ppu-panel__inner{overflow:hidden;min-height:0;padding:0 14px;display:flex;flex-direction:column;gap:10px}.ppu-panel--open .ppu-panel__inner{padding:14px 14px 16px}.ppu-zone{position:relative;border:2px dashed #d0d0d0;border-radius:10px;background:#fafafa;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s;min-height:130px;display:flex;align-items:center;justify-content:center}.ppu-zone:hover:not(.ppu-zone--uploading):not(.ppu-zone--success){border-color:#ae451d;background:#fdf6f3}.ppu-zone--drag{border-color:#ae451d;background:#fdf6f3;box-shadow:0 0 0 3px #ae451d1a}.ppu-zone--uploading{cursor:default;border-color:#ae451d;background:#fdf6f3}.ppu-zone--success{cursor:default;border-style:solid;border-color:#22c55e;background:#fff;min-height:0;align-items:stretch}.ppu-zone--error{border-style:solid;border-color:#dc2626;background:#fef2f2;animation:ppu-shake .45s ease}@keyframes ppu-shake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(7px)}54%{transform:translate(-5px)}72%{transform:translate(5px)}}.ppu-file-input{display:none}.ppu-state{display:none;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;width:100%}.ppu-state--show{display:flex}.ppu-idle__icon{width:50px;height:50px;border:2px dashed #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#bbb;transition:border-color .2s,color .2s}.ppu-zone:hover .ppu-idle__icon{border-color:#ae451d;color:#ae451d}.ppu-idle__text{font-size:13px;font-weight:600;color:#555;text-align:center}.ppu-idle__sub{font-size:11px;color:#aaa;text-align:center}.ppu-upload__ring{position:relative;width:62px;height:62px}.ppu-upload__ring svg{transform:rotate(-90deg)}.ppu-upload__ring circle.track{fill:none;stroke:#fde8df;stroke-width:4}.ppu-upload__ring circle.fill{fill:none;stroke:#ae451d;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.ppu-upload__pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ae451d}.ppu-upload__label{font-size:12px;color:#555}.ppu-state.ppu-state--success-full{padding:0;gap:0;align-items:stretch}.ppu-success__img-wrap{position:relative;width:100%}.ppu-success__img{width:100%;display:block;max-height:240px;object-fit:cover;border-radius:8px 8px 0 0}.ppu-success__img-wrap:after{content:"";position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,rgba(34,197,94,.75) 0%,transparent 100%);border-radius:8px 8px 0 0;pointer-events:none}.ppu-success__check{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:700;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.ppu-success__check svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.ppu-success__footer{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d1fae5;background:#f6fef9;border-radius:0 0 8px 8px}.ppu-success__name{font-size:11px;font-weight:600;color:#166534;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:160px}.ppu-success__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ppu-success__link{font-size:11px;color:#16a34a;text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.ppu-success__link:hover{text-decoration:underline}.ppu-success__change{font-size:11px;color:#aaa;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;white-space:nowrap}.ppu-success__change:hover{color:#555}.ppu-error__icon{width:50px;height:50px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.ppu-error__msg{font-size:13px;font-weight:600;color:#dc2626;text-align:center}.ppu-error__sub{font-size:11px;color:#888;text-align:center}.ppu-info{display:flex;align-items:flex-start;gap:7px;background:#fff8f5;border:1px solid #f4c4a8;border-radius:7px;padding:9px 11px;font-size:12px;color:#7c2d12;line-height:1.4}.ppu-info svg{flex-shrink:0;margin-top:1px;color:#ae451d}@media(max-width:480px){.ppu-trigger{padding:14px 16px}.ppu-trigger__title{font-size:13px}.ppu-zone{min-height:110px}.ppu-success__img{max-height:180px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-photo-upload.css.map */