body{box-sizing:border-box;font-family:Arial,sans-serif}*{box-sizing:inherit}body{align-items:center;background:linear-gradient(135deg,#82f0ff,#ffdfae);display:flex;flex-direction:column;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.file-upload-container{display:inline-block;position:relative}.upload-input{display:none}.custom-upload-button{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;transition:background .3s ease,transform .3s ease-in-out}.custom-upload-button:hover{background:#0165b7;transform:translateY(-5px)}.custom-upload-button:active{transform:scale(.95);transition:transform .3s ease}.frame-container{align-items:center;background:rgba(255,208,248,.738);border-radius:1px;box-shadow:0 6px 25px #00000026;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:90%;padding:4rem;transition:transform .2s ease-in-out;width:100%}.frame-container:hover{cursor:grab}.upload-input{border:2px solid #ffa726;border-radius:10px;box-sizing:border-box;margin:20px 0;max-width:400px;padding:1rem;transition:border-color .3s,background-color .3s;width:100%}.upload-input:hover{background-color:#fff5e6;border-color:#ffeb3b;cursor:pointer}.image-preview{flex-direction:column;margin:2rem 0}.crop-container,.image-preview{align-items:center;display:flex;max-width:600px;width:100%}.crop-container{background:#ffc1070d;border:5px dashed #fff;border-radius:10px;height:400px;justify-content:center;overflow:hidden;position:relative}.controls{align-items:center;display:flex;flex-direction:column;margin:20px 0;width:100%}.zoom-label{font-size:2rem;font-weight:600;margin-bottom:10px;text-align:center}.zoom-slider{height:2rem}.download-button,.zoom-slider{cursor:pointer;margin:1rem 0;max-width:400px;width:100%}.download-button{background:#003d7a;border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:700;padding:12px 20px;text-align:center;transition:background .3s ease,transform .3s ease-in-out}.download-button:hover{background:#0165b7;transform:translateY(-5px)}.download-button:active{transform:scale(.95);transition:transform .3s ease}.final-preview{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 15px #0000001a;margin-top:20px;max-width:600px;overflow:hidden;width:100%}h1{text-align:center}.example-container{margin:20px 0;text-align:center}.example-image{border:2px solid #ddd;border-radius:1px;height:auto;max-width:300px;width:100%}.notes-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.notes-label{color:#333;font-size:1.2rem;margin-bottom:8px}.note-textarea,.notes-label{font-family:Brush Script MT,cursive}.note-textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#000;font-size:25px;height:80px;max-width:400px;padding:10px;resize:none;width:80%}.refresh-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:10px;top:10px}.refresh-button:hover{background-color:#0056b3}@media (min-width:768px){.frame-container{border-radius:10px;margin:1rem 0;max-width:800px;padding:3rem}.upload-input{max-width:500px;padding:1.5rem}.crop-container{height:500px}.download-button{font-size:1.1rem;margin-top:2rem;padding:15px 25px}.final-preview{max-height:500px}}@media (max-width:768px){.app{align-items:center;display:flex;flex-direction:column}.frame-container{border-radius:10px;margin:1rem;padding:2rem;width:95%}.upload-input{font-size:.9rem;padding:1rem}.crop-container{height:300px}.final-preview{max-height:400px}.zoom-slider{width:100%}.download-button{font-size:.9rem;padding:12px;width:100%}}
/*# sourceMappingURL=main.c01f77a4.css.map*/