.copy-invite-container{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.copy-invite-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.copy-invite-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.copy-invite-btn.copied{background:#27ae60}.copy-dropdown{z-index:100;background:#fff;border-radius:12px;min-width:220px;margin-top:8px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.copy-dropdown button{cursor:pointer;text-align:left;background:#fff;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.copy-dropdown button:hover{background:#f5f5f5}.copy-dropdown button:not(:last-child){border-bottom:1px solid #eee}.format-icon{font-size:20px}.format-info{flex-direction:column;gap:2px;display:flex}.format-name{color:#333;font-size:14px;font-weight:600}.format-desc{color:#888;font-size:12px}.invite-preview{background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.preview-label{color:#888;font-size:12px}.preview-content{color:#333;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:500;display:flex}.preview-content .separator{color:#ccc}@media (max-width:480px){.copy-invite-btn{padding:10px 20px;font-size:14px}.copy-dropdown{min-width:200px}}