.image-stylization-container{max-width:800px;margin:0 auto;overflow:hidden;font-family:Arial,sans-serif;background-color:#000660;color:#333;margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;width:90vw;box-sizing:border-box}.image-stylization-container h3{background-color:#a7b5de;color:#444;padding:10px 20px;border-radius:8px;margin-bottom:20px;text-align:center;width:100%;max-width:800px}.image-stylization-container form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1);width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.image-stylization-container #up-cont{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;position:relative}.image-stylization-container #up-cont-st-sec{display:flex;justify-content:space-between;flex-direction:column;align-items:center;width:100%;margin-bottom:20px;position:relative}.image-stylization-container #up-cont-st-sec span{color:#444;font-size:14px;text-align:center;margin-bottom:10px}.image-stylization-container .up-box-example{width:48%;height:150px;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color 0.3s;background-size:cover;background-position:center}.image-stylization-container .up-box-example img{width:100%;height:100%;object-fit:contain;display:block}.image-stylization-container .up-box-example span{position:absolute;color:#888;display:flex;flex-direction:column;align-items:center}.image-stylization-container .up-box1{width:48%;height:150px;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color 0.3s;background-size:cover;background-position:center}.image-stylization-container .up-box2{width:48%;height:150px;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color 0.3s;background-size:cover;background-position:center}.image-stylization-container .upload-box.example span::after{content:'';font-size:24px;margin-top:10px}.image-stylization-container .up-box1:hover{border-color:#007bff}.image-stylization-container .up-box1 img{width:100%;height:100%;object-fit:cover;display:none}.image-stylization-container .up-box1 span{position:absolute;color:#888;display:flex;flex-direction:column;align-items:center}.image-stylization-container .up-box1 span::after{content:'↑';font-size:24px;margin-top:10px}.image-stylization-container .up-box2 img{width:100%;height:100%;object-fit:cover;display:none}.image-stylization-container .up-box2 span{position:absolute;color:#888;display:flex;flex-direction:column;align-items:center}.image-stylization-container .up-box2 span::after{content:'↑';font-size:24px;margin-top:10px}.image-stylization-container .rem-icon{position:absolute;top:3px;right:2px;background-color:grey;border:2px solid #ccc;border-radius:20%;width:10px;height:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;color:#333;z-index:10;box-shadow:0 2px 4px rgb(0 0 0 / .2);transition:background-color 0.3s ease}.image-stylization-container .rem-icon:hover{background-color:rgb(255 255 255 / .5)}.image-stylization-container .arr-tex{color:#444;font-size:14px;text-align:center;margin:0 10px}.image-stylization-container .arr-tex::after{content:'←';display:block;font-size:24px;margin-top:5px}.image-stylization-container #st-gall{display:flex;overflow-x:auto;width:100%;padding:10px 0}.image-stylization-container .style-image{cursor:pointer;border:2px solid #fff0;width:80px;height:80px;object-fit:cover;border-radius:8px;margin-right:10px;transition:border-color 0.3s}.image-stylization-container .selected{border-color:#007bff}.image-stylization-container button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s;margin-top:10px}.image-stylization-container button:hover{background-color:#0056b3}.image-stylization-container #result{margin-top:20px;max-width:100%;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1);display:none}.image-stylization-container .prog-cont{width:100%;background-color:#f3f3f3;border-radius:5px;overflow:hidden;margin-top:20px;display:none}.image-stylization-container .prog-bar{height:10px;width:0%;transition:width 0.4s ease,background-color 0.4s ease}.image-stylization-container #error-message{color:red;margin-top:10px;display:none}.image-stylization-container .style-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.image-stylization-container .style-section span{color:#444;font-size:14px;text-align:center;margin-bottom:10px}.image-stylization-container .st-ex-gall{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;width:100%;max-width:300px;border:2px solid #ccc;border-radius:8px;overflow:hidden}.image-stylization-container .example-image{width:100%;height:75px;object-fit:cover;cursor:pointer;transition:border 0.3s;display:block}.image-stylization-container .example-image.selected{border:2px solid #007bff}.image-stylization-container .beta-label{background-color:#ff9800;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;margin-left:10px;vertical-align:middle;display:inline-block}@media (min-width:768px){.image-stylization-container .up-box1,.image-stylization-container .up-box2,.image-stylization-container .up-box-example{width:70%;height:250px}.image-stylization-container .up-box1 img,.image-stylization-container .up-box2 img,.image-stylization-container .up-box-example{object-fit:contain}.image-stylization-container .st-ex-gall{display:flex;justify-content:space-between;width:100%;max-width:600px;flex-wrap:nowrap}.image-stylization-container #st-gall .style-image{width:100px;height:100px;object-fit:cover;margin-right:10px;transition:border-color 0.3s}.image-stylization-container .example-image{width:100%;height:100px}}.image-stylization-container .up-box-example img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width:768px){.image-stylization-container{width:100%;padding:0 10px;box-sizing:border-box;margin:0 auto;min-height:100vh;padding-bottom:20px;box-sizing:border-box}.image-stylization-container .up-box1 span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px}}