body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}body,html{background-color:#121212;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%}:root{--ig-black:#121212;--ig-dark-gray:#1a1a1a;--ig-border:#363636;--ig-text:#f5f5f5;--ig-text-secondary:#a8a8a8;--ig-purple:#833ab4;--ig-magenta:#c13584;--ig-pink:#e1306c;--ig-orange:#fd1d1d;--ig-gradient:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);--ig-gradient-hover:linear-gradient(45deg,#7236a0,#b13176,#d12a63,#f01919)}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container,.app-header{background-color:#121212;background-color:var(--ig-black)}.app-header{border-bottom:1px solid #363636;border-bottom:1px solid var(--ig-border);padding:1.5rem 0;text-align:center}.app-header-content{margin:0 auto;max-width:600px}.app-title{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.5rem;font-weight:700;margin:0}.app-subtitle{color:#a8a8a8;color:var(--ig-text-secondary);font-size:1rem;margin-top:.5rem}.main-content{flex:1 1;overflow-y:auto;padding:1.5rem}.app-footer{background-color:#121212;background-color:var(--ig-black);border-top:1px solid #363636;border-top:1px solid var(--ig-border);color:#a8a8a8;color:var(--ig-text-secondary);font-size:.875rem;padding:1rem;text-align:center}.upload-container{height:calc(100vh - 250px);justify-content:center;margin:0 auto;max-height:600px;padding:2rem}.upload-box,.upload-container{align-items:center;display:flex;flex-direction:column}.upload-box{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:2px dashed #833ab4;border:2px dashed var(--ig-purple);border-radius:1rem;cursor:pointer;max-width:32rem;padding:3rem;transition:background-color .2s;width:100%}.upload-box:hover{background-color:#262626;border-color:#e1306c;border-color:var(--ig-pink)}.upload-icon{color:#e1306c;color:var(--ig-pink);margin-bottom:1rem}.upload-heading{color:#f5f5f5;color:var(--ig-text);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.upload-text{text-align:center}.upload-subtext,.upload-text{color:#a8a8a8;color:var(--ig-text-secondary)}.upload-subtext{font-size:.875rem;margin-top:.5rem}.select-folder-button,.upload-button,button.upload-button{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:500;margin-top:1.5rem;padding:.5rem 1.5rem;transition:all .3s}.select-folder-button:hover,.upload-button:hover,button.upload-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.progress-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem}.progress-content{max-width:28rem;width:100%}.progress-heading{color:#f5f5f5;color:var(--ig-text);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.progress-bar-container{background-color:#262626;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border-radius:9999px;height:.5rem;transition:width .3s ease}.progress-text{color:#a8a8a8;color:var(--ig-text-secondary)}.folder-header{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.back-button,.folder-header{align-items:center;display:flex}.back-button{background-color:initial;border:1px solid #363636;border:1px solid var(--ig-border);border-radius:24px;color:#f5f5f5;color:var(--ig-text);cursor:pointer;margin-right:1rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border-color:#0000;color:#fff}.folder-name-input{background-color:initial;border-bottom:1px solid #363636;border-bottom:1px solid var(--ig-border);color:#f5f5f5;color:var(--ig-text);font-size:1.25rem;font-weight:700;outline:none;padding:.25rem .5rem}.folder-name-input:focus{border-bottom-color:#e1306c;border-bottom-color:var(--ig-pink)}.flex-spacer{flex-grow:1}.export-button{align-items:center;background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;margin-left:.5rem;padding:.5rem 1rem}.export-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.icon-spacing{margin-right:.5rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.images-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.images-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.images-grid{grid-template-columns:repeat(5,1fr)}}.image-container{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative;transition:transform .3s ease}.image-container:hover{transform:scale(1.03)}.image-container:hover .image-overlay{background-color:#0006}.image-thumbnail{border-radius:.5rem;height:10rem;object-fit:cover;width:100%}.image-overlay{align-items:center;background-color:#0000;border-radius:.5rem;display:flex;inset:0;justify-content:center;position:absolute;transition:background-color .2s}.image-container .delete-button{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:9999px;opacity:0;padding:.5rem;transition:opacity .2s,background-color .2s}.image-container:hover .delete-button{opacity:1}.delete-button:hover{background-color:#dc2626}.delete-icon{color:#f5f5f5;color:var(--ig-text)}.image-filename{color:#a8a8a8;color:var(--ig-text-secondary);font-size:.875rem;margin-top:.25rem;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.folders-section{margin-bottom:2rem}.folders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:1.5rem}.folder-card-wrapper{display:flex;justify-content:center}.folders-title{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:700}.folder-card{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:.75rem;box-shadow:0 4px 12px #0000004d;cursor:pointer;max-width:280px;overflow:hidden;transition:all .3s ease;width:100%}.folder-card:hover{border-color:#833ab4;border-color:var(--ig-purple);box-shadow:0 10px 15px -3px #833ab44d,0 4px 6px -2px #0003;transform:scale(1.05)}.folders-grid.few-folders{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.folders-grid.few-folders .folder-card{width:280px}@media (max-width:640px){.folders-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.folder-card{max-width:200px}.folders-grid.few-folders .folder-card{width:200px}}.folder-card:hover .folder-image{transform:scale(1.2)}.folder-image-container{height:12rem;overflow:hidden;position:relative}.folder-image{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.folder-image-overlay{background-image:linear-gradient(0deg,#000c,#0000 70%);inset:0;opacity:.8;position:absolute;transition:opacity .3s ease}.folder-card:hover .folder-image-overlay{background-image:linear-gradient(0deg,#833ab4cc,#0000 80%);opacity:.9}.folder-info{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:.75rem;position:absolute;right:0;z-index:2}.folder-name{overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.folder-name,.photo-count{color:#fff;font-weight:500}.photo-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:1px solid #ffffff1a;border-radius:.25rem;font-size:.75rem;padding:.25rem .5rem}.folder-actions{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border-top:1px solid #363636;border-top:1px solid var(--ig-border);display:flex;justify-content:space-between;opacity:1;padding:.75rem}.action-button{align-items:center;background:none;border:none;border-radius:50%;color:#a8a8a8;color:var(--ig-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:color .2s,transform .2s}.action-button:hover{background-color:#262626;transform:scale(1.1)}.action-button.edit-button:hover{color:#833ab4;color:var(--ig-purple)}.action-button.download-button:hover{color:#e1306c;color:var(--ig-pink)}.action-button.delete-button:hover{color:#ef4444}.upload-more-container{margin-top:2rem}.upload-more-button{align-items:center;background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:24px;color:#f5f5f5;color:var(--ig-text);cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-width:20rem;padding:.75rem 1rem;transition:all .2s;width:100%}.upload-more-button:hover{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border-color:#0000;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-button{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:24px;color:#f5f5f5;color:var(--ig-text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#262626;border-color:#c13584;border-color:var(--ig-magenta)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{align-items:center;background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:50%;color:#f5f5f5;color:var(--ig-text);cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.pagination-number:hover{background-color:#262626;border-color:#c13584;border-color:var(--ig-magenta)}.pagination-number.active{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border-color:#0000;color:#fff}.folder-header-delete-button{align-items:center;background-color:#ef4444;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;margin-right:.5rem;padding:.5rem 1rem}.folder-header-delete-button:hover{background-color:#dc2626;box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:1rem;box-shadow:0 10px 25px #0000004d;max-width:400px;padding:1.5rem;width:90%}.modal-title{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modal-input{background-color:#121212;background-color:var(--ig-black);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:.5rem;color:#f5f5f5;color:var(--ig-text);font-size:1rem;margin-bottom:1.5rem;padding:.75rem;width:100%}.modal-input:focus{border-color:#c13584;border-color:var(--ig-magenta);box-shadow:0 0 0 2px #c135844d;outline:none}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-button-cancel{background-color:#121212;background-color:var(--ig-black);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:24px;color:#a8a8a8;color:var(--ig-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.modal-button-cancel:hover{background-color:#262626}.modal-button-confirm{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.modal-button-confirm:hover{background:linear-gradient(45deg,#7236a0,#b13176,#d12a63,#f01919);background:var(--ig-gradient-hover);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.export-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal-container{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:1rem;box-shadow:0 10px 25px #0000004d;max-width:450px;padding:1.5rem;width:90%}.export-modal-title{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.export-options-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:1.5rem}@media (min-width:480px){.export-options-container{grid-template-columns:repeat(3,1fr)}}.export-option{align-items:center;background-color:#121212;background-color:var(--ig-black);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .2s}.export-option:hover{background-color:#262626;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.export-option.desktop{border-color:#833ab4;border-color:var(--ig-purple)}.export-option.whatsapp{border-color:#25d366}.export-option.drive{border-color:#4285f4}.export-option-icon{margin-bottom:.5rem}.export-option-icon.desktop{color:#833ab4;color:var(--ig-purple)}.export-option-icon.whatsapp{color:#25d366}.export-option-icon.drive{color:#4285f4}.export-option-label{color:#f5f5f5;color:var(--ig-text);font-size:.875rem;font-weight:500;text-align:center}.export-modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.export-modal-button-cancel{background-color:#121212;background-color:var(--ig-black);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:24px;color:#a8a8a8;color:var(--ig-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.export-modal-button-cancel:hover{background-color:#262626}.export-progress-container{margin-top:1rem;width:100%}.export-progress-bar-container{background-color:#262626;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.export-progress-bar{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d);background:var(--ig-gradient);border-radius:9999px;height:.5rem;transition:width .3s ease}.export-progress-text{color:#a8a8a8;color:var(--ig-text-secondary);font-size:.75rem;text-align:center}.group-folder-card{border-color:#4f46e5}.group-folder-card:hover{border-color:#4338ca;box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #0003}.group-folder-card:hover .folder-image-overlay.group-overlay{background-image:linear-gradient(0deg,#4f46e5cc,#0000 80%)}.folder-title-container{align-items:center;display:flex;gap:.25rem}.group-icon{color:#fff}.group-download:hover{color:#4f46e5}.folders-header{align-items:center;background-color:#1a1a1a;background-color:var(--ig-dark-gray);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.folders-actions{display:flex;gap:.5rem}.delete-all-button{align-items:center;background-color:#ef4444;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.delete-all-button:hover{background-color:#dc2626;box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.deletion-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.deletion-content{background-color:#1a1a1a;background-color:var(--ig-dark-gray);border:1px solid #363636;border:1px solid var(--ig-border);border-radius:1rem;box-shadow:0 10px 25px #0000004d;max-width:400px;padding:1.5rem;width:90%}.deletion-title{color:#f5f5f5;color:var(--ig-text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.deletion-progress-bar-container{background-color:#262626;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.deletion-progress-bar{background-color:#ef4444;border-radius:9999px;height:.5rem;transition:width .3s ease}.deletion-progress-text{color:#a8a8a8;color:var(--ig-text-secondary);font-size:.875rem;margin-top:.5rem;text-align:center}@media (max-width:640px){.folders-actions{gap:.5rem}.folders-actions,.folders-header{align-items:stretch;flex-direction:column}.folders-header{gap:1rem}.delete-all-button,.export-button{justify-content:center;width:100%}}
/*# sourceMappingURL=main.a0a65624.css.map*/