body{color:#333;background-color:#f4f4f4;justify-content:center;margin:0;padding:20px;font-family:Arial,Helvetica,sans-serif;display:flex}.app-container{background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;max-width:600px;padding:20px;box-shadow:0 2px 4px #0000001a}.header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.header h1{color:#222;margin:0 0 5px;font-size:24px}.header p{color:#666;margin:0;font-size:14px}.upload-zone{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #aaa;margin-bottom:20px;padding:40px 20px}.upload-zone:hover,.upload-zone.drag-active{background-color:#f0f8ff;border-color:#06c}.upload-icon{margin-bottom:10px;font-size:32px}.upload-zone h3{color:#333;margin:0 0 5px;font-size:16px}.upload-zone p{color:#777;margin:0;font-size:14px}.preview-container{flex-direction:column;gap:15px;display:flex}.image-preview{object-fit:contain;background:#eee;border:1px solid #ddd;width:100%;max-height:250px}.input-group{flex-direction:column;gap:5px;display:flex}.input-group label{font-size:14px;font-weight:700}.input-group input{border:1px solid #ccc;border-radius:3px;padding:8px;font-size:14px}.input-group input:focus{border-color:#06c;outline:none}button{cursor:pointer;color:#333;background-color:#f9f9f9;border:1px solid #ccc;border-radius:3px;padding:10px 15px;font-size:14px}button:hover{background-color:#e9e9e9}.btn-primary{color:#fff;background-color:#06c;border-color:#05a;font-weight:700}.btn-primary:hover{background-color:#05a}.btn-secondary{align-self:flex-start;margin-bottom:10px}