@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;background-color:#f4f7f9;color:#333;margin:0;padding:20px}.container{max-width:1200px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}h1,h2,p{color:#2c3e50;text-align:center}h1{margin-bottom:10px}p{color:#7f8c8d;margin-bottom:30px}.main-content{display:flex;gap:30px}.controls,.result{flex:1;padding:20px;border:1px solid #e0e0e0;border-radius:8px}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:8px}input[type=file],input[type=number],input[type=text],select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#image-preview-container{margin-top:10px;width:100%;height:250px;border:1px solid #ddd;border-radius:4px;display:none;justify-content:center;align-items:center;overflow:hidden}#preview{max-width:100%;max-height:100%;object-fit:contain}textarea{resize:vertical;min-height:60px}.hidden{display:none}button{padding:12px;background-color:#3498db;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#2980b9}#clear-image-btn{background-color:#e74c3c;margin-top:10px}#clear-image-btn:hover{background-color:#c0392b}#result-container img{max-width:100%;border-radius:4px;border:1px solid #ddd}#result-container .error{color:#e74c3c;text-align:left;padding:15px;border:1px solid #f5c6cb;background-color:#f8d7da;border-radius:4px;word-wrap:break-word;white-space:pre-wrap}#loading,#result-container{text-align:center;margin-top:20px}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#3498db;animation:spin 1s ease infinite;margin:0 auto 10px}button,input[type=range]{width:100%}