@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;700&display=swap";:root{--bg-color: #0d0d0d;--card-color: #1a1922;--border-color: #333144;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent-red: #e50914;--accent-gold: #ffc107;--accent-yellow: #f5c518;--font-heading: "Bebas Neue", sans-serif;--font-body: "Montserrat", sans-serif;--border-radius: 12px;--card-shadow: 0 8px 30px rgba(0, 0, 0, .4);--transition-speed: .3s ease;--hover-color: #2a2933}body{font-family:var(--font-body);margin:0;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url(https://storage.googleapis.com/gemini-ui-params/flicks/noise.png);background-repeat:repeat;opacity:.04;pointer-events:none;z-index:-1;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.creations-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.creations-container{padding:1rem;gap:1.5rem}}.creations-header{text-align:center;padding:3rem 0 2rem;background:linear-gradient(135deg,#f5c5181a,#e509141a);border-radius:var(--border-radius);border:1px solid rgba(245,197,24,.2)}.creations-header h1{font-family:var(--font-heading);font-size:4rem;color:var(--accent-yellow);margin-bottom:.5rem;text-shadow:0 0 20px rgba(245,197,24,.5);letter-spacing:2px}.creations-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width: 768px){.creations-header h1{font-size:2.5rem}.creations-header p{font-size:1rem}}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-color);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.selection-toggle-container{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.btn-select{background:linear-gradient(135deg,var(--accent-gold),#f4d03f);color:var(--bg-color);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #f4d03f4d;position:relative;overflow:hidden}.btn-select:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-select:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4d03f66}.btn-select:hover:before{left:100%}.btn-select:active{transform:translateY(0)}.selection-controls{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--card-color),rgba(255,255,255,.05));border:1px solid var(--border-color);border-radius:16px;padding:1.25rem 1.75rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-speed);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selection-controls.hidden,.selection-controls-bottom.hidden{display:none}.selection-info{font-weight:600;color:var(--accent-gold);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.selection-info:before{content:"✓";background:var(--accent-gold);color:var(--bg-color);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.selection-actions{display:flex;gap:1rem;align-items:center}.selection-controls-bottom{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid var(--accent-gold);border-radius:15px;padding:1.5rem 2rem;margin:2rem 0;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ffd70033;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-action{border:none;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn-select-all{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.btn-select-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-deselect-all{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 15px #ff98004d}.btn-deselect-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 15px #f443364d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.btn-action:active{transform:translateY(0)}.btn-action:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.deletion-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.deletion-loading.hidden{display:none}.loading-content{background:var(--card-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.loading-content h3{color:var(--accent-gold);margin:1rem 0 .5rem;font-size:1.5rem;font-weight:600}.loading-content p{color:var(--text-secondary);margin:0;font-size:1rem}.loading-content .loading-spinner{width:100px;height:93px;background:url(./loading-100x93-CiL98eOK.gif) center center no-repeat;background-size:contain;margin:0 auto;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.creation-checkbox{position:absolute;top:1rem;left:1rem;width:20px;height:20px;opacity:0;transform:scale(0);transition:all .3s ease;z-index:10;cursor:pointer;pointer-events:none}.creation-item.selection-mode .creation-checkbox{opacity:1;transform:scale(1);pointer-events:auto}.creation-checkbox+label{position:absolute;top:1rem;left:1rem;width:20px;height:20px;background:#ffffffe6;border:2px solid var(--accent-gold);border-radius:4px;cursor:pointer;transition:all .3s ease;z-index:9;opacity:0;transform:scale(0);pointer-events:none}.creation-item.selection-mode .creation-checkbox+label{opacity:1;transform:scale(1);pointer-events:auto}.creation-checkbox:checked+label{background:var(--accent-gold);border-color:var(--accent-gold)}.creation-checkbox:checked+label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-color);font-weight:700;font-size:12px}.creation-item.selection-mode{position:relative;cursor:pointer}.creation-item.selection-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f4d03f1a;border:2px solid var(--accent-gold);border-radius:12px;z-index:1;pointer-events:none;transition:all .3s ease}.creation-item.selection-mode:hover:before{background:#f4d03f33;border-color:#f4d03f;transform:scale(1.02)}@media (max-width: 768px){.controls-section{flex-direction:column;align-items:stretch;gap:1rem}.selection-controls{flex-direction:column;gap:1rem;align-items:stretch}.selection-actions,.selection-toggle-container{justify-content:center}}.search-container{flex:1;max-width:400px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:var(--text-secondary);z-index:2}#search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:all var(--transition-speed)}#search-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #f5c5181a}#search-input::placeholder{color:var(--text-secondary)}.sort-container{display:flex;align-items:center;gap:.75rem}.sort-container label{color:var(--text-secondary);font-weight:500;white-space:nowrap}#sort-select{padding:.75rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-speed)}#sort-select:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #f5c5181a}#sort-select option{background:var(--card-color);color:var(--text-primary)}.creations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.creation-item{position:relative;border-radius:var(--border-radius);overflow:hidden;background:var(--card-color);border:1px solid var(--border-color);transition:all var(--transition-speed);cursor:pointer;aspect-ratio:2/3;box-shadow:var(--card-shadow)}.creation-item.selected{border-color:var(--accent-yellow);box-shadow:0 0 0 2px #f5c5184d}.creation-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;width:20px;height:20px;background:#000000b3;border:2px solid var(--accent-yellow);border-radius:4px;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);pointer-events:none}.creation-checkbox:hover{background:#f5c51833}.creation-checkbox input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer}.creation-checkbox input[type=checkbox]:checked+.checkbox-icon{opacity:1;transform:scale(1)}.checkbox-icon{color:var(--accent-yellow);font-size:12px;opacity:0;transform:scale(.5);transition:all var(--transition-speed)}.creation-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0009;border-color:var(--accent-yellow)}.creation-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed)}.creation-item:hover .creation-image{transform:scale(1.05)}.creation-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1.5rem 1rem 1rem;transform:translateY(100%);transition:transform var(--transition-speed)}.creation-item:hover .creation-overlay{transform:translateY(0)}.creation-info h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.creation-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.creation-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;opacity:0;transition:opacity var(--transition-speed)}.creation-item:hover .creation-actions{opacity:1}.download-creation-btn,.share-creation-btn{background:var(--accent-yellow);color:var(--bg-color);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 2px 8px #f5c5184d}.download-creation-btn:hover:not(:disabled),.share-creation-btn:hover:not(:disabled){background:#ffd54f;transform:scale(1.1);box-shadow:0 4px 12px #f5c51880}.download-creation-btn:disabled,.share-creation-btn:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:none;opacity:.5}.download-creation-btn:disabled:hover,.share-creation-btn:disabled:hover{transform:none;box-shadow:none}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-speed)}.share-modal.show{opacity:1;visibility:visible}.share-modal-content{background:var(--card-color);border-radius:var(--border-radius);padding:2rem;max-width:500px;width:90%;border:1px solid var(--border-color);position:relative;box-shadow:var(--card-shadow)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.share-modal-header h3{color:var(--text-primary);margin:0;font-size:1.5rem}.share-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all var(--transition-speed)}.share-modal-close:hover{background:var(--hover-color);color:var(--text-primary)}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.share-option{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);text-decoration:none;color:var(--text-primary)}.share-option:hover{background:var(--hover-color);border-color:var(--accent-yellow);transform:translateY(-2px)}.share-option-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;font-size:1.5rem}.share-option-text{font-size:.9rem;font-weight:500;text-align:center}.share-option.whatsapp .share-option-icon{background:#25d366;color:#fff}.share-option.facebook .share-option-icon{background:#1877f2;color:#fff}.share-option.instagram .share-option-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.share-option.twitter .share-option-icon{background:#1da1f2;color:#fff}.share-option.telegram .share-option-icon{background:#08c;color:#fff}.share-option.email .share-option-icon{background:#ea4335;color:#fff}.share-option.copy .share-option-icon{background:var(--accent-yellow);color:var(--bg-color)}.share-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:1.5rem}.share-preview-image{width:80px;height:120px;object-fit:cover;border-radius:var(--border-radius)}.share-preview-info h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.share-preview-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.loading-placeholder{text-align:center;padding:3rem 1rem;grid-column:1 / -1}.loading-spinner{width:100px;height:93px;background:url(./loading-100x93-CiL98eOK.gif) center center no-repeat;background-size:contain;margin:0 auto 1rem;border:none}@keyframes spin{to{transform:rotate(360deg)}}.loading-placeholder p{color:var(--text-secondary);margin:0;font-size:1rem}.no-results{text-align:center;padding:4rem 1rem;grid-column:1 / -1}.no-results-content svg{color:var(--text-secondary);margin-bottom:1rem}.no-results-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.no-results-content p{color:var(--text-secondary);margin:0}.image-slider-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-speed)}.image-slider-modal.show{opacity:1;visibility:visible}.slider-container{position:relative;width:90%;height:90%;max-width:1200px;display:flex;align-items:center;justify-content:center}.slider-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 20px 60px #000c;transition:transform .3s ease,cursor .2s ease;cursor:zoom-in}.slider-image.zoomed{transform:scale(1.5);cursor:zoom-out}.slider-image.zoomed:hover{cursor:grab}.slider-image.zoomed:active{cursor:grabbing}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:var(--text-primary);width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);z-index:10}.slider-nav:hover:not(:disabled){background:var(--accent-yellow);color:var(--bg-color);transform:translateY(-50%) scale(1.1)}.slider-nav.prev{left:20px}.slider-nav.next{right:20px}.slider-nav:disabled{opacity:.3;cursor:not-allowed}.slider-nav:disabled:hover{transform:translateY(-50%);background:#000000b3;color:var(--text-primary)}.slider-close{position:absolute;top:20px;right:20px;background:#000000b3;border:none;color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);z-index:10}.slider-close:hover{background:var(--accent-red);transform:scale(1.1)}.slider-info{position:absolute;bottom:20px;left:20px;right:20px;background:#000c;color:var(--text-primary);padding:1rem 2rem;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.slider-info-left{text-align:left}.slider-info-left h3{margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.slider-info-left p{margin:0;font-size:.9rem;color:var(--text-secondary)}.slider-zoom-controls{display:flex;gap:.5rem}.zoom-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-btn:hover{background:#fff3;border-color:var(--accent-yellow);transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.zoom-btn:disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none}.slider-counter{position:absolute;top:20px;left:20px;background:#000000b3;color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-actions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.page-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-loading-content{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;gap:1rem}.page-loading-spinner{width:100px;height:93px;background:url(./loading-100x93-CiL98eOK.gif) center center no-repeat;background-size:contain;border:none}@keyframes pageLoadingSpin{to{transform:rotate(360deg)}}.page-loading-content p{color:var(--text-primary);margin:0;font-size:1rem;font-weight:500}.pagination-container{display:flex;justify-content:space-between;align-items:center;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:2rem;box-shadow:var(--card-shadow);flex-wrap:wrap;gap:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.pagination-btn:hover:not(:disabled){background:var(--hover-color);border-color:var(--accent-yellow);color:var(--accent-yellow)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary)}.pagination-btn:disabled:hover{background:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary)}.page-numbers{display:flex;align-items:center;gap:.25rem;margin:0 1rem}.page-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.page-number:hover{background:var(--hover-color);border-color:var(--accent-yellow);color:var(--accent-yellow)}.page-number.active{background:var(--accent-yellow);border-color:var(--accent-yellow);color:var(--bg-color)}.page-number.active:hover{background:#ffd54f;border-color:#ffd54f;color:var(--bg-color)}.page-number:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary)}.page-number:disabled:hover{background:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary)}.page-ellipsis{color:var(--text-secondary);font-size:.9rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.creations-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.pagination-container{flex-direction:column;align-items:stretch;text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.page-numbers{margin:.5rem 0;justify-content:center;flex-wrap:wrap}.page-number{width:36px;height:36px;font-size:.8rem}.pagination-btn{padding:.4rem .8rem;font-size:.8rem}.slider-nav{width:40px;height:40px}.slider-nav.prev{left:10px}.slider-nav.next{right:10px}.slider-close{top:10px;right:10px}.slider-info{bottom:10px;left:10px;right:10px;padding:.75rem 1.5rem;font-size:.9rem}.slider-info-left h3{font-size:1rem}.slider-info-left p{font-size:.8rem}.zoom-btn{width:35px;height:35px}.slider-counter{top:10px;left:10px;padding:.4rem .8rem;font-size:.8rem}.slider-actions{bottom:10px;left:50%;transform:translate(-50%)}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-modal-overlay.show{opacity:1;visibility:visible}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;width:95vw;height:95vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.image-modal-image-container{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;flex:1;width:100%;min-height:0}.image-modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 25px 80px #000000b3;cursor:zoom-in;transition:transform .3s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.image-modal-image.zoomed{cursor:zoom-out;transform:scale(3);transition:transform .1s ease-out}.image-modal-controls{display:flex;flex-direction:column;gap:1rem;align-items:center;background:#000000d9;padding:1rem 1.5rem;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.image-modal-buttons{display:flex;gap:1rem;align-items:center}.image-modal-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.1);box-shadow:0 5px 15px #0000004d}.image-modal-close{position:absolute;top:20px;right:20px;background:#000c;border:2px solid rgba(255,255,255,.4);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #00000080;z-index:10003;pointer-events:auto}.image-modal-close:hover{background:#ff4500cc;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 5px 15px #ff45004d}.image-modal-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-align:center;max-width:400px;word-wrap:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:2px solid rgba(255,255,255,.4);color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:24px;z-index:10001;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #00000080}.image-modal-prev{left:20px}.image-modal-next{right:20px}.image-modal-nav:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1);box-shadow:0 5px 20px #0006}.image-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #00000080}.share-panel{position:fixed;top:50%;left:50%;background:#000000f2;border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:1.5rem;min-width:350px;max-width:90vw;transform:translate(-50%,-50%) scale(.95);opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #000c;z-index:10004}.share-panel.active{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;visibility:visible!important}.share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.share-panel-header h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.share-panel-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.share-panel-close:hover{color:#fff;background:#ffffff1a}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.share-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem .5rem;color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none}.share-option:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.share-option i{font-size:24px;margin-bottom:4px}.share-option span{font-size:12px;font-weight:500;text-align:center}.share-option[data-platform=whatsapp]:hover{background:#25d36633;border-color:#25d366}.share-option[data-platform=instagram]:hover{background:#e1306c33;border-color:#e1306c}.share-option[data-platform=snapchat]:hover{background:#fffc0033;border-color:#fffc00}.share-option[data-platform=twitter]:hover{background:#1da1f233;border-color:#1da1f2}.share-option[data-platform=facebook]:hover{background:#1877f233;border-color:#1877f2}.share-option[data-platform=copy]:hover{background:#6c757d33;border-color:#6c757d}.clickable-image{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable-image:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}@media (max-width: 768px){.image-modal-content{max-width:98vw;max-height:98vh;width:98vw;height:98vh;gap:.75rem}.image-modal-controls{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.image-modal-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem}.image-modal-btn{width:44px;height:44px;font-size:16px}.image-modal-close{top:10px;right:10px;width:44px;height:44px;font-size:20px}.image-modal-nav{width:50px;height:50px;font-size:20px}.image-modal-prev{left:10px}.image-modal-next{right:10px}.image-counter{top:10px;font-size:12px;padding:6px 12px}.share-panel{min-width:320px;max-width:95vw;padding:1.25rem}.share-options{grid-template-columns:repeat(3,1fr);gap:.5rem}.share-option{padding:.75rem .25rem}.share-option i{font-size:20px}.share-option span{font-size:10px}}@media (max-width: 480px){.image-modal-nav{display:none}.share-panel{min-width:90vw;max-width:350px}.share-options{grid-template-columns:repeat(2,1fr)}}.creations-share-panel{position:fixed;top:50%;left:50%;background:#000000f2;border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:1.5rem;min-width:350px;max-width:90vw;transform:translate(-50%,-50%) scale(.95);opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #000c;z-index:10005}.creations-share-panel.active{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.creations-share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.creations-share-panel-header h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.creations-share-panel-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.creations-share-panel-close:hover{color:#fff;background:#ffffff1a}.creations-share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.creations-share-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:.9rem}.creations-share-option:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.creations-share-option i{font-size:1.5rem}.creations-share-option span{font-weight:500;text-align:center}.creations-share-option[data-platform=whatsapp]:hover{background:#25d36633;border-color:#25d366;color:#25d366}.creations-share-option[data-platform=instagram]:hover{background:linear-gradient(45deg,#833ab433,#fd1d1d33,#fcb04033);border-color:#e4405f;color:#e4405f}.creations-share-option[data-platform=snapchat]:hover{background:#fffc0033;border-color:#fffc00;color:#fffc00}.creations-share-option[data-platform=twitter]:hover{background:#1da1f233;border-color:#1da1f2;color:#1da1f2}.creations-share-option[data-platform=facebook]:hover{background:#4267b233;border-color:#4267b2;color:#4267b2}.creations-share-option[data-platform=copy]:hover{background:#f5c51833;border-color:var(--accent-yellow);color:var(--accent-yellow)}@media (max-width: 768px){.creations-share-panel{min-width:320px;max-width:95vw;padding:1.25rem}.creations-share-options{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media (max-width: 480px){.creations-share-panel{min-width:90vw;max-width:350px}.creations-share-options{grid-template-columns:repeat(2,1fr)}}