body{font-family:Quicksand,Segoe UI,sans-serif;background:linear-gradient(135deg,#fceabb,#f8b6d2);margin:0;min-height:100vh}.container{max-width:420px;margin:40px auto;background:#fff8fa;border-radius:24px;box-shadow:0 6px 32px #c8b4ff2e;padding:2.5em 2em 2em;text-align:center}h1{color:#ffb6b9;margin-bottom:.5em;font-size:2em;letter-spacing:.05em}p{color:#a7a7a7;margin-bottom:2em}form{margin-bottom:1.5em}input[type=file]{border:none;background:#fceabb;padding:.7em 1em;border-radius:12px;font-size:1em;color:#a67ca7;margin-bottom:1em;box-shadow:0 2px 8px #ffb6b914}button[type=submit]{background:linear-gradient(90deg,#ffb6b9,#fceabb);color:#fff;border:none;border-radius:16px;padding:.7em 2.2em;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #ffb6b92e;transition:background .2s,transform .2s}button[type=submit]:hover{background:linear-gradient(90deg,#f8b6d2,#fceabb);transform:translateY(-2px) scale(1.04)}#spinner{border:5px solid #fceabb;border-top:5px solid #ffb6b9;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;display:none;margin:24px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#result-area{margin-top:2em}#result-area h2{color:#a67ca7;font-size:1.2em;margin-bottom:.5em}.image-box{background:#fceabb;border:2px dashed #ffb6b9;border-radius:18px;padding:1.5em 1em;min-height:180px;text-align:center;color:#bfa6c9;font-size:1.1em;box-shadow:0 2px 8px #ffb6b914;transition:background .2s}.image-box img{max-width:100%;height:auto;margin-top:1em;border-radius:12px;box-shadow:0 2px 12px #f6bbe92e;border:2px solid #fff}.slider-container{margin:1em 0;color:#a7a7a7}.slider-container label{display:block;margin-bottom:.5em}input[type=range]{width:80%}@media(max-width:600px){.container{max-width:98vw;padding:1em .5em 2em}}.social-icons{margin:1em 0}.social-icons a{font-size:1.8em;color:#bfa6c9;margin:0 .6em;text-decoration:none;transition:color .2s}.social-icons a:hover{color:#ffb6b9}