#pp-collage-v1{--ppc-accent: #171717;font-family:inherit;color:#1e2329;max-width:1280px;margin:20px auto 60px;font-size:15px}#pp-collage-v1 *{box-sizing:border-box}#pp-collage-v1 [hidden]{display:none!important}#pp-collage-v1 .ppc-head{text-align:center;margin:14px 0 25px}#pp-collage-v1 .ppc-head h2{font-size:clamp(25px,3vw,39px);margin:5px 0 9px}#pp-collage-v1 .ppc-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:#7c8590}#pp-collage-v1 .ppc-head p{color:#68717c;margin:0}#pp-collage-v1 .ppc-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto}#pp-collage-v1 .ppc-card{padding:28px;text-align:left;background:#fff;border:1px solid #d9dde3;border-radius:17px;cursor:pointer;min-height:138px;display:flex;flex-direction:column;gap:12px;color:inherit}#pp-collage-v1 .ppc-card:hover{border-color:#151515;box-shadow:0 8px 26px #00000010}#pp-collage-v1 .ppc-card strong{font-size:21px}#pp-collage-v1 .ppc-card span{color:#67717b}#pp-collage-v1 .ppc-editor{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:22px;align-items:start}#pp-collage-v1 .ppc-panel{background:#f8f9fb;border:1px solid #e3e7eb;border-radius:16px;padding:20px;display:grid;gap:13px}#pp-collage-v1 .ppc-panel h3{margin:0;font-size:18px}#pp-collage-v1 .ppc-panel label:not(.ppc-upload){font-weight:650;font-size:13px;display:grid;gap:6px}#pp-collage-v1 .ppc-panel input[type=text],#pp-collage-v1 .ppc-panel select{background:#fff;min-height:40px;border:1px solid #cfd6dd;border-radius:8px;padding:8px 10px;font:inherit;width:100%}#pp-collage-v1 .ppc-panel input[type=color]{height:37px;width:100%;border:1px solid #cfd6dd;border-radius:8px;background:#fff}#pp-collage-v1 .ppc-panel input[type=range]{width:100%}#pp-collage-v1 .ppc-upload,#pp-collage-v1 .ppc-btn{display:block;background:#171717;color:#fff;text-align:center;border:none;border-radius:10px;padding:13px 14px;font-weight:750;cursor:pointer}#pp-collage-v1 .ppc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#pp-collage-v1 .ppc-actions button{border:1px solid #cfd6dd;background:#fff;border-radius:8px;padding:9px 4px;font-size:12px;cursor:pointer}#pp-collage-v1 .ppc-status{font-size:13px;color:#344251}#pp-collage-v1 .ppc-note{color:#6a7580;line-height:1.5;font-size:12px;margin:0}#pp-collage-v1 .ppc-divider{height:1px;background:#e0e4e9}#pp-collage-v1 .ppc-workspace{min-width:0}#pp-collage-v1 .ppc-workspace-head,#pp-collage-v1 .ppc-thumb-head{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;color:#344251;align-items:center}#pp-collage-v1 .ppc-preview-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}#pp-collage-v1 .ppc-preview-tools button{font:inherit;font-size:12px;padding:5px 9px;border:1px solid #cbd4df;background:#fff;border-radius:7px;cursor:pointer}#pp-collage-v1 .ppc-workspace-head span,#pp-collage-v1 .ppc-thumb-head span{font-size:12px;color:#65717e}#pp-collage-v1 .ppc-board{width:min(100%,calc(62dvh * var(--ppc-ratio, 1.5)));margin-inline:auto;aspect-ratio:3/2;background:#e9edf1;border:1px solid #d6dce4;overflow:hidden;display:flex;gap:0;position:relative}#pp-collage-v1 .ppc-board.ppc-expanded{width:100%}#pp-collage-v1 .ppc-empty{margin:auto;color:#66727e;text-align:center;padding:20px}#pp-collage-v1 .ppc-photo-grid{display:block;flex:1 1 0%;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;position:relative}#pp-collage-v1 .ppc-tile{touch-action:pan-y;box-sizing:border-box;overflow:hidden;position:relative;cursor:grab;background:#f4f5f6;border:0;border-radius:0;padding:0;margin:0;display:block}#pp-collage-v1 .ppc-tile img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;object-fit:cover;display:block;pointer-events:none;transform-origin:center;-webkit-user-select:none;user-select:none}#pp-collage-v1 .ppc-tile.ppc-swap-selected{outline:3px solid #1f6bda!important;outline-offset:-3px;z-index:3}#pp-collage-v1 .ppc-tile.ppc-drop-target{outline:4px dashed #1f6bda!important;outline-offset:-5px;z-index:3}#pp-collage-v1 .ppc-tile:focus-visible{outline:3px solid #2777de;outline-offset:-3px;z-index:2}#pp-collage-v1 .ppc-region{overflow:hidden!important}#pp-collage-v1 .ppc-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(5px,1.4vw,18px);min-width:0;min-height:0;overflow:hidden;gap:3px}#pp-collage-v1 .ppc-copy strong{font-size:clamp(11px,2.8vw,29px);line-height:1.13;overflow-wrap:anywhere;max-width:100%}#pp-collage-v1 .ppc-copy span{font-size:clamp(9px,1.5vw,18px);overflow-wrap:anywhere;max-width:100%}#pp-collage-v1 .ppc-thumb-head{margin-top:18px}#pp-collage-v1 .ppc-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin-bottom:15px}#pp-collage-v1 .ppc-thumb{position:relative;aspect-ratio:1/1;background:#e8ecf0;border:1px solid #d8dce1;border-radius:8px;overflow:hidden}#pp-collage-v1 .ppc-thumb img{height:100%;width:100%;object-fit:cover}#pp-collage-v1 .ppc-thumb button{position:absolute;top:3px;right:3px;border:none;border-radius:50%;width:24px;height:24px;color:#fff;background:#151515da;font-size:17px;cursor:pointer}#pp-collage-v1 .ppc-thumb small{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:10px;padding:3px 5px}#pp-collage-v1.ppc-review-mode .ppc-workspace-head,#pp-collage-v1.ppc-review-mode [data-board],#pp-collage-v1.ppc-review-mode [data-thumbs],#pp-collage-v1.ppc-review-mode .ppc-thumb-head,#pp-collage-v1.ppc-review-mode .ppc-workspace>.ppc-note{display:none!important}#pp-collage-v1.ppc-review-mode .ppc-panel>:not(.ppc-upload):not([data-status]):not(.ppc-note){display:none!important}#pp-collage-v1 .ppc-orientation{padding:18px;border:1px solid #dbe1e8;border-radius:14px;background:#fff}#pp-collage-v1 .ppc-orientation-heading strong{font-size:22px}#pp-collage-v1 .ppc-orientation-heading p{font-size:14px;color:#586370;margin:8px 0 18px}#pp-collage-v1 .ppc-orientation-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px}#pp-collage-v1 .ppc-orientation-item{padding:9px;background:#f5f7fa;border:1px solid #e1e5ea;border-radius:12px;min-width:0}#pp-collage-v1 .ppc-orientation-item img{width:100%!important;height:155px!important;object-fit:contain!important;background:#e9edf1;border-radius:8px;display:block;max-width:none!important;max-height:none!important}#pp-collage-v1 .ppc-orientation-buttons{display:flex;gap:5px;margin-top:8px}#pp-collage-v1 .ppc-orientation-buttons button{min-width:0;flex:1;background:#fff;border:1px solid #c4cdd7;border-radius:7px;padding:8px 3px;font-size:12px;cursor:pointer;color:#19212b}#pp-collage-v1 .ppc-orientation-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}#pp-collage-v1 .ppc-orientation-footer .ppc-btn{padding:14px 26px}#pp-collage-v1 .ppc-review-photo-frame{height:155px;position:relative;overflow:hidden;background:#e9edf1;border-radius:8px;display:flex;align-items:center;justify-content:center}#pp-collage-v1 .ppc-review-photo-frame img{height:100%!important;width:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}#pp-collage-v1 .ppc-review-adjust{width:100%;margin-top:8px;padding:10px;border:1px solid #c4cdd7;border-radius:8px;background:#fff;color:#19212b;cursor:pointer;font-weight:600}#pp-collage-v1 .ppc-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px}#pp-collage-v1 .ppc-crop-dialog{background:#fff;border-radius:15px;padding:20px;width:min(100%,650px);max-height:95vh;overflow:auto;display:grid;gap:13px;box-shadow:0 12px 45px #0005}#pp-collage-v1 .ppc-crop-header{display:flex;align-items:center;justify-content:space-between;gap:10px}#pp-collage-v1 .ppc-crop-header strong{font-size:19px}#pp-collage-v1 .ppc-crop-header button{border:0;background:#f0f2f5;padding:8px 12px;border-radius:8px;cursor:pointer}#pp-collage-v1 .ppc-crop-stage{background:#d9dee5;overflow:hidden;touch-action:none;border:2px solid #c2c8cf;border-radius:8px;position:relative}#pp-collage-v1 .ppc-rotate-controls{display:flex;gap:7px;flex-wrap:wrap}#pp-collage-v1 .ppc-rotate-controls button{background:#fff;border:1px solid #bbc3cc;border-radius:8px;padding:9px 10px;cursor:pointer;flex:1;font:inherit;font-size:12px}#pp-collage-v1 .ppc-crop-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}#pp-collage-v1 .ppc-crop-actions button{padding:11px 17px;border:1px solid #bbc3cc;border-radius:9px;background:#fff;cursor:pointer;font-weight:650}#pp-collage-v1 .ppc-crop-actions [data-crop-done]{background:#171717;color:#fff}#pp-collage-v1 .ppc-select-stage{height:min(56vh,440px)!important;aspect-ratio:auto!important;display:flex!important;align-items:center;justify-content:center;background:#e7e9eb;overflow:hidden;touch-action:none;cursor:crosshair}#pp-collage-v1 .ppc-select-stage>img{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;pointer-events:none}#pp-collage-v1 .ppc-crop-selection{position:absolute;border:2px solid white;outline:1px solid #121212;box-shadow:0 0 0 999px #0005;touch-action:none;cursor:move;box-sizing:border-box;z-index:2}#pp-collage-v1 .ppc-crop-selection i{position:absolute;width:15px;height:15px;background:#fff;border:2px solid #161616;border-radius:50%;touch-action:none}#pp-collage-v1 .ppc-crop-selection i[data-handle=nw]{left:-8px;top:-8px;cursor:nwse-resize}#pp-collage-v1 .ppc-crop-selection i[data-handle=ne]{right:-8px;top:-8px;cursor:nesw-resize}#pp-collage-v1 .ppc-crop-selection i[data-handle=sw]{left:-8px;bottom:-8px;cursor:nesw-resize}#pp-collage-v1 .ppc-crop-selection i[data-handle=se]{right:-8px;bottom:-8px;cursor:nwse-resize}@media(min-width:781px){#pp-collage-v1 .ppc-workspace{position:sticky;top:18px}}@media(max-width:780px){#pp-collage-v1 .ppc-board{width:min(100%,calc(50dvh * var(--ppc-ratio, 1.5)))}#pp-collage-v1 .ppc-editor,#pp-collage-v1 .ppc-start{grid-template-columns:1fr}#pp-collage-v1 .ppc-panel{padding:15px}#pp-collage-v1 .ppc-card{min-height:unset;padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/perham-collage.css.map */