body{font-family:Arial,sans-serif;text-align:center;margin:0;padding:0px;background:#f8f8f8}h2{color:#333}.upload-container{border:2px dashed #ccc;padding:80px 40px;margin:0px auto;width:650px;background:#fff;cursor:pointer;transition:background 0.3s;border-radius:10px}.upload-container:hover{background:#f0f0f0}.thumbnail-container{margin:10px auto;max-width:600px;display:flex;flex-wrap:wrap;justify-content:center}.thumbnail{margin:5px;border:2px solid #ccc;cursor:pointer;width:80px;height:80px;object-fit:cover;transition:transform 0.2s}.thumbnail:hover{transform:scale(1.05)}.cropper-outer{Display:None;width:340px;height:340px;margin:10px auto;border:2px solid green;position:relative;background:#fff;overflow:hidden}.cropper-outer{position:relative}#cropperImage{max-width:100%;display:block}.controls{display:none;margin:10px auto;max-width:325px;padding:10px;border-radius:5px}.controls label{margin-right:10px}@media(max-width:767px){.cropper-outer{max-width:100%}.upload-container{max-width:80%;padding:40px 20px}#seo-top-content h1{margin-top:10px}}.cropper-view-box{box-shadow:0 0 0 2px rgb(131,250,250);box-sizing:border-box}input:focus,select:focus,button:focus{outline:none;box-shadow:none;border-color:#ccc}.zoom-group{margin-bottom:10px;display:flex;flex-direction:column}#zoomSlider{width:70%;padding:6px 0;box-sizing:border-box;margin:10px auto}.format-row{display:flex;align-items:center;gap:10px;margin:0 auto 20px;width:70%}.format-row label{white-space:nowrap}#formatSelect{flex:1;padding:6px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.button-row{display:flex;gap:10px}#downloadBtn{background-color:rgb(3,190,15)}#uploadNew{background-color:#007bff}#downloadBtn,#uploadNew{flex:1;padding:10px;font-size:14px;color:white;border:1px solid #ccc;border-radius:4px;cursor:pointer;box-sizing:border-box;margin-top:10px}#downloadBtn:hover,#uploadNew:hover{background-color:#0056b3}#cropperImage{display:none;opacity:0;transition:opacity 0.4s ease-in-out}#cropperImage.visible{display:block;opacity:1}.loading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:sans-serif;font-size:18px;color:#333;z-index:10;white-space:nowrap;border-radius:5px;background-color:black;color:white;padding:5px 5px 7px 10px}#seo-top-content{padding:10px;margin:0 auto;max-width:800px;font-family:Arial,sans-serif}#seo-top-content h1{color:#333;font-size:2em;}#seo-top-content p{color:#555;margin-top:10px;text-align:right;line-height:1.6}#seo-format-content{padding:20px;margin:40px auto 0;max-width:800px;font-family:Arial,sans-serif;line-height:1.6;border-top:2px solid #ccc;text-align:left}#seo-format-content h2{color:#333;margin-top:20px;text-align:right}#seo-format-content p,#seo-format-content li{color:#555;margin-bottom:16px;text-align:right}#seo-format-content ul{margin-left:0;list-style-type:disc;padding-left:20px}#seo-guide-content{padding:0 20px 20px 20px;margin:0 auto;max-width:800px;font-family:Arial,sans-serif;line-height:1.6}#seo-guide-content h2{color:#333;margin-top:20px;text-align:left}#seo-guide-content p,#seo-guide-content li{color:#555;margin-bottom:16px;text-align:right}#seo-guide-content ol{margin:15px 0;padding-left:20px}.upload-container.disabled{opacity:0.5;pointer-events:none}.nonet{text-align:center;color:rgb(254,17,0);margin-bottom:5px;border-radius:6px;opacity:0;transition:opacity 0.5s ease;display:none;font-size:13px;font-weight:bold}.nonet.show{display:block;opacity:1}