@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;900&display=swap";:root{--primary-color:#ff57a0;--secondary-color:#00d2d3;--bg-color:#fff8e7;--text-color:#333;--card-bg:#fff;--shadow-color:#ff57a04d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,#ff57a01a 0%,#0000 20%),radial-gradient(circle at 90% 80%,#00d2d326 0%,#0000 20%);justify-content:center;align-items:center;min-height:100vh;font-family:"M PLUS Rounded 1c",sans-serif;display:flex}#root{width:100%;max-width:800px;padding:20px}.app-container{background-color:var(--card-bg);text-align:center;border:4px solid var(--text-color);border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.title{color:var(--primary-color);text-shadow:2px 2px 0px var(--text-color);letter-spacing:2px;margin-bottom:10px;font-size:2.5rem;animation:2s ease-in-out infinite bounce}.title-logo{max-width:100%;height:auto;max-height:150px;margin-bottom:20px;margin-left:auto;margin-right:auto;animation:2s ease-in-out infinite bounce;display:block}.subtitle{color:#666;margin-bottom:30px;font-size:1.2rem}.upload-area{border:4px dashed var(--secondary-color);cursor:pointer;background-color:#f0fdfd;border-radius:16px;margin-bottom:30px;padding:40px 20px;transition:all .3s}.upload-area:hover,.upload-area.dragging{box-shadow:0 0 15px var(--secondary-color);background-color:#e0fafa;transform:scale(1.02)}.upload-icon{margin-bottom:15px;font-size:4rem;display:block}.preview-container{border:4px solid var(--text-color);background:#eee;border-radius:12px;margin-bottom:30px;overflow:hidden}.preview-image{max-width:100%;max-height:300px;margin:0 auto;display:block}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{background-color:var(--primary-color);color:#fff;border:4px solid var(--text-color);cursor:pointer;box-shadow:4px 4px 0px var(--text-color);border-radius:50px;padding:12px 30px;font-family:inherit;font-size:1.2rem;font-weight:900;transition:all .1s}.btn:hover{box-shadow:6px 6px 0px var(--text-color);transform:translate(-2px,-2px)}.btn:active{box-shadow:0px 0px 0px var(--text-color);transform:translate(4px,4px)}.btn-secondary{background-color:var(--secondary-color)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}