.image-upload{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin:20px 0;padding:16px;border:1px dashed rgba(255,208,0,.3);background:#ffd00006}.image-upload label{margin:0!important}.image-upload small{display:block;margin-top:7px;color:var(--muted);font-size:8px;line-height:1.5}.image-upload input[type=file]{height:auto;padding:6px;font-size:9px}.image-upload input[type=file]::file-selector-button{min-height:30px;margin-right:10px;padding:0 12px;border:1px solid rgba(255,208,0,.35);background:#171a1b;color:var(--yellow);font-size:8px;font-weight:700;text-transform:uppercase;cursor:pointer}.image-preview{width:100px;height:100px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,208,0,.4);background:#0d1011;color:var(--yellow);font:20px Bebas Neue}.image-preview img,.profile-avatar,.team-logo{width:100%;height:100%;object-fit:cover}.avatar-preview,.profile-avatar{border-radius:50%}.profile-avatar{width:100px;height:100px;flex:0 0 100px;border:2px solid var(--yellow)}.team-logo{display:block;border:1px solid rgba(255,208,0,.35);background:#0d1011;object-fit:contain}.team-logo.xl{width:90px;height:100px}.team-logo.large{width:65px;height:72px}.team-logo.tournament-team-logo{flex:0 0 38px;width:38px;height:42px;padding:3px}.team-logo-preview{clip-path:polygon(50% 0,100% 20%,85% 82%,50% 100%,15% 82%,0 20%)}.image-upload:has(.tournament-cover-preview){grid-template-columns:190px 1fr}.tournament-cover-preview{width:180px;height:100px}.tournament-cover-preview+label{min-width:0}@media(max-width:520px){.image-upload{grid-template-columns:1fr}.image-preview{margin:auto}}
