.pfp-preview{position:relative;width:350px;height:350px;margin:0 auto;border:2px solid #ccc;border-radius:8px;overflow:hidden;background-color:#f3f3f3}.pfp-preview img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.controls{margin-top:20px}.row{margin-bottom:10px}.control-box,.row{display:flex;justify-content:space-between}.control-box{align-items:center;padding:10px;width:48%;border:1px solid #ccc;border-radius:8px;background-color:#fff}.control-box button{padding:5px 10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.control-box button:hover{background-color:#444}.full-width-button{display:block;width:100%;margin:10px 0;padding:10px 20px;font-size:16px;border:none;border-radius:8px;background-color:#000;color:#fff;cursor:pointer}.full-width-button:hover{background-color:#444}.half-width-button{width:48%;padding:10px 20px;font-size:16px;border:none;border-radius:8px;background-color:#000;color:#fff;cursor:pointer}.half-width-button:hover{background-color:#444}h1{font-family:Arial,Helvetica,sans-serif;color:#333}#app{text-align:center;margin:20px}h3[data-v-116c7c08]{margin:40px 0 0}ul[data-v-116c7c08]{list-style-type:none;padding:0}li[data-v-116c7c08]{display:inline-block;margin:0 10px}a[data-v-116c7c08]{color:#42b983}