* { box-sizing: border-box; margin: 0; padding: 0; }
#fic-root { font-family: Arial, Helvetica, sans-serif; color: #333; padding: 12px; }
.controls { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
#team-select { padding: 8px; min-width: 240px; }
#download-btn { padding: 8px 14px; background:#0b74da; color:#fff; border:0; border-radius:4px; cursor:pointer; }
#download-btn:disabled { background:#999; cursor:not-allowed; }
.preview-container { width:747px; height:354px; border:1px solid #ccc; background:#eee; display:flex; align-items:center; justify-content:center; }
.preview { position:relative; width:747px; height:354px; overflow:hidden; }
.background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.team-badge { position:absolute; left:16px; top:50%; transform:translateY(-50%); width:250px; height:250px; object-fit:contain; filter: drop-shadow(0 2px 4px rgba(0,0,0,.4)); }
.overlay-text { position:absolute; left:25rem; right:1rem; top:50%; transform:translateY(-50%); font-size:2.4rem; font-weight:bold; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.6); }
.output-canvas { width:747px; height:354px; border:0; }