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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.canvas-container{overflow:hidden}.canvas-container,.image-canvas{height:100vh;left:0;position:fixed;top:0;width:100vw}.image-canvas{background:#fff;cursor:grab}.image-canvas:active{cursor:grabbing}.canvas-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:20px;box-shadow:0 10px 30px #0003;color:#fff;left:50%;min-width:300px;padding:15px 30px;position:fixed;text-align:center;transform:translateX(-50%);z-index:100}.canvas-info{font-size:1.2rem;font-weight:600;margin:0 0 5px}.canvas-hint{font-size:.9rem;margin:0;opacity:.8}.selected-prompt{border-top:1px solid #fff3;font-size:.95rem;font-style:italic;margin:10px 0 0;padding-top:10px}.image-counter{background:#000000b3;right:20px}.clear-all-button,.image-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:.95rem;font-weight:600;padding:12px 20px;position:fixed;top:20px;z-index:100}.clear-all-button{background:#ef4444e6;border:none;cursor:pointer;left:20px;transition:background .2s}.clear-all-button:hover{background:#dc2626e6}.canvas-header{background:linear-gradient(180deg,#0000004d,#0000);left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.canvas-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:2px 2px 10px #0003}.canvas-header .subtitle{color:#fff;font-size:1.2rem;margin:0;opacity:.9;text-align:center}@media (max-width:768px){.canvas-controls{bottom:10px;min-width:250px;padding:10px 20px}.canvas-info{font-size:1rem}.canvas-hint{font-size:.8rem}.canvas-header h1{font-size:2rem}.canvas-header .subtitle{font-size:1rem}.image-counter{right:10px}.clear-all-button,.image-counter{font-size:.85rem;padding:8px 15px;top:10px}.clear-all-button{left:10px}}.image-upload{margin:0 auto 3rem;max-width:1200px;padding:0 2rem}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.upload-section h3{font-size:1.8rem;margin-bottom:.5rem}.upload-section p{margin-bottom:1.5rem;opacity:.9}.upload-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 5px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease}.upload-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.upload-button:disabled{cursor:not-allowed;opacity:.6}.uploaded-images{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;padding:2rem}.uploaded-images h4{font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.reference-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.reference-image{animation:slideUp .3s ease;aspect-ratio:1;border-radius:10px;overflow:hidden;position:relative}.reference-image img{height:100%;object-fit:cover;width:100%}.remove-button{align-items:center;background:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:all .3s ease;width:30px}.reference-image:hover .remove-button{opacity:1}.remove-button:hover{background:#ff0000e6;transform:scale(1.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.reference-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.homepage{color:#fff;min-height:100vh;padding:2rem}.homepage-header{margin-bottom:3rem;text-align:center}.homepage-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 10px #0003}.subtitle{font-size:1.2rem;opacity:.9}.image-count{background:#ffffff1a;border-radius:20px;display:inline-block;font-size:1rem;margin-top:.5rem;opacity:.8;padding:.5rem 1rem}.generation-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;gap:1rem;padding:1.5rem}.controls,.generation-indicator{display:flex;justify-content:center;margin-bottom:2rem}.clear-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.clear-button:hover{background:#ffffff4d;box-shadow:0 5px 20px #0003;transform:translateY(-2px)}.image-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;grid-column:1/-1;padding:3rem;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:1.5rem}.empty-state ul{align-items:center;display:flex;flex-direction:column;gap:.5rem;list-style:none}.empty-state code{background:#0003;border-radius:8px;display:inline-block;font-family:Courier New,monospace;padding:.5rem 1rem;transition:all .3s ease}.empty-state code:hover{background:#0000004d;transform:translateX(5px)}.image-card{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;overflow:hidden;position:relative;transition:all .3s ease}.image-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.image-card img{display:block;height:300px;object-fit:cover;width:100%}.image-info{padding:1rem}.prompt{font-size:1.1rem;margin-bottom:.5rem;text-transform:capitalize}.timestamp{font-size:.85rem;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-image-button{align-items:center;background:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:35px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease;width:35px;z-index:10}.image-card:hover .delete-image-button{opacity:1}.delete-image-button:hover{background:#ff0000e6;transform:scale(1.1)}.generation-indicator-fixed{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:15px;color:#fff;display:flex;gap:1rem;left:50%;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:200}.controls-fixed{position:fixed;right:20px;top:20px;z-index:200}.hint{font-size:.9rem;font-style:italic;margin-top:1rem;opacity:.8}@media (max-width:768px){.homepage{padding:1rem}.homepage-header h1{font-size:2rem}.subtitle{font-size:1rem}.image-grid{grid-template-columns:1fr}.empty-state{padding:1.5rem}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:1rem}.delete-image-button{opacity:1}.controls-fixed{right:10px;top:10px}.sticker-actions-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.sticker-actions-grid button{font-size:.95rem!important;padding:14px 12px!important}div[style*="position: fixed"][style*="bottom: 20px"]{bottom:10px!important;right:10px!important}div[style*="position: fixed"][style*="bottom: 20px"] button{font-size:.9rem!important;padding:12px 20px!important}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;min-height:100vh;overflow:hidden}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.prompt-generator{align-items:center;color:#fff;display:flex;justify-content:center;min-height:100vh}.loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:2rem;text-align:center}.loading-container .spinner{margin:0 auto 1.5rem}.loading-container h2{font-size:2rem;margin-bottom:.5rem;text-transform:capitalize}.loading-container p{opacity:.8}
/*# sourceMappingURL=main.d3850cf5.css.map*/