:root{font-family:Arial,Helvetica,sans-serif;color:#333;background:#f7f7f7;color-scheme:light}*{box-sizing:border-box}body{margin:0}.upload-header{height:104px;background:#607d9c;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:20px}.upload-header a{color:white;text-decoration:none;font-weight:800;letter-spacing:2px}.upload-header a span{font-size:11px}main{width:90%;margin:20px auto 45px}.upload-box{border:4px dashed #d1d1d1;text-align:center;margin:0 0 12px;padding:16px}.url-box{min-height:290px}.upload-guide{margin:0 auto 16px;max-width:700px;color:#607d9c;padding:12px}.picture-symbol{font-size:72px;line-height:1}h1{font-size:23px;margin:10px auto;max-width:600px}input,button{font:inherit}button{cursor:pointer;border:1px solid #8ca8c5;border-radius:2px;background:#e4edf7;color:#174674;padding:4px 10px}button:disabled{opacity:.6;cursor:wait}input{border:1px solid #aaa;background:white;color:#333;padding:5px}input::placeholder{color:#aaa}#imageUrlForm{display:flex;justify-content:center;gap:4px}#imageUrl{width:510px;max-width:75%}.drop-zone{min-height:310px;display:flex;flex-direction:column;justify-content:space-evenly;cursor:pointer;outline-offset:4px}.drop-zone p{font-size:clamp(20px,2.35vw,39px);font-weight:400;line-height:1.45;color:#c4c4c4;margin:18px 0}.drop-zone.dragover{border-color:#607d9c;background:#eaf0f5}.file-box{padding:12px;min-height:76px}.file-box p{color:#aaa;font-size:12px;font-weight:700;margin:0 0 9px}#imageFile{max-width:78%;border:0;background:transparent}.upload-note{font-size:13px;text-align:center;color:#666}#uploadStatus{text-align:center;color:#174674;min-height:22px}#uploadStatus.error{color:#bb2020}#uploadResult{text-align:center;border:1px solid #d2dae4;padding:20px;background:white}#uploadResult[hidden]{display:none}#uploadedPreview{max-width:100%;max-height:420px;object-fit:contain;margin-bottom:18px}.result-link{display:flex;gap:6px;justify-content:center}#uploadedUrl{width:680px;max-width:78%}#imageExpiry{font-size:13px;color:#666}@media(max-width:600px){.upload-header{height:76px}main{width:94%;margin-top:12px}.upload-box{padding:10px;border-width:3px}.url-box{min-height:260px}h1{font-size:20px}.drop-zone{min-height:260px}.result-link{flex-direction:column}#uploadedUrl{width:100%;max-width:100%}}