.image-popup-overlay[data-v-7f31ef19]{background:#000000f2;inset:0;position:fixed;z-index:10000}.image-popup-close[data-v-7f31ef19],.image-popup-overlay[data-v-7f31ef19]{align-items:center;display:flex;justify-content:center}.image-popup-close[data-v-7f31ef19]{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.8rem;height:40px;position:absolute;right:20px;top:16px;transition:background .2s;width:40px;z-index:2}.image-popup-close[data-v-7f31ef19]:hover{background:#ffffff26}.image-popup-media-wrap[data-v-7f31ef19]{align-items:center;display:flex;flex:0 0 auto;justify-content:center;max-height:100%;max-width:100%;pointer-events:none}.image-popup-img[data-v-7f31ef19]{height:80vh;padding:60px 16px 80px}.image-popup-img[data-v-7f31ef19],.image-popup-video[data-v-7f31ef19]{-o-object-fit:contain;object-fit:contain;pointer-events:auto;width:80vw}.image-popup-video[data-v-7f31ef19]{background:#000;margin:60px 16px 80px;max-height:75vh;max-width:min(90vw,960px)}.image-popup-download[data-v-7f31ef19]{background:#fed876;border:none;border-radius:8px;bottom:24px;box-shadow:0 2px 8px #0000004d;color:#222;cursor:pointer;font-size:1.1rem;font-weight:600;left:50%;padding:10px 32px;position:absolute;transform:translate(-50%);transition:background .2s;z-index:2}.image-popup-download[data-v-7f31ef19]:hover{background:#ffe7a8}@media(max-width:600px){.image-popup-close[data-v-7f31ef19]{right:12px;top:12px;top:calc(12px + env(safe-area-inset-top))}.image-popup-img[data-v-7f31ef19]{padding:50px 8px 70px}.image-popup-video[data-v-7f31ef19]{margin:50px 8px 70px;max-height:65vh;width:100%}.image-popup-download[data-v-7f31ef19]{bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:1rem;text-align:center;width:calc(100% - 32px)}}.generation-examples[data-v-137b3f0e]{display:grid;gap:36px 36px;grid-template-columns:repeat(2,1fr);max-width:100%;row-gap:30px}.generation-example[data-v-137b3f0e]{background:var(--dark-300,#3d3d3d);border-radius:22px;padding:18px;transition:transform .3s ease}.generation-example[data-v-137b3f0e]:hover{transform:translateY(-2px)}.example-images[data-v-137b3f0e]{display:flex;gap:22px;height:100%}.related-compilations[data-v-137b3f0e]{display:flex;flex-wrap:wrap;gap:10px}.related-compilation-link[data-v-137b3f0e]{align-items:center;border:1px solid #d8deea;border-radius:8px;color:inherit;display:inline-flex;min-height:38px;padding:8px 12px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.related-compilation-link[data-v-137b3f0e]:hover{background:#f6f2ff;border-color:#8b5cf6}.example-image[data-v-137b3f0e]{cursor:pointer;flex:1;min-width:0}.example-img[data-v-137b3f0e]{aspect-ratio:1/1;border-radius:12px;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.example-img[data-v-137b3f0e]:hover{transform:scale(1.02)}@media(max-width:1200px){.generation-examples[data-v-137b3f0e]{gap:24px 24px;row-gap:20px}.generation-example[data-v-137b3f0e]{border-radius:18px;padding:16px}.example-images[data-v-137b3f0e]{gap:16px}}@media(max-width:768px){.generation-examples[data-v-137b3f0e]{gap:20px;grid-template-columns:1fr}.generation-example[data-v-137b3f0e]{border-radius:16px;padding:14px}.example-images[data-v-137b3f0e]{gap:14px}.example-img[data-v-137b3f0e]{border-radius:10px}}@media(max-width:480px){.generation-examples[data-v-137b3f0e]{gap:16px}.generation-example[data-v-137b3f0e]{border-radius:14px;padding:12px}.example-images[data-v-137b3f0e]{flex-direction:column;gap:12px}.example-img[data-v-137b3f0e]{border-radius:8px}}
