@charset "UTF-8";:root{--pgo-primary:#2980b9;--pgo-secondary:#FF416C;--header-h:56px;--footer-h:56px;--ad-right-w:300px;--ad-top-minh:90px}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px}body.is-logged-in{--ad-right-w:0px}body.is-logged-in #adRight,body.is-logged-in #adTop{display:none!important}#pgoNavbar{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(to right,#2c3e50,#2980b9);color:#fff}.pgo-btn{display:inline-block;padding:6px 16px;font-size:0.9rem;font-weight:500;border-radius:4px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}.pgo-btn+.pgo-btn{margin-left:6px}.pgo-btn-login{background:#fff;color:#000}.pgo-btn-warning{background:#ffc107;color:#000}.pgo-btn-success{background:#198754;color:#fff}#pgoMain{position:fixed;top:var(--header-h);bottom:var(--footer-h);left:0;right:0;display:flex;flex-direction:column;overflow:hidden}#adTop{flex:0 0 auto;display:none;justify-content:center;align-items:center;min-height:var(--ad-top-minh);background:#f8f8f8}#adTop ins.adsbygoogle{display:block!important;width:100%!important}#pgoContent{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"sizepanel";gap:0;overflow:hidden}#sizePanel{grid-area:sizepanel;display:flex;flex-direction:column;overflow:hidden;padding:12px 14px 8px}#sizePanel h1{font-size:1.15rem;font-weight:700;margin:0 0 2px}#sizePanel .pgo-subtitle{font-size:12px;color:rgba(0,0,0,0.55);margin:0 0 10px}#collagesizediv{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#adRight{grid-area:adright;width:var(--ad-right-w);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#f0f0f0;border-left:1px solid #e0e0e0}#adRight ins.adsbygoogle{display:block!important;width:300px!important}#pgoFooterBar{position:fixed;bottom:0;left:0;right:0;height:var(--footer-h);z-index:9999;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 14px;background:#fff;border-top:1px solid rgba(0,0,0,0.12);box-shadow:0 -2px 8px rgba(0,0,0,0.07)}.pgo-watch-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--pgo-primary);background:rgba(41,128,185,0.08);border:1px solid rgba(41,128,185,0.22);text-decoration:none;white-space:nowrap}.pgo-watch-btn:hover{background:rgba(41,128,185,0.14)}.pgo-next-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:700;color:#fff;background:var(--pgo-primary);border:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:opacity 0.15s}.pgo-next-btn.disabled{opacity:0.45;pointer-events:none}.pgo-next-btn:not(.disabled):hover{filter:brightness(0.93)}.pgo-next-btn svg{flex-shrink:0}@media (max-width:992px){#adTop{display:flex}#adRight{display:none}#pgoContent{grid-template-columns:1fr;grid-template-areas:"sizepanel"}#sizePanel h1{font-size:1rem}.pgo-watch-btn span{display:none}}@media (max-width:992px){#pgoMain{top:calc(var(--header-h) + env(safe-area-inset-top, 0px))}#pgoFooterBar{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--footer-h) + env(safe-area-inset-bottom, 0px))}:root{--footer-h:56px}}.d-none{display:none!important}.pgo-watch-mobile{display:none}@media (max-width:768px){.pgo-watch-desktop{display:none}.pgo-watch-mobile{display:inline-flex}}#collagesizediv{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:600px;-webkit-overflow-scrolling:touch;align-content:start;overscroll-behavior:contain}@media (max-width:991px){#collagesizediv{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){#collagesizediv{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:70vh}}@media (max-width:420px){#collagesizediv{grid-template-columns:1fr}}#collagesizediv .inner_div{width:100%;height:auto;min-height:160px;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;margin:0!important;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease}@media (hover:hover) and (pointer:fine){#collagesizediv .inner_div:hover{background-color:#f6f6f6;border-color:#ccc}}#collagesizediv .inner_div.active{background-color:#eef5ff;border-color:#005a9c;box-shadow:0 6px 16px rgba(0,90,156,0.25);transform:translateY(-2px)}#collagesizediv .inner_div{position:relative}#collagesizediv .inner_div.active:after{content:"✓";position:absolute;top:8px;right:10px;background:#005a9c;color:#fff;width:22px;height:22px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center}#collagesizediv .inner_div:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,90,156,0.35)}#collagesizediv .size-group-title{grid-column:1/-1;position:relative;margin:14px 0 6px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;letter-spacing:0.3px;text-transform:uppercase;color:#374151;background:#f1f5f9;border-bottom:1px solid #e5e7eb}#collagesizediv .size-group-title:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;border-radius:2px;background:#005a9c}#collagesizediv .size-group-title:first-child{margin-top:4px}#collagesizediv .size-group-title.sticky{position:sticky;top:0;z-index:5;background:#f1f5f9;box-shadow:0 6px 10px rgba(0,0,0,0.06)}@media (max-width:767px){#collagesizediv .size-group-title{font-size:12px;margin:12px 0 4px;padding-left:14px}#collagesizediv .size-group-title.sticky{box-shadow:0 4px 8px rgba(0,0,0,0.05)}}.pgo-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}@media (max-width:767px){.pgo-actions{flex-direction:column;align-items:stretch}.pgo-actions .btn{width:100%;justify-content:center}}.pgo-actions-bottom{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}@media (max-width:767px){.pgo-actions-bottom{display:flex;margin-top:14px}}a.btn.disabled{pointer-events:none;opacity:0.6}#collagesizediv .size-item-hidden{display:none!important}@media (max-width:767px){#collagesizediv .size-group-title{cursor:pointer;user-select:none;padding-right:34px}#collagesizediv .size-group-title:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;opacity:0.7}#collagesizediv .size-group-title.is-collapsed:after{content:"▸"}}#collagedivs{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;align-content:start;padding:4px 2px 8px}@media (max-width:480px){#collagedivs{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}}.collageCard{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;aspect-ratio:1}.collageCard img{width:100%;height:100%;object-fit:contain;display:block;border-radius:4px}@media (hover:hover) and (pointer:fine){.collageCard:hover{border-color:#aaa;background:#f6f6f6}}.collageCard.active{border-color:#005a9c;background:#eef5ff;box-shadow:0 6px 16px rgba(0,90,156,0.25);transform:translateY(-2px)}.collageCard.active:after{content:"✓";position:absolute;top:4px;right:6px;background:#005a9c;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.collageCard{position:relative}.collageCard.is-hidden{display:none!important}#groupbar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 8px;flex-shrink:0}#groupbar::-webkit-scrollbar{display:none}.chip{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:20px;border:1px solid #ccc;background:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background 0.15s,border-color 0.15s,color 0.15s;color:#333}.chip:hover{border-color:#005a9c;color:#005a9c}.chip.active{background:#005a9c;border-color:#005a9c;color:#fff;font-weight:700}.pgo-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#555;background:#f1f5f9;border:1px solid #dde3ea;text-decoration:none;white-space:nowrap;transition:background 0.15s}.pgo-back-btn:hover{background:#e4ebf4}@media (max-width:992px){.pgo-back-btn span{display:none}}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:10000}.sheet{position:fixed;bottom:55px;left:0;right:0;z-index:10001;background:#fff;border-radius:18px 18px 0 0;padding:0 0 env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform 0.22s ease;max-height:60vh;overflow-y:auto}.sheet.open{transform:translateY(0)}.sheet-header{position:sticky;top:0;background:#fff;display:flex;align-items:center;padding:14px 16px 10px;gap:10px;border-bottom:1px solid #f0f0f0}.sheet-handle{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:2px;background:#ddd}.sheet-title{flex:1;font-size:15px;font-weight:700;text-align:center}.sheet-close{background:#f0f0f0;border:0;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.sheet-body{padding:16px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sheet-chip{padding:14px 0;border-radius:12px;border:1px solid #dde3ea;background:#f8fafc;font-size:16px;font-weight:700;cursor:pointer;transition:background 0.15s,border-color 0.15s}.sheet-chip:hover{background:#eef5ff;border-color:#005a9c}#formatPanel{grid-area:sizepanel;display:flex;flex-direction:column;overflow:hidden;padding:10px 14px 6px;gap:0}#formatPanel h1{font-size:1.15rem;font-weight:700;margin:0 0 2px}#formatPanel .pgo-subtitle{font-size:12px;color:rgba(0,0,0,0.55);margin:0 0 8px}#pgoContent{grid-template-areas:"sizepanel adright"}.placeholder-wave{animation:wave 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;border-radius:8px}@keyframes wave{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}