.upload-container{width:100%;max-width:600px;margin:2rem auto;border:2px dashed #cccccc;border-radius:15px;padding:2rem;transition:all .3s ease;background-color:#f8f9fa}.upload-container.dragging{border-color:#4a90e2;background-color:#4a90e20d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.upload-icon{width:60px;height:60px;color:#4a90e2}.upload-icon svg{width:100%;height:100%;fill:currentColor}.upload-text{font-size:1.1rem;color:#333;margin:0}.upload-hint{font-size:.9rem;color:#666;margin:0}.preview-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-message{color:#e74c3c;margin:.5rem 0 0;font-size:.9rem}.status-box{margin-top:1.5rem;padding:1rem;border-radius:8px;width:100%;text-align:center;transition:all .3s ease}.status-box.success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.status-box.error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.status-box.loading{background:#fff3e0;border:1px solid #ffcc80;color:#ef6c00}.image-link{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.image-link a{color:#1e88e5;text-decoration:none;font-weight:500}.image-link a:hover{text-decoration:underline}.copy-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;color:#666}.copy-button:hover{color:#333}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:currentColor;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@media (max-width: 768px){.upload-container{margin:1rem;padding:1.5rem}.upload-text{font-size:1rem}}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px}.upload-title{margin:20px 0;font-size:2rem;color:#333}.upload-title:after{content:"";display:block;width:60px;height:3px;background:#4a90e2;margin:.5rem auto 0;border-radius:2px}@media (max-width: 768px){.upload-title{font-size:1.8rem}}.uuid-container{margin:2rem auto;max-width:600px}.input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.uuid-input{flex:1;padding:.8rem;border:2px solid #4a90e2;border-radius:8px;font-size:1rem}.uuid-input.invalid{border-color:#e74c3c}.generate-button{background:#4a90e2;color:#fff;border:none;padding:0 1.5rem;border-radius:8px;cursor:pointer;transition:background .3s}.generate-button:hover{background:#357abd}.error{color:#e74c3c;margin:.5rem 0}.uuid-hint{color:#666;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.copy-button{background:none;border:none;color:#4a90e2;cursor:pointer;padding:.2rem}